// 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())
					{
						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");
							
							
						}
						
						
						
					}
					
					
				}
				
				
					
			} //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()
										{
											if (panelLeft < 0)
											{
												panelLeft = panelLeft + moveStep;
												
												if (panelLeft > 0)
												{
													panelLeft = 0;
												}
												
												panel.css("left",panelLeft + "px");
											
												
											}
										},
										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()
										{
											if (panelLeft > maxSlide)
											{
												panelLeft = panelLeft - moveStep;
												
												if (panelLeft < maxSlide)
												{
													panelLeft = maxSlide;
												}
												
												panel.css("left",panelLeft + "px");
											
												//alert(panel.css("left"));
											}
										},
										waitTime);
				
			},
			function()
			{
				clearInterval(nextTimer);
			});
		
		
		
	}	
	
	
});