// (c) W.F.Stel - www.stel-it.com


var menu = new Array();
var link = new Array();
var picsName = new Array();
var picsAantal = new Array();
var img = "";
var picNr = 0;
var htmlMenu = "";
var bottomMenu = "|  ";
var t;
var x;
var remember = -1;
var preloadURL="";

menu[0]	 = "Home";
menu[1]  = "Groepsaccommodatie";
menu[2]  = "Minicamping";
menu[3]  = "Bed & Breakfast";
menu[4]  = "Plattegrond";
menu[5]	 = "Omgeving";
menu[6]  = "Paarden";
menu[7]  = "Contact";
menu[8]  = "Links";
menu[9]  = "Foto's/Video";

link[0]  = "index.html";
link[1]  = "groepsaccommodatie.html";
link[2]  = "minicamping.html";
link[3]  = "bed_breakfast.html";
link[4]  = "plattegrond.html";
link[5]	 = "omgeving.html";
link[6]  = "paarden.html";
link[7]  = "contact.html";
link[8]	 = "links.html";
link[9]	 = "fotos.html";

picsName[0]		= "home";
picsName[1]		= "groepsaccommodatie";
picsName[2]		= "minicamping";
picsName[3]		= "bed_breakfast";
picsName[4]		= "plattegrond";
picsName[5]		= "omgeving";
picsName[6]		= "paarden";
picsName[7]		= "contact";
picsName[8]		= "home";
picsName[9]		= "home";


picsAantal[0]	= "5";
picsAantal[1]	= "5";
picsAantal[2]	= "2";
picsAantal[3]	= "3";
picsAantal[4]	= "1";
picsAantal[5]	= "3";
picsAantal[6]	= "3";
picsAantal[7]	= "1";
picsAantal[8]	= "1";
picsAantal[9]	= "1";

function start() {

		remember = writeMenu();
		writeLogos();
		if (remember>=0) {
			
			img = picsName[remember]+"1.jpg";
			
			document.getElementById("blendimage").src = "images/top/"+img;
			setTimeout("cycleTop("+remember+")",7000);
		}
}


 
  
function writeMenu() {
	
	var strHref = window.location.href;
	var strString = strHref.substr(strHref.lastIndexOf("/")+1);
	if (strString=="") strString="index.html";
	var remember;
	for (t=0;t<menu.length;t++)
	{
	   if (strString == link[t])
	   {
			htmlMenu += "<li><a href='"+link[t]+"'><b>"+menu[t]+"</b></a>";
			bottomMenu += "<a href='"+link[t]+"'><b>"+menu[t]+"</b></a> |";
			if (picsAantal[t]>=1) remember = t;
	   } else {
			htmlMenu += "<li><a onmouseover='high(this);' onmouseout='high(this);' href='"+link[t]+"'>"+menu[t]+"</a>";
			bottomMenu += "&nbsp;<a href='"+link[t]+"'>"+menu[t]+"</a>&nbsp;|&nbsp;";
	   }

	}
	document.getElementById("menu").innerHTML = "<div id='list-menu'><ul>"+htmlMenu+"</ul></div>";
	document.getElementById("bottomMenu").innerHTML = bottomMenu;
	return remember;
}



function cycleTop(remember) {	
	
	if (picNr++>=picsAantal[remember]) picNr=1;
	img = picsName[remember]+picNr+".jpg";
	
	 if  ((picNr+1)<=picsAantal[remember]) {
		 
			preloadURL = "images/top/"+picsName[remember]+(picNr+1)+".jpg";
			preload_image_object = new Image();
			preload_image_object.src = preloadURL;
			
	}
	blendimage("blenddiv","blendimage", "images/top/"+img ,1000);	
	setTimeout("cycleTop("+remember+")",7000);
}
function blendimage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
    changeOpac(0, imageid); 
     document.getElementById(imageid).src = imagefile; 

	for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
} 
function changeOpac(opacity, id) { 
    // Cross browser IE - Mozilla - Konquerer - Safari 
	var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function writeLogos () {
	var html = "<table border=0 width=580><tr valign=middle>";
	var logos = new Array ("anwb.gif","gac.gif","its.gif","recron.gif","vvv.gif");
	var desc  = new Array ("Anwb camping", "Groeps Accomodatie Classificatie","ITS goedgekeurd","RECRON Lid","VVV camping");
	var dir = 'images/logos/';
	for (var i = 0;i<logos.length;i++)
	{
		html += "<td align=center><img src='"+dir+logos[i]+"' alt='"+desc[i]+"'></td>";
	}
	html +="</tr></table>";
	document.getElementById("aansluiting").innerHTML = html;
}
function high(el) {
	if(document.all&&!window.opera) {
	el.filters.blendTrans.apply(); 
	el.filters.blendTrans.play(); 
	}
}
function pop(image) {
	var url="images/paginas/"+image;
	var html;
	popUp = window.open("","popUp","width=640, height=480, border=0, menubars=0, scrollbars=0");
	popUp.document.open();
	html = "<html><title>Afbeelding - "+image+"</title><body bgcolor=black style='margin:0px'>";
	html+= "<table border=0 cellspacing=0 cellpadding=0 width=560><tr valign=middle><td align=center height=440><a href='javascript: window.close();'><img src='"+url+"' border=0 alt='klik om te sluiten'></a></td></tr></table>";
	html+= "</body>";
	popUp.document.write(html);
	popUp.focus();

}