// JScript File

function setupbrandlist()
{
        var brandlistlayer=document.getElementById("brand_list_layer");
        var width = 0;
        var colw = 0;
        var coldiv;
        var branditem;
        var itemw = 0;
        for(i = 0; i < brandlistlayer.childNodes.length; i++)                
        {
            if(brandlistlayer.childNodes[i].nodeName == 'DIV')
            {      
                coldiv = brandlistlayer.childNodes[i];           
                
                itemw = 0;
                colw = 0;
                for(j = 0; j < coldiv.childNodes.length; j++)
                {
                    if(coldiv.childNodes[j].nodeName == 'DIV')
                    {                                     
                        branditem = coldiv.childNodes[j];  
                        itemw = parseInt(branditem.offsetWidth);
                        //alert(branditem.innerHTML+" : "+itemw);
                        branditem.style.width=itemw+"px";
                    }
                } 
                colw = parseInt(coldiv.offsetWidth);                                                                 
                //alert(colw);
                brandlistlayer.childNodes[i].style.width=colw+"px";
                width = width + colw;
            }
        }
        brandlistlayer.style.width=width+"px";
        scroller.reset;
}

/**************************************** HORIZONTAL IMAGE SCROLL BAR ***********************************************/    

//We wrap all the code in an object so that it doesn't interfere with any other code
    var scroller = {
      init:   function() {

        //collect the variables
        scroller.docW = document.getElementById("brand_list_layer").offsetWidth;
        scroller.contW = document.getElementById("brand_list_holder").offsetWidth;
        scroller.scrollAreaH = document.getElementById("brand_list_scroll_area").offsetWidth;
          
        //calculate height of scroller and resize the scroller div
        //(however, we make sure that it isn't to small for long pages)
        scroller.scrollW = (scroller.contW * scroller.scrollAreaH) / scroller.docW;
        document.getElementById("brand_list_scroller").style.width = Math.round(scroller.scrollW) + "px";
        
        //what is the effective scroll distance once the scoller's height has been taken into account
        scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollW);
        
        //make the scroller div draggable
        Drag.init(document.getElementById("brand_list_scroller"),null,-1,scroller.scrollDist,0,0);
        
        //add ondrag function
        document.getElementById("brand_list_scroller").onDrag = function (x,y) {
          var scrollX = parseInt(document.getElementById("brand_list_scroller").style.left);
          var docX = 0 - (scrollX * (scroller.docW - scroller.contW) / scroller.scrollDist);
          var contentlayer =document.getElementById("brand_list_layer");
          contentlayer.style.left = docX + "px";
        }          

        //hide the scroll bar if no scrolling        
        if (scroller.scrollDist<=0)
            document.getElementById("brand_list_scrollbar").style.display="none";
        else
            document.getElementById("brand_list_scrollbar").style.display="";
      },
      
      reset: function () {
        //collect the variables
        scroller.docW = document.getElementById("brand_list_layer").offsetWidth;
        scroller.contW = document.getElementById("brand_list_holder").offsetWidth;
        scroller.scrollAreaH = document.getElementById("brand_list_scroll_area").offsetWidth;
          
        //calculate height of scroller and resize the scroller div
        //(however, we make sure that it isn't to small for long pages)
        scroller.scrollW = (scroller.contW * scroller.scrollAreaH) / scroller.docW;
        document.getElementById("brand_list_scroller").style.width = Math.round(scroller.scrollW) + "px";
        
        //what is the effective scroll distance once the scoller's height has been taken into account
        scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollW);
        
        //make the scroller div draggable
        //Drag.init(document.getElementById("brand_list_scroller"),null,0,0,-1,scroller.scrollDist);

        //hide the scroll bar if no scrolling
        
        if (scroller.scrollDist<=0)
            document.getElementById("home_passage_scrollbar").style.display="none";
        else
            document.getElementById("home_passage_scrollbar").style.display="";      
      },       
      
      stepup: function () {
        var contentlayer =document.getElementById("brand_list_layer");
        var handler=document.getElementById("brand_list_scroller");
        var contenty= parseInt(contentlayer.style.left);
        var handlery = parseInt(handler.style.left);
        
        var stepsize=60; //pixel
        
        if (contenty<0)
        {
            contenty=contenty+stepsize;
            contentlayer.style.left = contenty+"px";            
        }
        
        if (handlery>0)
        {
            var handlerstep = stepsize * scroller.scrollDist / (scroller.docW - scroller.contW);
            handlery = handlery-handlerstep;
            if (handlery<0) handlery=0;
            handler.style.left = handlery+"px";
        }      
      },
      
      stepdown: function() {
        var contentlayer =document.getElementById("brand_list_layer");
        var handler=document.getElementById("brand_list_scroller");
        var contentx= parseInt(contentlayer.style.left);
        var handlerx = parseInt(handler.style.left);
        
        var stepsize=60; //pixel
        
        if (Math.abs(contentx)<(scroller.docW-scroller.contW))
        {
            contentx=contentx-stepsize;
            contentlayer.style.left = contentx+"px";            
            var handlerstep = stepsize * scroller.scrollDist / (scroller.docW - scroller.contW);
            handlerx = handlerx+handlerstep;
            if (handlerx<0) handlerx=0;
            handler.style.left = handlerx+"px";
        }      
        else
            handler.style.left= scroller.scrollDist+"px";
      }
    }     

    onload = scroller.init;
    
/**************************************** END OF IMAGE SCROLL BAR ***********************************************/