<!--

// ********** User Defining Area **********

data_alg=[
["img/bb_sm-13.jpg","Alberti B & B, Rotterdam","img/bb-13.jpg"],
["img/bb_sm-14.jpg","Alberti B & B, Rotterdam","img/bb-14.jpg"],
["img/bb_sm-15.jpg","Alberti B & B, Rotterdam","img/bb-15.jpg"],
["img/bb_sm-16.jpg","Alberti B & B, Rotterdam","img/bb-16.jpg"],
["img/bb_sm-5.jpg","Alberti B & B, Rotterdam","img/bb-5.jpg"],
["img/bb_sm-6.jpg","Alberti B & B, Rotterdam","img/bb-6.jpg"],
["img/bb_sm-7.jpg","Alberti B & B, Rotterdam","img/bb-7.jpg"],
["img/bb_sm-8.jpg","Alberti B & B, Rotterdam","img/bb-8.jpg"],
["img/bb_sm-9.jpg","Alberti B & B, Rotterdam","img/bb-9.jpg"],
["img/bb_sm-10.jpg","Alberti B & B, Rotterdam","img/bb-10.jpg"],
["img/bb_sm-11.jpg","Alberti B & B, Rotterdam","img/bb-11.jpg"],
["img/bb_sm-12.jpg","Alberti B & B, Rotterdam","img/bb-12.jpg"],
["img/bb_sm-1.jpg","Alberti B & B, Rotterdam","img/bb-1.jpg"],
["img/bb_sm-2.jpg","Alberti B & B, Rotterdam","img/bb-2.jpg"],
["img/bb_sm-3.jpg","Alberti B & B, Rotterdam","img/bb-3.jpg"],
["img/bb_sm-4.jpg","Alberti B & B, Rotterdam","img/bb-4.jpg"] // no comma at end of last index
]

data_kmr1=[
["img/bbk1_sm-1.jpg","Alberti B & B, Rotterdam","img/bbk1-1.jpg"],
["img/bbk1_sm-2.jpg","Alberti B & B, Rotterdam","img/bbk1-2.jpg"],
["img/bbk1_sm-3.jpg","Alberti B & B, Rotterdam","img/bbk1-3.jpg"],
["img/bbk1_sm-4.jpg","Alberti B & B, Rotterdam","img/bbk1-4.jpg"],
["img/bbk1_sm-5.jpg","Alberti B & B, Rotterdam","img/bbk1-5.jpg"],
["img/bbk1_sm-6.jpg","Alberti B & B, Rotterdam","img/bbk1-6.jpg"] // no comma at end of last index
]

data_kmr2=[
["img/bbk2_sm-1.jpg","Alberti B & B, Rotterdam","img/bbk2-1.jpg"],
["img/bbk2_sm-2.jpg","Alberti B & B, Rotterdam","img/bbk2-2.jpg"],
["img/bbk2_sm-3.jpg","Alberti B & B, Rotterdam","img/bbk2-3.jpg"],
["img/bbk2_sm-4.jpg","Alberti B & B, Rotterdam","img/bbk2-4.jpg"],
["img/bbk2_sm-5.jpg","Alberti B & B, Rotterdam","img/bbk2-5.jpg"],
["img/bbk2_sm-6.jpg","Alberti B & B, Rotterdam","img/bbk2-6.jpg"],
["img/bbk2_sm-7.jpg","Alberti B & B, Rotterdam","img/bbk2-7.jpg"] // no comma at end of last index
]

imgPlaces=4 // number of images visible
imgWidth=187 // width of the images
imgHeight=130 // height of the images
imgSpacer=4 // space between the images

dir=0 // 0 = left, 1 = right

newWindow=1 // 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********

moz=document.getElementById&&!document.all

step=1
timer=""
speed=50
nextPic=0
initPos=new Array()
nowDivPos=new Array()



function fotos_verwijderen(){
			step=1
			timer=""
			speed=50
			nextPic=0
			initPos=new Array()
			nowDivPos=new Array()
			var element = document.getElementById("display_area");
			while (element.firstChild) {
			element.removeChild(element.firstChild);
			}
}

function initHIS3(view){
	switch(view) {
		case "kamer1":
			data=data_kmr1;
			fotos_verwijderen();
			vervangen();			
			break;
		case "kamer2":
			data=data_kmr2;
			fotos_verwijderen();
			vervangen();
			break;
		case "algemeen":
			data=data_alg;
			fotos_verwijderen();
			vervangen();
			break;
					
	}
}
	function vervangen(){
	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],data[this.i][1])}
		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= -pic0.width
	
	for(var i=0;i<imgPlaces+1;i++){
		currentImage=document.getElementById("pic_"+i)
	
		if(dir==0){imgPos+=pic0.width+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+=pic0.width+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],data[this.i][1])}
		nextPic++
	}
	scrollHIS3()
}

timer=""
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]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth){

			if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
			if(dir==1){currentImage.style.left= -pic0.width-(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],data[this.i][1])}

			nextPic++
		}
		else{
			currentImage.style.left=nowDivPos[i]+"px"
		}
	}
	timer=setTimeout("scrollHIS3()",speed)
}

function stopHIS3(){
	clearTimeout(timer)
}

function his3Win(loc,hdr){
	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()
		Slimbox.open(loc, hdr);
		
	}
}

// add onload="initHIS3()" to the opening BODY tag

// -->