//common component js
var onloadInterval = null;
var changInterval = null;
var curNum = 0;
var conWidth = -720;
var adjust = 6;
function changePanal(index,autoSlider)
{
    curNum = typeof(index) == "object" ? index.innerHTML - 1 : index;
    var cont = document.getElementById("slidercon");
    //var sliderUl = document.getElementById("pageindex");
    if(!cont) 
    {
        return; 
    }
    if (!autoSlider) 
    {
        clearOnloadInterval();//clear onload interval 
    } 
    var done = ChangeFontColor(0,index) ;
    if (!done) 
    {
        return; 
    } 
    clearInterval(changInterval);//clear before creating new interval
    var tarPos = (curNum) * conWidth; //target position, value[0, - num*width]
    changInterval = window.setInterval(function()
	    {
		    var curPos = parseInt(cont.style.left.replace(/px/g, ""));//current position
		    if( isNaN(curPos))
		    {
			    curPos = 0;
		    }
		    var distance = (tarPos - curPos);//total distance need to move 
		    var absPosition =  distance > 0 ? distance : - distance;
		    if(absPosition <5)//when position too closed, directly move to target position
		    {
			    clearInterval(changInterval);
			    cont.style.left = tarPos +"px";
		    }
		    else
		    {
		        if (absPosition <= adjust)// move 1px every time 
		        {
		            distance =  distance > 0 ?  adjust*2 : -adjust*2 ; 
                }
                cont.style.left = curPos + distance/adjust + "px";; 
		    }
	    }, 50);    
	
}
function callchangePanal()
{
    var slider = document.getElementById("slidercon");
    var sliderCount = $("_count"); 
   if (!slider || !sliderCount) 
   {
        clearOnloadInterval();
       return; 
   } 
    //sliderCount = ;  
   var sliderCount = parseInt(sliderCount.getAttribute("count"));
  sliderCount = 3; 
   //get random number to jump 
	var randomNum=Math.floor((Math.random()*10))%sliderCount
	while(curNum == randomNum) 
	{
		randomNum=Math.floor((Math.random()*10))%sliderCount;
	}
	ChangeFontColor(sliderCount,randomNum);
	changePanal(randomNum,true);
}
//clear parammeter interval
//default clear onload interval
function clearOnloadInterval(oInterval)
{
    if (oInterval) 
    {
         if(typeof(oInterval) != "undefined")
	    {
		    clearInterval(oInterval)
	    }
    }
    else
    {
        if(typeof(onloadInterval) != "undefined")
	    {
		    clearInterval(onloadInterval)
	    }
    }
}
//changInterval = setInterval(callchangePanal,5000);
//var onloadInterval = setInterval(callchangePanal,5000);// slide div every 5 seconds
//var onloadInterval = setTimeout(callchangePanal,5000);