// remap jQuery to $
(function($){})(window.jQuery);


/* trigger when page is ready */
$(document).ready(function (){
	
	$('.nav ul ul').css({display: 'none'});
	
		$('.nav ul li').hover(function(){
			$(this).find('ul:first').css({
				visibility: 'visible',
				display: 'none',
			}).fadeIn('1000');
		},
		function(){
			$(this).find('ul:first').css({
				visibility: 'hidden'
			});
		});
     });

	$("#sidebar li a").hover(function() {	//On hover...
				$(this).find("span").stop().animate({ 
					marginLeft: "10" //Find the span tag and move it up 40 pixels
				}, 250);
			} , function() { //On hover out...
				$(this).find("span").stop().animate({
					marginLeft: "0" //Move the span back to its original state (0px)
				}, 250);
			});
			
			$(".nav ul li ul li a").hover(function() {	//On hover...
				$(this).find("span").stop().animate({ 
					marginLeft: "10" //Find the span tag and move it up 40 pixels
				}, 250);
			} , function() { //On hover out...
				$(this).find("span").stop().animate({
					marginLeft: "0" //Move the span back to its original state (0px)
				}, 250);
			});