window.addEvent('domready', function() {
	
	var naviEl = $('mainNavi');
	
	var navStatus = Cookie.read('navStatus');
	if (navStatus == 'closed') {
		naviEl.set('morph', {duration: 0});
		naviEl.setStyle('height','22px');
		$('mainNaviClose').hide();
		$('mainNaviOpen').show();
	}
	
	
	// Or we just use Element.morph
	var naviSize = naviEl.getScrollSize();
	var naviHeight = naviSize.y;
	
	$('mainNaviClose').addEvent('click', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		naviEl.set('morph', {duration: 350});
		naviEl.morph({'height':'22px'});
		$('mainNaviClose').hide();
		$('mainNaviOpen').show();
		Cookie.write('navStatus', "closed", {duration: 0});
	});
	
	$('mainNaviOpen').addEvent('click', function(e) {
		e.stop();
		// You need the same selector defined in the CSS-File
		//naviEl.morph('.mainNaviOpend');
		naviEl.set('morph', {duration: 450});
		naviEl.morph({'height':naviHeight});
		$('mainNaviOpen').hide();
		$('mainNaviClose').show();
		Cookie.write('navStatus', "opend", {duration: 0});
	});
	
	
	
	
	
	
	var selectorEl = $('productSelector');
	if (selectorEl) {
		var selectorSize = selectorEl.getScrollSize();
		var selectorHeight = selectorSize.y;
	
	
		var selectorStatus = Cookie.read('selectorStatus');
		if (selectorStatus == 'closed') {
			selectorEl.set('morph', {duration: 0});
			selectorEl.setStyle('height','0px');
			$('productSelectorClose').hide();
			$('productSelectorOpen').show();
		}
		
		
		// Or we just use Element.morph
		
		
		$('productSelectorClose').addEvent('click', function(e) {
			e.stop();
			// Changes the element's style to .myClass defined in the CSS
			selectorEl.set('morph', {duration: 290});
			selectorEl.morph({'height':'0px'});
			$('productSelectorClose').hide();
			$('productSelectorOpen').show();
			Cookie.write('selectorStatus', "closed", {duration: 0});
		});
		
		$('productSelectorOpen').addEvent('click', function(e) {
			e.stop();
			// You need the same selector defined in the CSS-File
			//selectorEl.morph('.productSelectorOpend');
			selectorEl.set('morph', {duration: 350});
			selectorEl.morph({'height':selectorHeight});
			$('productSelectorOpen').hide();
			$('productSelectorClose').show();
			Cookie.write('selectorStatus', "opend", {duration: 0});
		});
	
	}
	
	
});