// JavaScript Document
<!--
// realised by apachejeff
// www.huntingground.freeserve.co.uk

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

data=new Array()
data[0]=new Array("Banner_fotos/ballonmodelleur_tn.jpg","Ballonnenmoddelleur","")
data[1]=new Array("Banner_fotos/boebie+babsie_tn.jpg","Boebie en Babsie show","")
data[2]=new Array("Banner_fotos/doehetmeecircus_tn.jpg","Doe het mee circus","")
data[3]=new Array("Banner_fotos/koekje-ve-deeg-1_tn.jpg","Koekje van eigen deeg","")
data[4]=new Array("Banner_fotos/kasteelcircus_tn.jpg","Kasteelcircus","")
data[5]=new Array("Banner_fotos/kaart-op-hoofd_tn.jpg","Hoe komt die nu daar?","")


imgPlaces=4 // number of images visible
imgWidth=100 // width of the images
imgHeight=75 // height of the images
imgSpacer=1 // space between the images
rdmImg=0 // 0 = no 1 = yes show images at random
moz=document.getElementById&&!document.all

dir=1 // 0 = up 1 = down

border=1 // container border width
bordertype="solid" // container border type
bordercolor="#000000" // container border colour
borderbackground="#996633" // container background colour

cssPositioning=0 // use CSS to position the display 0 = no 1 = yes
cssLeft=400 // used if cssPositioning is selected
cssTop=100 // used if cssPositioning is selected

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

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

if(rdmImg==1){ // generate random images list

tempArray=new Array()
for(i=0;i<data.length;i++){ // create an array identical to data array
tempArray[i]=data[i]
}

rdmArray=new Array() // random images array
for(p=0;p<data.length;p++){ // create an array of randomly selected images
rndnum=Math.floor(Math.random()*(tempArray.length)) // select a random image from tempArray
rdmArray[p]=tempArray[rndnum] // put selected image in rdmArray
tempArray.splice(rndnum,1) // remove selected image from tempArray
}

}

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

function createThumbShow(){

if(cssPositioning==0){ document.write("<div id=\"container_tikker\" style=\"position:relative; width:0px;height:0px; border:"+border+"px "+bordertype+" "+bordercolor+";background:"+borderbackground+"\">")
}
else{
document.write("<div id=\"container_tikker\" style=\"position:absolute; left:"+cssLeft+"px; top:"+cssTop+"px; width:0px;height:0px; border:"+border+" "+bordertype+" "+bordercolor+";background:"+borderbackground+"\">")
}

document.write("<div id=\"display_area\" style=\"position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0,0,0,0)\" onmouseover=\"stopMe()\" onmouseout=\"animate()\">") 
for(i=0;i<imgPlaces+1;i++){ // create image holders
document.write("<div id=\"div_"+[i]+"\" style=\"position:absolute\">")
document.write("<a id=\"loc_"+[i]+"\" href=\"\" onclick=\"newWin(this.location);return false\">")
document.write("<img src=\"\" id=\"pic_"+[i]+"\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" alt=\"\" border=\"0\">")
document.write("</a>")
document.write("</div>")
}
document.write("</div>")
document.write("</div>")
}

function initThumbShow(){
containerBorder=parseInt(document.getElementById("container_tikker").style.borderWidth)*2
containerHeight=((imgPlaces)*imgHeight)+((imgPlaces-1)*imgSpacer)
document.getElementById("container_tikker").style.width=imgWidth+(!moz?containerBorder:"")
document.getElementById("container_tikker").style.height=containerHeight+(!moz?containerBorder:"")

displayArea=document.getElementById("display_area")
displayArea.style.height=containerHeight
displayArea.style.clip=(!moz?"rect(0,"+imgWidth+","+containerHeight+",0)":"rect(0,"+imgWidth+","+containerHeight+",0)")

imgPos= -document.getElementById("pic_0").height-border

for(i=0;i<imgPlaces+1;i++){

if(dir==0){imgPos+=(document.getElementById("pic_0").height)+imgSpacer} // if up

initPos[i]=imgPos
if(dir==0){document.getElementById("div_"+[i]).style.top=initPos[i]} // if up

if(dir==1){ // if down
document.getElementById("div_"+[(imgPlaces-i)]).style.top=initPos[i]
imgPos+=(document.getElementById("pic_0").height)+imgSpacer
}

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

if(rdmImg==1){
document.getElementById("pic_"+[i]).src=rdmArray[nextPic][0]
document.getElementById("pic_"+[i]).alt=rdmArray[nextPic][1]
document.getElementById("loc_"+[i]).location=rdmArray[nextPic][2]
}
else{
document.getElementById("pic_"+[i]).src=data[nextPic][0]
document.getElementById("pic_"+[i]).alt=data[nextPic][1]
document.getElementById("loc_"+[i]).location=data[nextPic][2]
}
nextPic++
}

animate()
}

timer=""
function animate(){
clearTimeout(timer)
for(i=0;i<imgPlaces+1;i++){
nowDivPos[i]=parseInt(document.getElementById("div_"+i).style.top)

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

if(dir==0&&nowDivPos[i]<= -(document.getElementById("pic_0").height+imgSpacer) ||dir==1&&nowDivPos[i]>containerHeight){

if(dir==0){document.getElementById("div_"+[i]).style.top=containerHeight+imgSpacer}
if(dir==1){document.getElementById("div_"+[i]).style.top= -document.getElementById("pic_0").height-(imgSpacer*2)}

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

if(rdmImg==1){
document.getElementById("pic_"+[i]).src=rdmArray[nextPic][0]
document.getElementById("pic_"+[i]).alt=rdmArray[nextPic][1]
document.getElementById("loc_"+[i]).location=rdmArray[nextPic][2]
}
else{
document.getElementById("pic_"+[i]).src=data[nextPic][0]
document.getElementById("pic_"+[i]).alt=data[nextPic][1]
document.getElementById("loc_"+[i]).location=data[nextPic][2]
}

nextPic++

}
else{
document.getElementById("div_"+[i]).style.top=nowDivPos[i]
}

}
timer=setTimeout("animate()",speed)

}

function stopMe(){
clearTimeout(timer)
}

function newWin(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
window.open(loc,'','left=130,top=270,width=200,height=200') // use for specific size and positioned window
}
}

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

// -->
// add onload="initThumbShow()" to the opening BODY tag

// -->

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->

<!--
// JavaScript Document
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->