// global variables for platform branching
var w3c = (document.getElementById) ? 1:0
var ns4 = (document.layers) ? 1:0
var ie4 = (document.all) ? 1:0
var range = "";
var cap = "";
var zOrder = 102;
var pointedObject;
var incZ = 1001


// set object to (in-)visible
function setVisible(obj, liobj, extraclassstr) 
{
	var divobj = document.getElementById(obj);
	var li = document.getElementById(liobj);
    
	var listatus = li.className;
        
	if (listatus == "closed") 
    {
		divobj.style.display = "block";
        li.className= 'open';
        
    } 
    else if(listatus == 'open') 
    {
		divobj.style.display =  "none";
		li.className= 'closed';	
	
    }
    else if(listatus == "closedfirst")
    {
    	divobj.style.display = "block";
        li.className= 'openfirst';    	
    }
    
    else if(listatus == "openfirst")
    {
    	divobj.style.display = "none";
        li.className= 'closedfirst';    	
    }
    //blauwe variant
    else if(listatus == "closedblue")
    {
    	divobj.style.display = "block";
        li.className= 'openblue';    	
    }
    
    else if(listatus == "openblue")
    {
    	divobj.style.display = "none";
        li.className= 'closedblue';    	
    }
    
    return false;
    
}


// get the object  - style
function getObject(thisO) {
    if (ns4) {
	var theObj = eval("document." + thisO);
    } else if (ie4) {
	var theObj = eval("document.all." + thisO + ".style");
    }
    return theObj;
} 



function golocal(url) 
{
	parent.location.href = url;	
}

function gourl(url) 
{
	//parent.location.href = url;	
	open (url, '_blank', '');
}


var preload;
var aryImages = new Array(5);		//max 5 pictures...
var i = 0;							//count of number of pictures...
var curimg;

function preloadImage(fname) 
{
    preload = new Image();
    preload.src = fname;

	aryImages[i] = fname;
	if (i == 0)
	{
		curimg = fname;
	}
	i++;
}


function imageIndex ()
{
	var j;
    
	for (j = 0; j < i; j++)
	{
		if (aryImages[j] == curimg)
		{
			return j;
		}
	}
}

function swapImage(fname, thumbid) 
{
	var imgobj = document.getElementById("prodimg");
	
	if (imgobj != null)
	{
	    imgobj.src = fname;
	}
	curimg = fname;
	
	//alert('swapimg!'+thumbid);
	
	if(thumbid != undefined)
		SetCurImgStyle(thumbid);
		
		
}

function ClearThumbs()
{
	var thumbsarray = document.getElementById('browseimg').getElementsByTagName('img');
	
	var i;
	
	for (i = 1; i < thumbsarray.length -1; i++ )
		thumbsarray[i].src = 'img/icons/thumbnail.gif';
}

function ClearThumbsClass()
{
	var thumbsarray = document.getElementById('browseimg').getElementsByTagName('img');
	
	var i;
	
	for (i = 1; i < thumbsarray.length -1; i++ )
		thumbsarray[i].className = '';
}

function SetCurImgStyle(thumbid)
{
	ClearThumbs();
	ClearThumbsClass();
	
	if(thumbid != undefined && document.getElementById(thumbid) != null)
	{
		var thumbobj = document.getElementById(thumbid);
		thumbobj.src = 'img/icons/thumbnail_highlight.gif';
		thumbobj.className= 'curthumb';
		thumbobj.blur();
	}	
	
}


function SetCurImgStyleRight()
{
	var thumbsarray = document.getElementById('browseimg').getElementsByTagName('img');
	var i;
	var numthumbs = thumbsarray.length - 2;
	
	for (i = 1; i <= numthumbs; i++ )
	{
		if(thumbsarray[i].className == 'curthumb')
			var curthumbnum = i;
	}	
		
	if(curthumbnum == undefined)
		curthumbnum = 1;

	if(curthumbnum < numthumbs)
		var newcurthumbnum = curthumbnum + 1;	
	else
		var newcurthumbnum = curthumbnum;	
	
	ClearThumbs();
	ClearThumbsClass();
		
	thumbsarray[newcurthumbnum].src = 'img/icons/thumbnail_highlight.gif';
	thumbsarray[newcurthumbnum].className= 'curthumb';
	
}


function SetCurImgStyleLeft()
{
	
	var thumbsarray = document.getElementById('browseimg').getElementsByTagName('img');
	var i;
	var numthumbs = thumbsarray.length - 2;
	
	for (i = 1; i <= numthumbs; i++ )
	{
		if(thumbsarray[i].className == 'curthumb')
			var curthumbnum = i;
	}	
		
	if(curthumbnum == undefined)
		curthumbnum = 1;

	if(curthumbnum > 1)
		var newcurthumbnum = curthumbnum - 1;	
	else
		var newcurthumbnum = curthumbnum;	
	
	ClearThumbs();
	ClearThumbsClass();
		
	thumbsarray[newcurthumbnum].src = 'img/icons/thumbnail_highlight.gif';
	thumbsarray[newcurthumbnum].className= 'curthumb';
	
}


function leftImage() 
{
	//First determine index of current picture
	var cur = imageIndex();
	if (cur > 0)
	{
		swapImage(aryImages[cur - 1]) 
	}
	
	SetCurImgStyleLeft();
}

function rightImage() 
{
	//First determine index of current picture
	var cur = imageIndex();
	if (cur < (i - 1))
	{
		swapImage(aryImages[cur + 1]) 
	}
	
	SetCurImgStyleRight();
}


function submitForm (myformid)
{
	var b= true;
	var myform = document.getElementById(myformid);
	var myfield;

   for ( var i=1; i < submitForm.arguments.length; i++ ) 
   {
		myfield = document.getElementById(submitForm.arguments[i])
	
		b= b && (myfield.value != '');
   }

   if(!document.getElementById('voorwaarden').checked)
   		alert( "You did not accept the booking conditions. Please read the booking conditions, check the checkbox and try again." );
   else
   {
	   if (!b) 
	      alert( "You did not fill in all of the mandatory fields. Please try again." );
	   else
	   {
		   	//open ('moment.html', 'moment', 'scrollbars=yes, menubar=no, width=500, height=600');
			myform.submit();
	   }
   }
}