function changeClass( selected )
{
	$("#work-nav ul li").find("a").each(function()
	{
		var myId = $(this).attr('id');
		
		if(myId == selected)
		{
			$(this).animate({color:'#8d0e0d'}, 100);
			$(this).toggleClass('selected');
		}
		else
		{
			$(this).animate({color: "#666666"}, 300);
			$(this).toggleClass('');
		}
	});
}
function showQT( link, divItem )
{
	$("#video1").hide("fast");
	$("#video2").hide("fast");
	$("#video3").hide("fast");
	$(divItem).show("slow");
	
	changeClass( link );
}

$(document).ready(function()
{
	function trace( msg )
	{
	  if( typeof( jsTrace ) != 'undefined' ){
	    jsTrace.send( msg );
	  }
	}

		
	$("#nav-bar").find(".nav-item").each(function()
	{
		if($(this).attr('class').indexOf('selected') != -1)
		{
			var pos = $(this).css("background-position");
			var splitPos = pos.split(" ");
			var newPos = splitPos[0]+" 0px";
			$(this).animate({backgroundPosition:"("+newPos+")"},{duration:200});	
		}
		else
		{
		
			$(this).mouseover(function()
			{
					var pos = $(this).css("background-position");
					var splitPos = pos.split(" ");
					var newPos = splitPos[0]+" 0px";
					trace(newPos);
										
					$(this).stop().animate({backgroundPosition:"("+newPos+")"},{duration:200});	
							
			})
			
			$(this).mouseout(function()
			{
					var pos = $(this).css("background-position");
					var splitPos = pos.split(" ");
					var newPos = splitPos[0]+" -53px";
					trace(newPos);
					$(this).stop().animate({backgroundPosition:"("+newPos+")"},{duration:500});
			})
		}		
	})
	
	$("#work-nav ul li").find("a").each(function()
	{
		$(this).mouseover(function()
		{
			if($(this).attr('class') != 'selected')
			{
				$(this).stop().animate({color:'#8d0e0d'}, 100);
			}
		})
	
		$(this).mouseout(function()
		{
			if($(this).attr('class') != 'selected')
			{
				$(this).stop().animate({color: "#666666"}, 300);
			}	
		})
	})
	
	$("#nav-bar #search #sfield").example("SEARCH");
	
	showQT('#reel','#video1');
	
});