window.addEvent('domready', function() {			
	
	// workplace set up
	var myFx = new Fx.Style('right_box', 'opacity', {duration: 900}, {fps: 100}).start(0,1);
	myFx.hide();
	
	// var myFx = new Fx.Style('grey_content', 'opacity', {duration: 2000}, {fps: 100}).start(0,1);
	// 	myFx.hide();	
		
	//Menu Slide In
	// var mySlide = new Fx.Slide('menu', {mode: 'horizontal', duration: 750, transition: Fx.Transitions.Cubic.easeInOut, fps: 100});	
	// mySlide.hide();
	// mySlide.slideIn();
	
		
	// collections
	var collections_sub = new Fx.Slide('collections_sub', {mode: 'vertical', duration: 200, fps: 100, transition:Fx.Transitions.Cubic.easeIn });	
	collections_sub.hide();
	
	var fx = new Fx.Styles('menu', {duration:200, wait:false, transition: Fx.Transitions.Cubic.easeIn, fps: 100});
	var fxout = new Fx.Styles('menu', {duration:200, wait:false, transition: Fx.Transitions.Cubic.easeIn, fps: 100});
	
	var timer_watch;
	var activate_start_timer;
	
	$('collections_menu').addEvent('mouseenter', function(event){		
		
		clearTimeout(timer_watch);
	   	activate_start_timer = setTimeout(open_menu, 540);
	});
	
	$('collections_menu').addEvent('mouseleave', function(event){
		clearTimeout(activate_start_timer);
	});
	
	
	$('menu').addEvent('mouseleave', function(event){
		clearTimeout(activate_start_timer);
		collections_sub.stop();
		timer_watch = setTimeout(close_menu, 1000);
	});
	
	function open_menu()
	{
		fxout.stop();
		collections_sub.slideIn();
		fx.start({
					'paddingTop': 2,
				});
	}
	
	function close_menu()
	{
		collections_sub.slideOut();	
		fxout.start({
					'paddingTop': 70,
				});
	}	
});