// JavaScript Document

$(function(){
		 
		 
	 if ( $.browser.msie && $.browser.version == "6.0") {
		 //Hier gebeurt er niets. IE6 wordt niet voorzien van dat Glow-effect.
	 } else {
		 	//Voegt voor elke span de class hover toe. Alsook de img glow.jpg
		   $('#topmenu ul.AspNet-Menu li a').not("#topmenu ul.AspNet-Menu li ul li a").prepend('<span class="hover"><img src="/app_themes/122_default/lib/img/glow.jpg"/></span>');
		   
		   
		   $('#topmenu ul.AspNet-Menu li a').not("#topmenu ul.AspNet-Menu li ul li a").each(function () {
			   $(this).width($(this).find("span").eq(1).width() + 34);
			   $(this).find("span").eq(0).width($(this).find("span").eq(1).width() + 34);
    	    });
		   
		   //Uitzonderingen die uit meer dan 1 woord bestaan
		   
		   $('#topmenu ul.AspNet-Menu li:eq(1) a').not("#topmenu ul.AspNet-Menu li ul li a").each(function () {
			   $(this).width($(this).find("span").eq(1).width() + 54);
			   $(this).find("span").eq(0).width($(this).find("span").eq(1).width() + 34);
    	    });
		   
		   $('#topmenu ul.AspNet-Menu li.in-de-kijker a').each(function () {
			   $(this).width($(this).find("span").eq(1).width() + 56);
			   $(this).find("span").eq(0).width($(this).find("span").eq(1).width() + 37);
    	    });
		   
		   
		   $('#topmenu ul.AspNet-Menu li a span.hover img').each(function () {
		   $(this).height($(this).parent().height());
		   $(this).width($(this).parent().width());
    	    });
		   
			//ANIMATIES
			$('#topmenu ul.AspNet-Menu li a span.hover').css({'opacity': 0});
		   
		   $('#topmenu ul.AspNet-Menu li a').hover(function() {
				$('.hover', this).stop().animate({
					'opacity': 1

					}, 500,'easeOutSine');
			
			},function() {
				$('.hover', this).stop().animate({
					'opacity': 0

					}, 800, 'easeOutQuad');

			
			})
	  }
});