// JavaScript Document

/*bepaalt de animatie in het menu, via backgroundposition.js jquery als basis nodig*/
 
jQuery(document).ready(function(){
jQuery('.menu li')
		.mouseover(function(){
			jQuery(this).stop().animate({backgroundPosition:'0 -40px'}, 500, 'easeOutBounce')
			/* $('.menu ul li ul ').show('clip', {}, 500 )*/
		})
		.mouseout(function(){
			jQuery(this).stop().animate({backgroundPosition:'0 0'}, 200)
			/* $('.menu ul li ul ').hide('clip', {}, 500 ) */
		})
jQuery('#links li')
		.mouseover(function(){
			jQuery(this).stop().animate({backgroundPosition:'164px 0'}, 500, 'easeOutBounce' )
		})
		.mouseout(function(){
			jQuery(this).stop().animate({backgroundPosition:'0 0'}, 200)
		})


});