/*
 * Hotspot Design website script 0.1
 * (c) 2009 Hotspot Design - Julia van Leeuwen
 */
 
$(document).ready(function(){
		
	
	<!------ browser IE6 check  ------>
	$(function() {
		if ( $.browser.msie &&  $.browser.version < 7 )	 
			$("#browsermelding").text("Voor de beste weergave dient u minimaal Internet Explorer 7 te gebruiken.");		   
			$("#browsermelding").slideDown("slow");	
	});
	
	
	<!------ menu stuff ------>  
	$(function() {
	
	
		<!------ menu hotspot ------>
		$('#menu_hotspot').hover(function() {
			$('#submenu_hotspot').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_hotspot').stop().animate({ "top" : '-25px'}, 200);
		});

		$('#menu_hotspot_active').hover(function() {
			$('#submenu_hotspot').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_hotspot').stop().animate({ "top" : '-25px'}, 200);
		});	

		<!------ submenu hotspot ------>
		$('#submenu_hotspot').hover(function() {
			$(this).stop().animate({ "top" : '0'}, 600);
		}, function() {
			$(this).stop().animate({ "top" : '-25px'}, 200);
		});	


<!------ have to find a workaround for ------>
/*		$("#submenu_hotspot").hover(
		  function () {
			$('#menu_hotspot').addClass("color_orange");
		 },
		  function () {
			$('#menu_hotspot').removeClass(".color_orange");
		  }
		);*/
<!------ have to find a workaround for ------>


		<!------ menu diensten ------>
		$('#menu_diensten').hover(function() {
			$('#submenu_diensten').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_diensten').stop().animate({ "top" : '-25px'}, 200);
		});

		$('#menu_diensten_active').hover(function() {
			$('#submenu_diensten').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_diensten').stop().animate({ "top" : '-25px'}, 200);
		});	

		<!------ submenu diensten ------>
		$('#submenu_diensten').hover(function() {
			$(this).stop().animate({ "top" : '0'}, 600);
		}, function() {
			$(this).stop().animate({ "top" : '-25px'}, 200);
		});	



		<!------ menu portfolio ------>
		$('#menu_portfolio').hover(function() {
			$('#submenu_portfolio').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_portfolio').stop().animate({ "top" : '-25px'}, 200);
		});	
		
		$('#menu_portfolio_active').hover(function() {
			$('#submenu_portfolio').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_portfolio').stop().animate({ "top" : '-25px'}, 200);
		});	

		<!------ submenu portfolio ------>
		$('#submenu_portfolio').hover(function() {
			$(this).stop().animate({ "top" : '0'}, 600);
		}, function() {
			$(this).stop().animate({ "top" : '-25px'}, 200);
		});	
				
		

		<!------ menu shop ------>
		$('#menu_shop').hover(function() {
			$('#submenu_shop').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_shop').stop().animate({ "top" : '-25px'}, 200);
		});

		$('#menu_shop_active').hover(function() {
			$('#submenu_shop').stop().animate({ "top" : '0'}, 600);
		}, function() {
			$('#submenu_shop').stop().animate({ "top" : '-25px'}, 200);
		});
		
		<!------ submenu shop ------>
		$('#submenu_shop').hover(function() {
			$(this).stop().animate({ "top" : '0'}, 600);
		}, function() {
			$(this).stop().animate({ "top" : '-25px'}, 200);
		});	
		
		
	
	

	<!------ portfolio stuff ------>  
		$('.wrapper_website').hover(function() {
			$(this).children('.info_slider').stop().animate({ "bottom" : '0px'}, 600);
		}, function() {
			$(this).children('.info_slider').stop().animate({ "bottom" : '-25px'}, 300);
		});
		
		
		$('.wrapper_banner').hover(function() {
			$(this).children('.info_slider').stop().animate({ "bottom" : '0px'}, 600);
		}, function() {
			$(this).children('.info_slider').stop().animate({ "bottom" : '-25px'}, 300);
		});
		
		

		
		
	});	
	
})


/*
 * werkende scripts
 * 		$('#menu ul li a').css({color:"#ff5a00", fontWeight:"bold"});
 
 
 		$('.wrapper_website2').hover(function() {
			$(this).children('.info_slider2').slideDown('slow');
		}, function() {
			$(this).children('.info_slider2').slideUp('medium');
		});

 */