var theSpeed = 1800;
var bgOffset = 200;
var logoSpeed = 600;
$(function() {

		$('#nav1').css("backgroundColor","white");
		$('#nav1').css("color","black");
		bindNav();	
		


});

function rfalse()
	{
		return false;
	}
	
function no_sel(l)
	{
		if(document.attachEvent)
		{
			for(var i=0; i<l; i++)
			{
				document.getElementById('no_sel_' + i).attachEvent('onselectstart', rfalse);
			}
		}
	} 

function bindNav(){

		
			



		$('#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7,#nav8').hover(
		  function () {
			$(this).addClass("navHover");
		  }, 
		  function () {
			$(this).removeClass("navHover");
		  }
		);


		$('#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7,#nav8').mousedown(function(){

			clearTimeout(autoScroll);

			$('#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7,#nav8').unbind('mousedown');
			
			$(".navItem").css("backgroundColor","");
			$(".navItem").css("color","");
			//$(".navItem").css("background-image","url()");
				$('#videoBox').scrollTo(  $('#box'+this.id.substring(3,4)) , {duration: theSpeed, queue:true, onAfter:function(){bindNav();}});
			//	$('#nav'+this.id.substring(3,4)).css("background-image","url(../lib/graphics/nav_bg.png)");
			$('#nav'+this.id.substring(3,4)).css("backgroundColor","white");
			$('#nav'+this.id.substring(3,4)).css("color","black");
		});
		
		$('#navRight').click(function(){

			$('#navRight,#navLeft').unbind('click');

				var theScroll = parseInt($('#videoBox').scrollLeft());
				var theTable = parseInt($('#theTable').css("width").substring(0,4));
				
				if(theTable-theScroll == 650){ bindNav();	return false;}
				
				var bgLeft = parseInt($('#sliderBg').css("backgroundPosition").substring(0,3));
				bgLeft=bgLeft-bgOffset;

				$('#sliderBg').animate({backgroundPosition:"("+bgLeft+" 0px)"}, {duration:logoSpeed})
				$('#videoBox').scrollTo(  {top:'0px', left:'+=650'} , {duration: logoSpeed, onAfter:function(){bindNav();}});
		});

		$('#navLeft').click(function(){

			$('#navRight,#navLeft').unbind('click');

				var theScroll = parseInt($('#videoBox').scrollLeft());
				var theTable = parseInt($('#theTable').css("width").substring(0,4));
				
				if(theScroll == 0) { bindNav();	return false; };

				var bgLeft = parseInt($('#sliderBg').css("backgroundPosition").substring(0,3));
				bgLeft=bgLeft+bgOffset;

				$('#sliderBg').animate({backgroundPosition:"("+bgLeft+"px 0px)"}, {duration:logoSpeed})
				$('#videoBox').scrollTo(  {top:'0px', left:'-=650'} , {duration: logoSpeed, onAfter:function(){bindNav();}});
		});
		
	
}