/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

hs4Arr=[

["images/site/Jiekaa_logo.jpg","http://www.jiekaa.be","JH Jiekaa","_blank"],
["images/site/Toegankelijk.jpg","http://www.kamufe.be/info.php?sub=toeg","Toegankelijk",""],
["images/site/chiro.jpg","http://www.freewebs.com/chiro-kassei/","Chiro HH Kassei","_blank"],
["images/site/indivo.jpg","http://www.indivo.be/","Indivo","_blank"],
["images/site/rand.gif","http://www.vlaamserand.be/index.php","De Vlaamse Rand","_blank"],
["images/site/natlot.jpg","http://www.nationale-loterij.be/nl/default.aspx","Nationala Loterij","_blank"],
["images/site/intro.jpg","http://www.intro-events.be/","Intro","_blank"],
["images/site/campanile.jpg","http://www.campanile.com/hotel/nl/belgie.htm","Campanile","_blank"],
["images/site/4Urenting.jpg","http://www.4u-renting.be/","4U Renting","_blank"],
["images/site/armando.jpg","images/site/armando_groot.jpg","Frituur t'hoekse","_blank"],
["images/site/bmw.jpg","http://www.tanghe.bmw.be/","BMW Thange","_blank"],
["images/site/boels.jpg","http://www.boels.be","Boels","_blank"],
["images/site/elsevier.jpg","images/site/elsevier_groot.jpg","Optiek Elsevier Vilvoorde","_blank"],
["images/site/express.jpg","http://www.carrefour.eu/express/index.cfm?lang=NL#","Carrefour Express","_blank"],
["images/site/GCS.jpg","http://www.gcsinfo.be/Homepage.htm","Grauwels Car Service","_blank"],
["images/site/KAV.jpg","http://www.kav.be","KAV","_blank"],
["images/site/KBC.jpg","http://www.kbc.be","KBC","_blank"],
["images/site/kwb.jpg","http://www.kwb.be","KWB","_blank"],
["images/site/louis.jpg","images/site/louis_groot.jpg","JH Jiekaa","_blank"],
["images/site/Maes.jpg","http://www.maes.be","Maes","_blank"],
["images/site/ManuLami.jpg","http://www.manucool.be/","Koel en elektrotechniek Manu","_blank"],
["images/site/OnsHuis.jpg","images/site/OnsHuis_groot.jpg","Cafe Ons Huis Vilvoorde","_blank"],
["images/site/Orchis.jpg","https://kamufe.be","Orchis","_blank"],
["images/site/peeters.jpg","images/site/peeters_groot.jpg","Algemene schrijnwerkerij gebroeders Peeters","_blank"],
["images/site/stadvilvoorde.jpg","http://www.vilvoorde.be","Stad Vilvoorde","_blank"],
["images/site/Timmermans.jpg","http://www.bakkerij-timmermans.be/presentatie.html","Bakkerij Timmermans","_blank"],
["images/site/tw.jpg","http://www.teadoubleyou.com/","Music recording studio","_blank"],
["images/site/VanCampenhout.jpg","http://www.grimbergen-leeft.be/van_campenhout/index.htm","Drankencentrale Van Campenhout","_blank"],
["images/site/vbd.jpg","http://www.handelsgids.be/Grimbergen/vanden-brande-nv/","Centrale verwarming, sanitair en airco VDB","_blank"],
["images/site/WinForLife.jpg","http://www.winforlife.be/","Win For Live","_blank"]

];

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

alwaysCenter=1; // center the popup 0 = no 1 = yes
popupLeft=0; // popup default left, use if not centering
popupTop=0; // popup default top, use if not centering

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

preload=new Array()

for(var i=0;i<hs4Arr.length;i++){
	preload[i]=new Image();
	preload[i].src=hs4Arr[i][0];
}

function initHS4(){
    scroll1=document.getElementById("scroller1");

    for(var j=0;j<hs4Arr.length;j++){

        scroll1.innerHTML+='<a href="'+hs4Arr[j][1]+'" target="'+hs4Arr[j][3]+'"><img id="pic'+j+'" src="'+preload[j].src+'" alt="'+hs4Arr[j][2]+'" title="'+hs4Arr[j][2]+'"></a>';

        if(imageSize!=0){ // use percentage size
            newWidth=preload[j].width/100*imageSize;
            newHeight=preload[j].height/100*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"

        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=100+"px"

    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()
}