var numberOfTickerCells = 0
var currCellIndex = 0
var tickerTable = null;
var currTickerCell = null
var inter;
var interId;
var carrTDWidth;
var counter=0;
var step;
var tempTDWidth;
var isDelta=false;
var delta=0;
var deltaFinish=0;
var leftStep=1;
var rightStep=-1;


var stepSize=2;


function getTDWidth(currTD){
    return  currTD.offsetWidth;
}

function initTicker(){

    
   tickerTable =  document.getElementById("divTicker");
   if (tickerTable.offsetWidth<=700)
   {
        document.getElementById('divImgRight').className="floatLeft divRightArrowDis";
        document.getElementById('divImgLeft').className="floatLeft divLeftArrowDis";
   }
   numberOfTickerCells = tickerTable.rows[0].cells.length;
   currCellIndex = 1;
   currTickerCell = tickerTable.rows[0].cells[currCellIndex].childNodes[0];
}



function changeDirection(dir)
{
    if(numberOfTickerCells == 0){
        initTicker()
    }

    if (dir=="left" && currCellIndex > 1 && document.getElementById('divImgLeft').className!="floatLeft divLeftArrowDis")
    {
        if (inter==interId)
        {
            step=stepSize*leftStep;
            if (tickerTable.rows[0].cells[currCellIndex-2]!=null)
            {
                counter=0;
                currTickerCell = tickerTable.rows[0].cells[currCellIndex-2];
                carrTDWidth = getTDWidth(currTickerCell)
                inter = setInterval ( "Move()", 10 );
                currCellIndex--;
                document.getElementById('divImgRight').className="floatLeft divRightArrow";
                if (currCellIndex <= 1)
                {
                    document.getElementById('divImgLeft').className="floatLeft divLeftArrowDis";
                }

            }
      }
    }

    else if(dir=="right" && currCellIndex < numberOfTickerCells && document.getElementById('divImgRight').className!="floatLeft divRightArrowDis"){
        if (inter==interId)
        {
            step=stepSize*rightStep;
            if (tickerTable.rows[0].cells[currCellIndex-1]!=null)
            {
                counter=0;
                currTickerCell = tickerTable.rows[0].cells[currCellIndex-1];
                carrTDWidth = getTDWidth(currTickerCell)
                inter = setInterval ( "Move()", 10 );
                currCellIndex++;
                document.getElementById('divImgLeft').className="floatLeft divLeftArrow";
                if (currCellIndex >= numberOfTickerCells)
                {
                    document.getElementById('divImgRight').className="floatLeft divRightArrowDis";
                }
          }
       }
    }

}

function Move()
{
    if(ticker_dir == 'rtl'){
        tickerTable.style.marginLeft=(Number(tickerTable.style.marginLeft.replace("px","")) + step)+"px";
    }
    else{
        tickerTable.style.marginRight=(Number(tickerTable.style.marginRight.replace("px","")) + step)+"px";
    }
    counter+=stepSize;
    if (isDelta==false)
    {
        delta+=stepSize;
    }
    else
    {
       deltaFinish-=stepSize;
       if (deltaFinish<=0)
       {
            deltaFinish=0;
            isDelta=false;
            clearInterval(inter);
            interId=inter;
            delta=0;
      }
    }
    
    if(ticker_dir == 'rtl'){
        if (Number(tickerTable.style.marginLeft.replace("px",""))<=700-tickerTable.offsetWidth)
        {
            deltaFinish=delta;
            isDelta=true;
            clearInterval(inter);
            interId=inter;
            if (step==stepSize*rightStep)
            {
                 document.getElementById('divImgRight').className="floatLeft divRightArrowDis";
            }
            if (step==stepSize*leftStep)
            {
                 document.getElementById('divImgLeft').className="floatLeft divLeftArrowDis";
            }

       }
    }
    else{
        if (Number(tickerTable.style.marginRight.replace("px",""))<=700-tickerTable.offsetWidth)
        {
            deltaFinish=delta;
            isDelta=true;
            clearInterval(inter);
            interId=inter;
            if (step==stepSize*rightStep)
            {
                 document.getElementById('divImgRight').className="floatLeft divRightArrowDis";
            }
            if (step==stepSize*leftStep)
            {
                 document.getElementById('divImgLeft').className="floatLeft divLeftArrowDis";
            }

       }
    }
    
    if (counter>=carrTDWidth)
    {
        clearInterval(inter);
        interId=inter;
        delta=0;
    }
    
   
}
 function disableArrows()
    {
        document.getElementById('divImgRight').className="floatLeft divRightArrowDis";
        document.getElementById('divImgLeft').className="floatLeft divLeftArrowDis";
    }