/***********************************************************************************************************************
EDITED BY: Shurek
DATE: 5/13/2010
DESCRIPTION: Amberdesign Menu ABCnet.nl ©
************************************************************************************************************************/
$(document).ready(function() {
	
	/********************************************************************************************************************
	Op buttons class add and remove Mouseover effect voor de buttons
	
	menuhome hide: $('#menu01-hoverContainer01').fadeOut("slow");
	menuhome show: $('#menu01-hoverContainer01').fadeIn("slow");
				   $('#wrapHover01').fadeIn("slow"); 
	
	menuAmberShade hide: $('#menu01-hoverContainer02').fadeOut("slow");
	menuAmberShade show: $('#menu01-hoverContainer02').fadeIn("slow");
						 $('#wrapHover02').fadeIn("slow");
	********************************************************************************************************************/	
		// 	Home button	= div.menu01-01-01
		$('div.menu01-01-01').click(function() {
		window.location.href = "/nl/default.aspx";
});
		$('div.menu01-01-01').hover(function() {
		$('#menu01-01-01').removeClass("menu01-01-01"); 
        $('#menu01-01-01').addClass("menu01-01-02");
		$('#menu01-hoverContainer02').fadeOut("slow");
		$('#menu01-hoverContainer01').fadeIn("slow");
		$('#wrapHover01').fadeIn("slow"); 
});	
		$('#menu01-01-01').mouseleave(function() {
		$('#menu01-01-01').removeClass("menu01-01-02"); 
        $('#menu01-01-01').addClass("menu01-01-01");
						
});
		// 	Amber Shade button	= div.menu01-02-01
		$('div.menu01-02-01').click(function() {
		window.location.href = "/nl/amber-shade.aspx";
});
		$('div.menu01-02-01').hover(function() {
		$('#menu01-02-01').removeClass("menu01-02-01"); 
        $('#menu01-02-01').addClass("menu01-02-02");
		$('#menu01-hoverContainer01').fadeOut("slow");	
		$('#menu01-hoverContainer02').fadeIn("slow");
		$('#wrapHover02').fadeIn("slow");
});	
		$('#menu01-02-01').mouseleave(function() {
		$('#menu01-02-01').removeClass("menu01-02-02"); 
        $('#menu01-02-01').addClass("menu01-02-01");
		
});
		// 	Nomad Parasol button	= div.menu01-03-01
		$('div.menu01-03-01').click(function() {
		window.location.href = "/nl/nomad-parasol.aspx";
});
		$('div.menu01-03-01').hover(function() {
		$('#menu01-03-01').removeClass("menu01-03-01"); 
        $('#menu01-03-01').addClass("menu01-03-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-03-01').mouseleave(function() {
		$('#menu01-03-01').removeClass("menu01-03-02"); 
        $('#menu01-03-01').addClass("menu01-03-01");
});
		// 	Makefast button	= div.menu01-04-01
		$('div.menu01-04-01').click(function() {
		window.location.href = "/nl/make-fast.aspx";
});
		$('div.menu01-04-01').hover(function() {
		$('#menu01-04-01').removeClass("menu01-04-01"); 
        $('#menu01-04-01').addClass("menu01-04-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-04-01').mouseleave(function() {
		$('#menu01-04-01').removeClass("menu01-04-02"); 
        $('#menu01-04-01').addClass("menu01-04-01");
});
		// 	REFERENTIES button	= div.menu01-05-01
		$('div.menu01-05-01').click(function() {
		window.location.href = "/nl/referenties.aspx";
});
		$('div.menu01-05-01').hover(function() {
		$('#menu01-05-01').removeClass("menu01-05-01"); 
        $('#menu01-05-01').addClass("menu01-05-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-05-01').mouseleave(function() {
		$('#menu01-05-01').removeClass("menu01-05-02"); 
        $('#menu01-05-01').addClass("menu01-05-01");
});
		// 	WIJ... button	= div.menu01-06-01
		$('div.menu01-06-01').click(function() {
		window.location.href = "/nl/wij.aspx";
});
		$('div.menu01-06-01').hover(function() {
		$('#menu01-06-01').removeClass("menu01-06-01"); 
        $('#menu01-06-01').addClass("menu01-06-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-06-01').mouseleave(function() {
		$('#menu01-06-01').removeClass("menu01-06-02"); 
        $('#menu01-06-01').addClass("menu01-06-01");
});
		// 	CONTACT button	= div.menu01-07-01
		$('div.menu01-07-01').click(function() {
		window.location.href = "/nl/contact.aspx";
});
		$('div.menu01-07-01').hover(function() {
		$('#menu01-07-01').removeClass("menu01-07-01"); 
        $('#menu01-07-01').addClass("menu01-07-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-07-01').mouseleave(function() {
		$('#menu01-07-01').removeClass("menu01-07-02"); 
        $('#menu01-07-01').addClass("menu01-07-01");
});
		// 	NIEUWS button	= div.menu01-08-01
		$('div.menu01-08-01').click(function() {
		window.location.href = "/nl/nieuws.aspx";
});
		$('div.menu01-08-01').hover(function() {
		$('#menu01-08-01').removeClass("menu01-08-01"); 
        $('#menu01-08-01').addClass("menu01-08-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-08-01').mouseleave(function() {
		$('#menu01-08-01').removeClass("menu01-08-02"); 
        $('#menu01-08-01').addClass("menu01-08-01");
});
		// 	LINKS button	= div.menu01-08-01
		$('div.menu01-09-01').click(function() {
		window.location.href = "/nl/links.aspx";
});
		$('div.menu01-09-01').hover(function() {
		$('#menu01-09-01').removeClass("menu01-09-01"); 
        $('#menu01-09-01').addClass("menu01-09-02");
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});	
		$('#menu01-09-01').mouseleave(function() {
		$('#menu01-09-01').removeClass("menu01-09-02"); 
        $('#menu01-09-01').addClass("menu01-09-01");
});
	/********************************************************************************************************************
	Hover submenus
	********************************************************************************************************************/	
		// remove submenu hovering over body divContent = id van div die door cms wordt geplaatst
			
		$('#divContent').hover(function() {
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
													
});
		$('#layout01Bottom').hover(function() {
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
													
});
		$('.layout01TopLeft').hover(function() {
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
													
});
		$('#divContent').mouseleave(function() {
		$('#menu01-hoverContainer01').fadeOut("slow");
		$('#menu01-hoverContainer02').fadeOut("slow");
});
		// end of remove submenu
		// Home Shade design button = div.menu01-hover-01-01
		$('div.menu01-hover-01-01').click(function() {
		window.location.href = "/nl/home-shade-design.aspx";
});
		$('div.menu01-hover-01-01').hover(function() {
		$('#menu01-hover-01-01').removeClass("menu01-hover-01-01"); 
        $('#menu01-hover-01-01').addClass("menu01-hover-01-02");
});	
		$('#menu01-hover-01-01').mouseleave(function() {
		$('#menu01-hover-01-01').removeClass("menu01-hover-01-02"); 
        $('#menu01-hover-01-01').addClass("menu01-hover-01-01");
});
		// Home Amber button = div.menu01-hover-02-01
		$('div.menu01-hover-02-01').click(function() {
		window.location.href = "/nl/home-amber.aspx";
});
		$('div.menu01-hover-02-01').hover(function() {
		$('#menu01-hover-02-01').removeClass("menu01-hover-02-01"); 
        $('#menu01-hover-02-01').addClass("menu01-hover-02-02");
});	
		$('#menu01-hover-02-01').mouseleave(function() {
		$('#menu01-hover-02-01').removeClass("menu01-hover-02-02"); 
        $('#menu01-hover-02-01').addClass("menu01-hover-02-01");
});
		// Amber Shade Amber Design button = div.menu01-hover-03-01
		$('div.menu01-hover-03-01').click(function() {
		window.location.href = "/nl/amber-shade-amber-design.aspx";
});
		$('div.menu01-hover-03-01').hover(function() {
		$('#menu01-hover-03-01').removeClass("menu01-hover-03-01"); 
        $('#menu01-hover-03-01').addClass("menu01-hover-03-02");
});	
		$('#menu01-hover-03-01').mouseleave(function() {
		$('#menu01-hover-03-01').removeClass("menu01-hover-03-02"); 
        $('#menu01-hover-03-01').addClass("menu01-hover-03-01");
});
		// Amber Shade Amber Opties button = div.menu01-hover-04-01
		$('div.menu01-hover-04-01').click(function() {
		window.location.href = "/nl/amber-shade-amber-opties.aspx";
});
		$('div.menu01-hover-04-01').hover(function() {
		$('#menu01-hover-04-01').removeClass("menu01-hover-04-01"); 
        $('#menu01-hover-04-01').addClass("menu01-hover-04-02");
});	
		$('#menu01-hover-04-01').mouseleave(function() {
		$('#menu01-hover-04-01').removeClass("menu01-hover-04-02"); 
        $('#menu01-hover-04-01').addClass("menu01-hover-04-01");
});
		// Amber Shade Amber Details button = div.menu01-hover-05-01
		$('div.menu01-hover-05-01').click(function() {
		window.location.href = "/nl/amber-shade-amber-details.aspx";
});
		$('div.menu01-hover-05-01').hover(function() {
		$('#menu01-hover-05-01').removeClass("menu01-hover-05-01"); 
        $('#menu01-hover-05-01').addClass("menu01-hover-05-02");
});	
		$('#menu01-hover-05-01').mouseleave(function() {
		$('#menu01-hover-05-01').removeClass("menu01-hover-05-02"); 
        $('#menu01-hover-05-01').addClass("menu01-hover-05-01");
});
		// Amber Shade Amber Materialen button = div.menu01-hover-06-01
		$('div.menu01-hover-06-01').click(function() {
		window.location.href = "/nl/amber-shade-amber-materialen.aspx";
});
		$('div.menu01-hover-06-01').hover(function() {
		$('#menu01-hover-06-01').removeClass("menu01-hover-06-01"); 
        $('#menu01-hover-06-01').addClass("menu01-hover-06-02");
});	
		$('#menu01-hover-06-01').mouseleave(function() {
		$('#menu01-hover-06-01').removeClass("menu01-hover-06-02"); 
        $('#menu01-hover-06-01').addClass("menu01-hover-06-01");
});
		// Amber Shade Amber Co-makers button = div.menu01-hover-07-01
		$('div.menu01-hover-07-01').click(function() {
		window.location.href = "/nl/amber-shade-amber-co-makers.aspx";
});
		$('div.menu01-hover-07-01').hover(function() {
		$('#menu01-hover-07-01').removeClass("menu01-hover-07-01"); 
        $('#menu01-hover-07-01').addClass("menu01-hover-07-02");
});	
		$('#menu01-hover-07-01').mouseleave(function() {
		$('#menu01-hover-07-01').removeClass("menu01-hover-07-02"); 
        $('#menu01-hover-07-01').addClass("menu01-hover-07-01");
});
		$('#flagNL').click(function() {
		window.location.href = "/nl/default.aspx";
});

// end });  

});