window.addEvent('domready', function() { 
	new SmoothScroll(); 

	$$('#menu li').each(function(li){
			var img = li.getElement('img');
			if (img) {
			var fx = new Fx.Style(img, 'opacity', {duration: 400, wait: false, transition: Fx.Transitions.linear}).set(0);
			var a = li.getElement('a');
			var fx2 = new Fx.Style(a, 'color', {duration: 400, wait: false}).set('#ffffff');
			if (a.hasClass('act')) {
				fx.set(1);
				if (li.hasClass('level-1')) {
					fx2.set('#4B4B4D');
				}
			}
			else {
				li.addEvent('mouseenter',function(){
					fx.start(1);
					if (li.hasClass('level-1')) {
						fx2.set('#ffffff');
						fx2.start('#4B4B4D');
					}
				});
				li.addEvent('mouseleave',function(){
					fx.start(0);
					if (li.hasClass('level-1')) {
						fx2.set('#4B4B4D');
						fx2.start('#ffffff');
					}
				});
			}
		}
	});
	
	$$('area').each(function(area) {
		var detail = $$(area.hash)[0];
		if (detail) {
			detail.fx = new Fx.Style(detail, 'opacity', {duration: 400, wait: false, transition: Fx.Transitions.linear});
			detail.fx.set(0);
			
			area.addEvent('click', function() {
				$$(this.hash).setStyle('display','block');
				detail.fx.start(1);
			});
		}
	});
	
	$$('.back_to_showroom').each(function(a) {
		a.addEvent('click', function(e) {
			e = new Event(e).stop();
			$$('.showroom_detail').each(function(div) {

				div.fx.start(0);
				
			});
		});
	});


	$$('.showroom_tile').each ( function(div) {
		div.fx = new Fx.Style(div, 'opacity', {duration: 400, wait: false, transition: Fx.Transitions.linear});
		div.fx.set(1);
	});

	$$('.lnk_deko_detail').each( function(a) {
		var detail = $$(a.hash)[0];
		if (detail) {
			detail.fx = new Fx.Style(detail, 'opacity', {duration: 400, wait: false, transition: Fx.Transitions.linear});
			detail.fx.set(0);
			
			a.addEvent('click', function(e) {
				e = new Event(e).stop();
				
				$$(this.hash).setStyle('display','block');
				$$('.showroom_tile').each ( function(div) {
					div.fx.start(0);
				});
				detail.fx.start(1).chain(function (e) {
					$$('#cart')[0].setStyles({'position': 'absolute', 'left': 15, 'top': detail.scrollHeight+30, 'right': 0});
					//$$('#showroomContainer')[0].setStyle('height', detail.scrollHeight);
				});
			});
		};
	});

	$$('.dekoContainer .back_to_showroom').each(function(a) {
		a.addEvent('click', function(e) {
			e = new Event(e).stop();
			$$('.showroom_tile').each ( function(div) {
				div.fx.start(1);
			});
			$$('#cart')[0].setStyle('position', 'static');
			$$('.showroom_detail').each(function(detail) {
				detail.fx.start(0);
			});
		});
	});

});