$(document).ready(function()
{	
	// Bottom slide
	$("#slider").easySlider(
	{
		auto: false, 
		continuous: true
	});

	// Menu slide
	
		// Main values
		var value = '0';
		
		// mouse over options
		$("li#Onderneming").mouseover(function()
		{
			if(value != '1')
			{
				$('#menuSlide').animate( { height:"200px" }, 500 );
				$('#subMenu1').animate( { height:"170px" }, 500 );
				$('#subMenu2').css( { width:"0px" } );
				$('#subMenu3').css( { width:"0px" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
				value = '1';
			}
			else
			{
				value = '0';
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				
				if(value != '1')
				{
					$('#menuSlide').css( { height:"200px" } );
					$('#subMenu1').css( { height:"170px" } );
					$('#subMenu2').css( { width:"0px" } );
					$('#subMenu3').css( { width:"0px" } );
					$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
					value = '1';
				}
			}
		});
		
		$("li#Collecties").mouseover(function()
		{
			if(value != '1')
			{
				$('#menuSlide').animate( { height:"200px" }, 500 );
				$('#subMenu2').animate( { height:"170px" }, 500 );
				$('#subMenu1').css( { width:"0px" } );
				$('#subMenu3').css( { width:"0px" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
				value = '1';
			}
			else
			{
				value = '0';
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				
				if(value != '1')
				{
					$('#menuSlide').css( { height:"200px" } );
					$('#subMenu2').css( { height:"170px" } );
					$('#subMenu1').css( { width:"0px" } );
					$('#subMenu3').css( { width:"0px" } );
					$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
					value = '1';
				}
			}
		});
		
		$("li#Dealers").mouseover(function()
		{
			if(value != '1')
			{
				$('#menuSlide').animate( { height:"200px" }, 500 );
				$('#subMenu3').animate( { height:"170px" }, 500 );
				$('#subMenu1').css( { width:"0px" } );
				$('#subMenu2').css( { width:"0px" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
				value = '1';
			}
			else
			{
				value = '0';
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				
				if(value != '1')
				{
					$('#menuSlide').css( { height:"200px" } );
					$('#subMenu3').css( { height:"170px" } );
					$('#subMenu1').css( { width:"0px" } );
					$('#subMenu2').css( { width:"0px" } );
					$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideClose.gif)'} );
					value = '1';
				}
			}
		});
		
		$("li.menu2").mouseover(function()
		{
			if(value == '1')
			{
				$('#menuSlide').animate( { height:"20px" }, 500 );
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideOpen.gif)'} );
				value = '0';
			}
		});
		
		$("li.menu").mouseout(function()
		{
			value = '1';
		});
		
		$("#menuSlideUp").mouseover(function()
		{
			if(value == '1')
			{
				$('#menuSlide').animate( { height:"20px" }, 500 );
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideOpen.gif)'} );
				value = '0';
			}
		});
		
		// Click to close
		$("#menuSlide").click(function()
		{
			if(value == '1')
			{
				$('#menuSlide').animate( { height:"20px" }, 500 );
				$('#subMenu1').css( { height:"1px", width:"auto" });
				$('#subMenu2').css( { height:"1px", width:"auto" } );
				$('#subMenu3').css( { height:"1px", width:"auto" } );
				$('#menuSlide').css( {'background-image' : 'url(./assets/images/menuSlideOpen.gif)'} );
				value = '0';
			}
		})

});