// 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)
{


	if(document.getElementsByClassName)
		{
		var ul =document.getElementsByClassName('navigator-slider',$('navigator-container'))[0];

		}
	else
	{
		var ul =document.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;
		}
	
	 	
		 
	}

document.getElementsByClassName = function(className, parentElement) {
  if (Prototype.BrowserFeatures.XPath) {
    var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";
    return document._getElementsByXPath(q, parentElement);
  } else {
    var children = null;
	if(document.body.getElementsByTagName('*').length==0){
		children=($(parentElement) || document.body).childNodes;
	}
	else{
 		children=($(parentElement) || document.body).getElementsByTagName('*');
	}
    var elements = [], child;
    for (var i = 0, length = children.length; i < length; i++) {
      child = children[i];
      if (Element.hasClassName(child, className))
        elements.push(Element.extend(child));
    }
    return elements;
  }
};

}


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,last)
{
	var arrlist = document.getElementById('ContentNavigatorTabs').getElementsByTagName('li');
	for (var i = 0; i < arrlist.length ; i ++)
	{
		arrlist[i].className ='';
	}
	
	if(last == 'Yes'){
		arrlist[index].className +='activeEx';
		document.getElementById('navRight').style.display='none';		
		document.getElementById('navLeft').style.display='block';		
	}else if(last == 'first'){
		arrlist[index].className +='activeEx';
		document.getElementById('navLeft').style.display='none';		
		document.getElementById('navRight').style.display='block';		
	}else{
		arrlist[index].className +='active';
		document.getElementById('navRight').style.display='block';		
		document.getElementById('navLeft').style.display='block';		
	}
	
	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';
	}
	
	if(arrUL[index].getElementsByTagName('li').length >=3)
	{
		arrUL[index].className='navigator-slider';
	}
	else if(arrUL[index].getElementsByTagName('li').length ==2)
	{
		arrUL[index].className='navigator-slider-two';
	}
	else 
	{
		 arrUL[index].className='navigator-slider-one';
	}

	if(arrUL[index].getElementsByTagName('li').length >3)
	{
		document.getElementById('navigator-slidertrack').style.visibility='visible';
	}
	else
	{
		document.getElementById('navigator-slidertrack').style.visibility='hidden';
	}
	
	if(arrUL[index].getElementsByTagName('li').length >= 3)
	{
	arrUL[index].style.width= arrUL[index].getElementsByTagName('li').length * 223 +'px';
	arrUL[index].style.left=0+'px';
	}

else if(arrUL[index].getElementsByTagName('li').length ==2)
	{
	arrUL[index].style.width= arrUL[index].getElementsByTagName('li').length * 340 +'px';
	arrUL[index].style.left=0+'px';
	}

	else
	{
	arrUL[index].style.width= arrUL[index].getElementsByTagName('li').length * 623 +'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,last)
{
	
	if(document.getElementById('navigator-container').getElementsByTagName('ul')[index].className=='hidden')
		if(last == 'Yes'){
		
			li.className='hover1';
			document.getElementById('navRight').style.display='none';		
		}else if(last == 'first'){
		
			li.className='hover1';
			document.getElementById('navLeft').style.display='none';		
		}else
			li.className='hover';	

}


function OutTabContent(li,index,last)
{

	if(document.getElementById('navigator-container').getElementsByTagName('ul')[index].className=='hidden')
		li.className='';
	
	
	if(last == 'Yes'){
		if(li.className == 'activeEx last')
			document.getElementById('navRight').style.display='none';		
		else{
			document.getElementById('navRight').style.display='block';		
			li.className=' last';
		}
	}else if(last == 'first'){
		if(li.className == 'activeEx')
			document.getElementById('navLeft').style.display='none';		
		else
			document.getElementById('navLeft').style.display='block';		
	}
	
}