var maindiv;
var maxw;
var leftTotal;
var speed = 2;
var testx = "";
var condivheight = 56;
var spacer = 10;

function brandstart()
{
    scroller=setInterval("brandscroll()",40);
}

function brandstop()
{
    clearInterval(scroller);
}

function brandscroll()
{
    for (var i=0;i<maxw;i++)
    {
        imgdiv = document.getElementById(array1[i][0]);
        currpos = imgdiv.offsetLeft;
        imgwid = parseInt(imgdiv.style.width);
        imgwid = (-imgwid);
        if (currpos <= imgwid)
        {newpos=totalwid+imgwid;}
        else{newpos = (currpos - speed);}
        imgdiv.style.left = parseInt(newpos) + 'px';
        //document.getElementById("test_text").innerHTML="curr:"+currpos+" imgwid:"+imgwid+" newpos:"+newpos;
    }
}

function brandload()
{  
    maxw = array1.length;
    leftTotal = 0;
    maindiv=document.getElementById('footer_brands');
    mainwidth = maindiv.style.width;
    
    for (var i=0;i<maxw;i++)
    {
        if(document.getElementById(i))
        {
            maindiv.removeChild(i);
        }
        img = document.createElement('img');
        img.src = array1[i][1];
        img.style.border="none";
        img.className="footer_brands";
        lnk = document.createElement('a');
        lnk.href = array1[i][2];
        div = document.createElement('div');
        div.id = i;
        div.style.position = 'absolute';
        div.style.left = leftTotal + mainwidth + 'px';
        if(array1[i][2]=='')
        {
            div.appendChild(img);
        }else {
            lnk.appendChild(img);
            div.appendChild(lnk);
        }
        maindiv.appendChild(div);
        
        var imgH = img.height;
        var imgW = img.width;
        if (imgH == 0) {imgH = array1[i][3];} else {imgH = img.height;}
        if (imgW == 0) {imgW = array1[i][4];} else {imgW = img.width;}
        
        if(condivheight > imgH)
        {
            div.style.marginTop = (condivheight - imgH) / 2
        }
        
        imgW=(imgW+spacer);
        
        div.style.height = imgH + 'px';
        div.style.width = imgW + 'px';
        leftTotal += imgW;

        testx = testx + "i: " + i + " imgH: " + imgH + "imgW:" + imgW + " leftTotal:" + leftTotal + "<br />";
        if(document.getElementById("test_text")){
            document.getElementById("test_text").innerHTML = testx;
        }
    }
        
    totalwid = leftTotal;
    maindiv.onmouseout = brandstart;
    maindiv.onmousemove = brandstop;
    brandstart();
}


window.onload=function(){ 

brandload();

}