// Je nach Anzahl der Unter-Navi-Punkte eine Klasse anlegen und die Höhe anpassen
// Die angelegte Klasse z.B. tenitems, dann ganz unten in die Liste schreiben, das ist die Funktion die die Navi wiederklappen lässt


jQuery(document).ready(function(){
	
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
	
	//Remove outline from links
	jQuery("a").click(function(){
		jQuery(this).blur();
	});
	

	
	//When mouse rolls over
	jQuery("li.twoitems").mouseover(function(){
		jQuery(this).stop().animate({height:'105px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.threeitems").mouseover(function(){
		jQuery(this).stop().animate({height:'135px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.fouritems").mouseover(function(){
		jQuery(this).stop().animate({height:'165px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.fiveitems").mouseover(function(){
		jQuery(this).stop().animate({height:'190px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.sixitems").mouseover(function(){
		jQuery(this).stop().animate({height:'220px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.sevenitems").mouseover(function(){
		jQuery(this).stop().animate({height:'250px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse rolls over
	jQuery("li.norollout").mouseover(function(){
		jQuery(this).stop().animate({height:'34px'},{queue:false, duration:500, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	jQuery("li.twoitems,li.threeitems,li.fouritems,li.fiveitems,li.sixitems,li.sevenitems").mouseout(function(){
		jQuery(this).stop().animate({height:'34px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
});