<!--
// Jeff
// www.huntingground.freeserve.co.uk

// ********** User Defining Area **********

data=[
["images/supplier_logos/03.png","alt",""],
["images/supplier_logos/02.png","alt",""],
["images/supplier_logos/01.png","alt",""]
];

imgPlaces=1; // number of images visible
imgWidth=880; // width of the images
imgHeight=200; // height of the images
imgSpacer=1; // space between the images

dir=1; // 0 = left, 1 = right

newWindow=0; // 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********

moz=(document.getElementById)&&(!document.all);

timer="";
step=1;
speed=40;
nextPic=0;
initPos=new Array();
nowDivPos=new Array();

function initHIS3(){

    for(var i=0;i<imgPlaces+1;i++) { // create image holders
        newImg=document.createElement("IMG");
        newImg.setAttribute("id","pic_"+i);
        newImg.setAttribute("src","");
        newImg.style.position="absolute";
        newImg.style.width=imgWidth+"px";
        newImg.style.height=imgHeight+"px";
        newImg.style.border=0;
        newImg.alt="";
        newImg.i=i;
        newImg.onclick=function(){his3Win(data[this.i][2])};
        document.getElementById("display_area").appendChild(newImg);
    }

    containerEL=document.getElementById("his3container");
    displayArea=document.getElementById("display_area");
    pic0=document.getElementById("pic_0");

    containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2);
    containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer);
    containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px";
    containerEL.style.height=imgHeight+(!moz?containerBorder:"")+"px";

    displayArea.style.width=containerWidth+"px";
    displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(imgHeight+"px")+",0)";
    displayArea.onmouseover=function(){stopHIS3()};
    displayArea.onmouseout=function(){scrollHIS3()};

    imgPos= -imgWidth;

    for(var i=0;i<imgPlaces+1;i++){
        currentImage=document.getElementById("pic_"+i);

        if(dir==0){imgPos+=imgWidth+imgSpacer} // if left

        initPos[i]=imgPos;
        if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left

        if(dir==1){ // if right
            document.getElementById("pic_"+[(imgPlaces-i)]).style.left=initPos[i]+"px";
            imgPos+=imgWidth+imgSpacer;
        }

        if(nextPic==data.length){nextPic=0}

        currentImage.src=data[nextPic][0];
        currentImage.alt=data[nextPic][1];
        currentImage.i=nextPic;
        currentImage.onclick=function(){his3Win(data[this.i][2])};
        nextPic++;
    }

    scrollHIS3();
}

function scrollHIS3(){
    clearTimeout(timer);
    
    for(var i=0;i<imgPlaces+1;i++){
        currentImage=document.getElementById("pic_"+i);

        nowDivPos[i]=parseInt(currentImage.style.left);

        if(dir==0){nowDivPos[i]-=step}
        if(dir==1){nowDivPos[i]+=step}

        if(dir==0&&nowDivPos[i]<= -(imgWidth+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth){

            if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
            if(dir==1){currentImage.style.left= -imgWidth-(imgSpacer*2)+"px"}

            if(nextPic>data.length-1){nextPic=0}

            currentImage.src=data[nextPic][0];
            currentImage.alt=data[nextPic][1];
            currentImage.i=nextPic;
            currentImage.onclick=function(){his3Win(data[this.i][2])};

            nextPic++;
        }
        else{
            currentImage.style.left=nowDivPos[i]+"px";
        }

    }
    timer=setTimeout("scrollHIS3()",speed);

}

function stopHIS3(){
    clearTimeout(timer);
}

function his3Win(loc){
    if(loc==""){return}
    if(newWindow==0){
        location=loc;
    }
    else{
        //window.open(loc)
        newin=window.open(loc,'win1','left=430,top=340,width=300,height=300'); // use for specific size and positioned window
        newin.focus();
    }
}

// add onload="initHIS3()" to the opening BODY tag

// -->