// JavaScript Document
$(document).ready(function(){  
	//rollovers for main nav
	if($("ul#nav li:not(.on)")){
		$("ul#nav li").hover(
		function(){
			$(this).addClass("selected");
		},
		function () {
			$(this).removeClass("selected");
		});
	}
	
	var clicked = false;
	var numItems;
	intervalID = 0;
	var moveAmt = 960;
	var curIndex = 0;
	
	//get number of items
	numItems = $('ul#pan_nav li').length;
	
	//initiate timer on load 
	resetTimer();
	
	function advance(){
		
		clearInterval ( intervalID );
		
		if (curIndex < numItems-1) curIndex++;
		else curIndex = 0;
		moveIt();

	}
	
	function resetTimer(){
		if ( !clicked ) intervalID = setInterval( advance, 5000 );	
	}
	
	//click next button on panel run advance function
	$('#panel-next').click(function(){
		advance();
		clicked = true;
	});
	
	$('ul#pan_nav li').each(function(index){
		$(this).click( function() {
			curIndex = index;
			clicked = true;
			moveIt();
		});
	});
	
	function moveIt(){
			var loc = curIndex * moveAmt + "px";
			$("#panel-img").animate({"right": loc}, "slow", "swing", resetTimer);	
			//remove highlighted class
			$('ul#pan_nav li.selected').removeClass('selected');
			//add highlighted class to correct dot
			$('ul#pan_nav li').eq(curIndex).addClass('selected');
			clearInterval ( intervalID );
	}
	
});