window.addEvent('domready', function() {
	buildmenu();
	$('detail_bg').setStyle('height', '2px');
	if ($('detailSearch_area').get('class') == "on") {
		$('detail_bg').setStyle('height', '333px');
		$('detailSearch_area').setStyle('height', '333px');
	} else {
		$('searchdetail').set('class', 'detailOn');
	}

	var morphElement = $('detailSearch_area');
	var morphBgElement = $('detail_bg');

	var morphBg = new Fx.Morph(morphBgElement);
	var morph = new Fx.Morph(morphElement);

	$('searchdetail').addEvent('click', function(e) {
		if ($('detailSearch_area').get('class') == "off") {
			morph.start( {
				'height' : 333
			});
			morphBg.start( {
				'height' : 333
			});
			$('detailSearch_area').set('class', 'on');
			$('searchdetail').set('class', 'detailOff');
		} else {
			$('detailSearch_area').set('class', 'off');
			$('searchdetail').set('class', 'detailOn');
			morph.start( {
				'height' : 1
			});
			morphBg.start( {
				'height' : 1
			});
			$('detailSearch_area').setStyle('overflow', 'hidden')
			$('detail_area').setStyle('overflow', 'hidden');
			selectClose($('category'));
		}

	});

	function selectClose(element) {
		element.set('class', 'off');
	}

	function selectOpen(element) {
		element.set('class', 'on');
		$('detailSearch_area').setStyle('overflow', 'visible');
		$('detail_area').setStyle('overflow', 'visible');
	}

	$('currentcategory').addEvent('click', function(e) {
		if ($('category').get('class') == "off")
			selectOpen($('category'));
		else
			selectClose($('category'));
	});

	$('category_list').addEvent('mouseout', function(e) {
		selectClose(this);
	});

	$$('#category_list li').each(function(el) {
		el.addEvent('click', function(e) {
			$("currentcategory").set('html', this.get('text'));
			selectClose($('category'));
		});
	});

});