// JavaScript Document
  var animationId;
  var isSliding =false;
  var lastX = 0;
  var stopNavigate = false;

/***************push space ***********************/

function moveslider(toX)
{
	animateSlide2(document.getElementById('navigator-sliderhandle').offsetLeft);
	
}
		
function changesliderlocation(toX)
{
	animateSlide2(document.getElementById('navigator-sliderhandle').offsetLeft);
}


function moveleft()
{
	
	var ul = $('navigator-container').getElementsByClassName('navigator-slider')[0];
	var toX = ul.getElementsByTagName('li')[0].offsetWidth;
	var NewPos =  ul.offsetLeft + toX;
	if(stopNavigate==false && NewPos <= 0 )
		animateSlide(toX,1);
	else
	{
	  ul.style.left = 0 + 'px';
	  $('navigator-sliderhandle').style.left='0px';
	  stopNavigate=false;
	}
}

function moveright()
{
	var ul = $('navigator-container').getElementsByClassName('navigator-slider')[0];
	var toX = ul.getElementsByTagName('li')[0].offsetWidth;
	var NewPos =  ul.offsetLeft - toX;
	if(stopNavigate==false && NewPos >= ($('navigator-container').offsetWidth-ul.offsetWidth))
		animateSlide(toX,-1);
	else
	{
	  ul.style.left = ($('navigator-container').offsetWidth-ul.offsetWidth) + 'px';
	   $('navigator-sliderhandle').style.left= $('navigator-rightarrow').offsetLeft - $('navigator-sliderhandle').offsetWidth +'px';
	   stopNavigate=false;
	}
	 
		
	
}


function animateSlide(toX,dir)
{
	
	var ul = $('navigator-container').getElementsByClassName('navigator-slider')[0];
	if(isSliding==false)
	{ 
	    isSliding =true;
		window.clearInterval(animationId);
		var l=ul.offsetLeft;
		var stopPoint=l+(toX*dir);
		var w = ul.offsetWidth;
		
		var slidew = $('navigator-slidertrack').offsetWidth - $('navigator-sliderhandle').offsetWidth;
		var sign;
		if(dir==-1)
		   sign = 1;
		else
		  sign = -1;
		var sliderStopPoint =(stopPoint*dir*sign)*(slidew/(w-$('navigator-container').offsetWidth));
	
		animationId=window.setInterval(function(){
		
			var sliderPos=parseInt(ul.getStyle('left'))||0;
			var handlePos=parseInt($('navigator-sliderhandle').getStyle('left'))||0;
			var x=calculateDecel(sliderPos,stopPoint);
			var sx=calculateDecel(handlePos,sliderStopPoint);
			ul.style.left=x+"px";
			$('navigator-sliderhandle').style.left=sx+"px";
			//$('navigator-sliderhandleimage').style.left=sx+"px";
			
			if(x==stopPoint)
			{
			window.clearInterval(animationId);
			isSliding =false;
			}
		
		},30);
		
		
		
	}
}




function animateSlide2(toX)
{
	var ul = $('navigator-container').getElementsByClassName('navigator-slider')[0];
	if(isSliding==false)
	{ 
	    isSliding =true;
		window.clearInterval(animationId);
		
		var w = ul.offsetWidth;
		
		var l=$('navigator-sliderhandle').offsetLeft;

		var slidew = $('navigator-slidertrack').offsetWidth - $('navigator-sliderhandle').offsetWidth;
		
		var sign;
				
		if(l>lastX)
		   sign = 1;
		else
		  sign = -1;
		
		lastX=l;  
		
		var stopPoint =toX/(-1*(slidew/(w-$('navigator-container').offsetWidth)));
		
		animationId=window.setInterval(function(){
		
			var sliderPos=parseInt(ul.getStyle('left'))||0;
			var handlePos=parseInt($('navigator-sliderhandle').getStyle('left'))||0;
			var x=calculateDecel(sliderPos,stopPoint);
			
			ul.style.left=x+"px";
		
			if(x==stopPoint)
			{
			window.clearInterval(animationId);
			isSliding =false;
			}
		
		},30);
		
		if(sign==-1)
		{
			//move backward//
			if( l< $('navigator-sliderhandle').offsetWidth )
				stopNavigate = true;	
			
		}
			
		
		if(sign==1)
		{
			//move forward//
			if( (l+$('navigator-sliderhandle').offsetWidth) > slidew )
				stopNavigate = true;
		}
	
	 	
		 
	}
}



function calculateDecel(from,to)
{
	var n=from-Math.floor((from-to)*.4);
	if(Math.abs(from-to)<4)return to;
	else return n;
}



function ShowTabContent(li,index)
{
	var arrlist = document.getElementById('ContentNavigatorTabs').getElementsByTagName('li');
	for (var i = 0; i < arrlist.length ; i ++)
	{
		arrlist[i].className ='';
	}
	
	arrlist[index].className +=' active';
	arrlist[arrlist.length-1].className +=' last';

	var arrUL = document.getElementById('navigator-container').getElementsByTagName('ul');
	for (var y = 0; y < arrUL.length ; y ++)
	{
		arrUL[y].className ='hidden';
	}
	arrUL[index].className='navigator-slider';
	if(arrUL[index].getElementsByTagName('li').length >3)
	{
		document.getElementById('navigator-slidertrack').style.visibility='visible';
	}
	else
	{
		document.getElementById('navigator-slidertrack').style.visibility='hidden';
	}
	
	arrUL[index].style.width= arrUL[index].getElementsByTagName('li').length * 223 +'px';
	arrUL[index].style.left=0+'px';
	
	document.getElementById('navigator-sliderhandle').style.left = 0+'px';
	document.getElementById('navigator-sliderhandleimage').style.left = 0+'px';
	
	
	
}


function HoverTabContent(li,index)
{
	if(document.getElementById('navigator-container').getElementsByTagName('ul')[index].className=='hidden')
	   li.className='hover';	

}


function OutTabContent(li,index)
{
	if(document.getElementById('navigator-container').getElementsByTagName('ul')[index].className=='hidden')
	   li.className='';	
}