dir=0; // 0 = left 1 = right
speed=3;
imageSize=0; // % set to zero to use fixedWidth and fixedHeight values
fixedWidth=365; // set a fixed width
fixedHeight=80; // set a fixed height
spacerWidth=0; // space between images

biggest=0;
ieBorder=0;
totalWidth=0;
hs4Timer=null;

function initHS4(){
    preload=new Array();    
    for(var i=0;i<hs4Arr.length;i++){
        preload[i]=new Image();
        preload[i].src=hs4Arr[i][0];
    }       
    scroll1=document.getElementById("scroller1");
    for(var j=0;j<hs4Arr.length;j++){
        scroll1.innerHTML+='<a href=' + hs4Arr[j][2] + '><img id="pic'+j+'" src="'+preload[j].src+'" alt="'+hs4Arr[j][1]+'" title="'+hs4Arr[j][1]+'" border="0" /></a>';        
        if(imageSize!=0){ // use percentage size
            newWidth=preload[j].width/120*imageSize;
            newHeight=preload[j].height/120*imageSize;
        }
        else{ // use fixed size
            newWidth=fixedWidth;
            newHeight=fixedHeight;
        }

        document.getElementById("pic"+j).style.width=newWidth+"px";
        document.getElementById("pic"+j).style.height=newHeight+"px";
        //document.getElementById("pic"+j).style.width="300px";
        //document.getElementById("pic"+j).style.height="80px";
        //document.getElementById("pic"+j).style.width=preload[j].width;
        //document.getElementById("pic"+j).style.height=preload[j].height;

        if(document.getElementById("pic"+j).offsetHeight>biggest){
            biggest=document.getElementById("pic"+j).offsetHeight;
        }

        document.getElementById("pic"+j).style.marginLeft=spacerWidth+"px";

        totalWidth+=document.getElementById("pic"+j).offsetWidth+spacerWidth;
    }

    totalWidth+=1;
    for(var k=0;k<hs4Arr.length;k++){ // vertically center images
    document.getElementById("pic"+k).style.marginBottom = (biggest-document.getElementById("pic"+k).offsetHeight)/2+"px";
    }

    scrollBox=document.getElementById("scroll_box");

    if(document.uniqueID && scrollBox.currentStyle && document.compatMode!="CSS1Compat"){
        ieBorder=parseInt(scrollBox.currentStyle.borderWidth)*2;
    } 
    if(document.getElementById&&document.all){
        ieBorder=parseInt(scrollBox.style.borderTopWidth)*2;
    }

    scrollBox.style.height=biggest+ieBorder+"px";    
    //scrollBox.style.height="100px";    

    scroll1.style.width=totalWidth+"px";

    scroll2=document.getElementById("scroller2");
    scroll2.innerHTML=scroll1.innerHTML;
    scroll2.style.left= scroll1.offsetWidth+"px";
    scroll2.style.top= 0+"px";
    scroll2.style.width=totalWidth+"px";    

    if(dir==1){
        speed= -speed;
    }

    scrollHS4();    
}


function scrollHS4(){
    if(paused==1){return}
    clearTimeout(hs4Timer);

    scroll1Pos=parseInt(scroll1.style.left);
    scroll2Pos=parseInt(scroll2.style.left);

    scroll1Pos-=speed;
    scroll2Pos-=speed;

    scroll1.style.left=scroll1Pos+"px";
    scroll2.style.left=scroll2Pos+"px";

    hs4Timer=setTimeout("scrollHS4()",50);

    if(dir==0){
        if(scroll1Pos< -scroll1.offsetWidth){
            scroll1.style.left=scroll1.offsetWidth+"px";
        }

        if(scroll2Pos< -scroll1.offsetWidth){
            scroll2.style.left=scroll1.offsetWidth+"px";
        }
    }

    if(dir==1){
        if(scroll1Pos>parseInt(scrollBox.style.width)){
            scroll1.style.left=scroll2Pos+ (-scroll1.offsetWidth)+"px";
        }

        if(scroll2Pos>parseInt(scrollBox.style.width)){
            scroll2.style.left=scroll1Pos+ (-scroll2.offsetWidth)+"px";
        }
    }
}

st=null;

function pause(){
    clearTimeout(hs4Timer);
    clearTimeout(st);
}

function reStartHS4(){
    clearTimeout(st);
    st=setTimeout("scrollHS4()",100);
}

paused=0;
picWin=null;

window.onfocus=function(){
    paused=0;
    scrollHS4();
}