// JavaScript Document


$(document).ready(function()
{
	var back = $("#outNav div.outNav-Back");
	var next = $("#outNav div.outNav-Next");
	var frame = $("#outNav div.outNav-Frame");
	var panel = frame.find("div.outNav-Panel");
	
	
	var	waitTime = 25;
	var moveStep = 10;
	
	//very queries
	if (back != null && next != null && frame != null)
	{
	
		var backTimer = null;
		var nextTimer = null;
		
		
		//find the links
		var links = $(panel).find("a");
		
		try
		{
			
			if (links.length > 0)
			{
				for (index = 0; index < links.length; index ++)
				{
					var pagePath = $(document.location).attr("pathname");
					var linkPath = $(links[index]).attr("pathname");
					
					//fix up link path
					if (linkPath != null)
					{
						if(linkPath.indexOf("/") > 0)
						{
							linkPath = "/" + linkPath;
						}
					}
					
					//compare paths
					if(pagePath.toLowerCase() == linkPath.toLowerCase())
					{
						
						//alert($(panel).scrollLeft());
						
						var listItem = $(links[index]).parent("li");
										
						var leftMove = $(listItem).position().left;
						
						var leftLast = leftMove + $(listItem).width();
	
						$(listItem).addClass("focus");
						
						
						
						if (leftLast > parseInt(frame.width()))
						{
							//panel.css("left",(leftMove * -1) + "px");
							frame.scrollLeft(leftMove);
							
						}
						
						
						
					}
					
					
				}
				
				
					
			} //end links test
		}
		catch (error)
		{
			//no catch
			
		}
		
		
		
		
			
		
		
		
		back.hover(
			function()
			{
				var frameWidth = frame.width();
				var panelWidth = panel.width();
				
				
				var panelLeft = parseFloat(panel.css("left")); 
				
				
				backTimer = setInterval(
										function()
										{
											
											
											var scrollLeft = frame.scrollLeft();
											
											var scrollLeftTo = scrollLeft -10;
											
											frame.scrollLeft(scrollLeftTo);
										},
										waitTime);
				
				
			},
			function()
			{
				clearInterval(backTimer);
			});
		
		
		next.hover(
			function()
			{
				var frameWidth = frame.width();
				var panelWidth = panel.width();
				
				var maxSlide = frameWidth - panelWidth;
				var panelLeft = parseFloat(panel.css("left")); 
				
				
				
				
				nextTimer = setInterval(
										function()
										{
											
											
											var scrollLeft = frame.scrollLeft();
											
											var scrollLeftTo = scrollLeft +10;
											
											frame.scrollLeft(scrollLeftTo);
										},
										waitTime);
				
			},
			function()
			{
				clearInterval(nextTimer);
			});
		
		
		
	}	
	
	
});