var black='● ';
var white='○ '; 
var BlackIndex = new Array();
var IndexCount = new Array();
var Direction = new Array();
var speed=25;//速度数值越大速度越慢
var ScrollInterval=new Array();
var ScrollWidth = new Array();
function initBlack(index,scrollWidth,strHtml)
{
    BlackIndex[index]=0;
    Direction[index]=0;
    ScrollWidth[index]=scrollWidth;
    var trTemp=document.getElementById('TRContent'+index+'');
    var pc=trTemp.childNodes.length;
    var p=Math.floor(pc/4);
    var m=pc%4;
    if(m!=0)
    {
        p++;
    }
    IndexCount[index]=p;
    var str='';
    for(i=0;i<=p-1;i++)
    {
        if(i==BlackIndex[index])
        {
            str+=black;
        }
        else
        {
            str+=white;
        }
    }
    document.getElementById('DivScroll'+index+'').innerHTML=str; 
    for(i=pc;i<p*4;i++)
    {
        var newNameTD=  trTemp.insertCell(trTemp.childNodes.length);
        newNameTD.innerHTML=strHtml;
    }
}   

function makeBlackScroll(index)
{
    var str='';
    for(i=0;i<=IndexCount[index]-1;i++)
    {
        if(i==BlackIndex[index])
        {
            str+=black;
        }
        else
        {
            str+=white;
        }
    }
    document.getElementById('DivScroll'+index+'').innerHTML=str;           
}

function MarqueeBlack( index,srcollCount)
{
    var divTemp=document.getElementById('Div'+index+'');
    if(Direction[index]==0)
    {
        for(var i=0;i<srcollCount;i++)
        {
            divTemp.scrollLeft+=4;
        }
    }
    else
    {
        for(var i=0;i<srcollCount;i++)
        {
            divTemp.scrollLeft-=4;
        }
    }
}

function ToLeftBlack(index)
{
    if(BlackIndex[index]!=IndexCount[index]-1)
    {         
        BlackIndex[index]=(BlackIndex[index]+1+IndexCount[index])%IndexCount[index];  
        makeBlackScroll(index); 
        Direction[index]=0;
        MarqueeBlack(index,ScrollWidth[index]);
    }
}

function ToRightBlack(index)
{ 
    if(BlackIndex[index]!=0)
    {
        BlackIndex[index]=(BlackIndex[index]-1+IndexCount[index])%IndexCount[index]; 
        makeBlackScroll(index); 
        Direction[index]=1;
        MarqueeBlack(index,ScrollWidth[index]);
    }
}                          

function MarqueeScroll(index)
{
    var tdTemp1=document.getElementById('TD'+index+'');
    var tdTemp2=document.getElementById('TD'+index+''+index+'');
    var divTemp=document.getElementById('Div'+index+'');
    if(Direction[index]==0)
    {
        if(tdTemp1.offsetWidth-divTemp.scrollLeft<=0)
        {
            divTemp.scrollLeft-=tdTemp1.offsetWidth;
            divTemp.scrollLeft+=1;
        }
        else
        {
            divTemp.scrollLeft+=1;
        }
    }
    else
    {
        if(divTemp.scrollLeft<=0)
        {
            divTemp.scrollLeft+=tdTemp1.offsetWidth;
            divTemp.scrollLeft--;
        }
        else
        {
            divTemp.scrollLeft--;
        }
    }
}
         
function ToLeftScroll(index)
{
    Direction[index]=0;
}

function ToRightScroll(index)
{
    Direction[index]=1;
}
       
function initScroll(index)
{
    Direction[index]=0;
    var tdTemp1=document.getElementById('TD'+index+'');
    var tdTemp2=document.getElementById('TD'+index+''+index+'');
    var divTemp=document.getElementById('Div'+index+'');
    tdTemp2.innerHTML=tdTemp1.innerHTML;
    ScrollInterval[index]=setInterval("MarqueeScroll("+index+")",speed);
    divTemp.onmouseover=function(){clearInterval(ScrollInterval[index])};
    divTemp.onmouseout=function(){ScrollInterval[index]=setInterval("MarqueeScroll("+index+")",speed);};
}