$(document).ready(function(){
	//icon hover states
		$(".myIcons").hover(
			function(){$(this).addClass("ui-state-hover");},
			function(){$(this).removeClass("ui-state-hover");}
		);
		
		$('.navList li').each(function () {
			$('<div class="fader" />').css('opacity', 0).appendTo(this);
		});
		
		$(".navList a").hover(function () {
  			$(this).stop().animate({
    			marginLeft : 25
  			}, 250);
  
  			$(this).parent().find('.fader').stop().animate({
    			opacity : 0.15
  			});
		}, function () {
  			$(this).stop().animate({
    			marginLeft : 20
  			}, 250);
  
  			$(this).parent().find('.fader').stop().animate({
    			opacity : 0
  			});
		});
		
		
	});