if (document.images) {
  img1on = new Image();      
  img1on.src = "../images/s_frans_up.gif"; 
  img2on = new Image(); 
  img2on.src = "../images/s_ned_up.gif";  
  img3on = new Image();
  img3on.src = "../images/s_eng_up.gif";
  img4on = new Image();      
  img4on.src = "../images/s_home_up.gif"; 
  img5on = new Image(); 
  img5on.src = "../images/s_nl_rest_up.gif";  
  img6on = new Image();
  img6on.src = "../images/s_nl_hotel_up.gif";
  img7on = new Image();      
  img7on.src = "../images/s_contact_up.gif"; 
  img8on = new Image(); 
  img8on.src = "../images/s_route_up.gif";  
  
  img1off = new Image(); 
  img1off.src = "../images/s_frans_down.gif"; 
  img2off = new Image();          
  img2off.src = "../images/s_ned_down.gif"; 
  img3off = new Image();
  img3off.src = "../images/s_eng_down.gif";
  img4off = new Image();      
  img4off.src = "../images/s_home_down.gif"; 
  img5off = new Image(); 
  img5off.src = "../images/s_nl_rest_down.gif";  
  img6off = new Image();
  img6off.src = "../images/s_nl_hotel_down.gif";
  img7off = new Image();      
  img7off.src = "../images/s_contact_down.gif"; 
  img8off = new Image(); 
  img8off.src = "../images/s_route_down.gif";  
}

function imgOn(imgName) {
  if (document.images) {
    document[imgName].src = eval(imgName + "on.src");
  }
}
         
function imgOff(imgName) {
  if (document.images) {
    document[imgName].src = eval(imgName + "off.src");
  }
}

dom = (document.getElementById) ? true : false;
ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
ns4 = (document.layers && !dom) ? true : false;
ie4 = (document.all && !dom) ? true : false;
nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

var scrTimer = 1;
var scrTmId=0;

var pgLoaded;
wndo = new Array();

function dw_shiftTo(x,y) {
	if (ns4) { this.css.moveTo(x,y); } 
	else { this.css.left=x+"px"; this.css.top=y+"px"; }
}

function dw_shiftBy(x,y) {
	if (ns4) { this.css.moveBy(x,y); }
	else { 
		this.css.left = parseInt(this.css.left)+x+"px";
		this.css.top = parseInt(this.css.top)+y+"px";
	}
}

function dw_show() {	this.css.visibility = "visible"; }
function dw_hide() { this.css.visibility = "hidden"; }

function jumpDown(num,jump) {
	var y = parseInt(wndo[num].cnt.css.top);
	if (y>(-wndo[num].maxY)) { 
		if ((y-jump)>(-wndo[num].maxY)) wndo[num].cnt.shiftBy(0,-jump);
		else wndo[num].cnt.shiftBy(0,-(wndo[num].maxY-Math.abs(y)));	
  }
}

function jumpRight(num,jump) {
	var x = parseInt(wndo[num].cnt.css.left);
	if (x>(-wndo[num].maxX)) {
		if ((x-jump)>(-wndo[num].maxX)) wndo[num].cnt.shiftBy(-jump,0);
		else wndo[num].cnt.shiftBy(-(wndo[num].maxX-Math.abs(x)),0);	
  }
}

function jumpUp(num,jump) {
	var y = parseInt(wndo[num].cnt.css.top);
	if (y<0) { 
		if ((y+jump)<=0) wndo[num].cnt.shiftBy(0,jump); 
		else wndo[num].cnt.shiftBy(0,-y); 
	}
}

function jumpLeft(num,jump) {
	var x = parseInt(wndo[num].cnt.css.left);
	if (x<0) { 
		if ((x+jump)<=0) wndo[num].cnt.shiftBy(jump,0); 
		else wndo[num].cnt.shiftBy(-x,0); 
	}
}

function inchDown(num,inc) {
	if (!pgLoaded) return; var y = parseInt(wndo[num].cnt.css.top);
	if (y>-wndo[num].maxY) { 
		wndo[num].cnt.shiftBy(0,-inc);
		scrTmId = setTimeout("inchDown("+num+","+inc+")",scrTimer);	
	}
}

function inchUp(num,inc) {
	if (!pgLoaded) return; var y = parseInt(wndo[num].cnt.css.top);
	if (y<0) { 
		wndo[num].cnt.shiftBy(0,inc);
		scrTmId = setTimeout("inchUp("+num+","+inc+")",scrTimer);	
  }
}

function inchRight(num,inc) {
	if (!pgLoaded) return; var y = parseInt(wndo[num].cnt.css.left);	
	if (y>-wndo[num].maxX) { 
		wndo[num].cnt.shiftBy(-inc,0);
		scrTmId = setTimeout("inchRight("+num+","+inc+")",scrTimer);	
	}
}

function inchLeft(num,inc) {
	if (!pgLoaded) return; var y = parseInt(wndo[num].cnt.css.left);
	if (y<0) { 
		wndo[num].cnt.shiftBy(inc,0);
		scrTmId = setTimeout("inchLeft("+num+","+inc+")",scrTimer);	
  }
}

function stopScroll() {
	clearTimeout(scrTmId);
}

function dw_lyrObj(obj,id) {
	this.el = (ns4)? getLyrRef(obj,document): (ie4)? document.all[obj]: (ie5||ns5)? document.getElementById(obj): null;
	this.css = (ns4)? this.el: (ie4||ie5||ns5)? this.el.style: null;
	this.height = (ns4)? this.el.clip.height: (ie4||ie5)? this.el.clientHeight: (ns5)? this.el.offsetHeight: 0;
	this.width = (ns4)? this.el.clip.width: (ie4||ie5)? this.el.clientWidth: (ns5)? (id)? document.getElementById(id).offsetWidth: this.el.offsetWidth: 0;
}

function loadScrLyr(num,lyr,id) {
	if (!pgLoaded) return;
	if (typeof wndo[num].cnt != "undefined") wndo[num].cnt.hide();
	wndo[num].cnt = new dw_lyrObj(lyr,id);
	wndo[num].cnt.show();
	wndo[num].cnt.shiftTo(0,0);
	wndo[num].maxX = wndo[num].cnt.width - wndo[num].width;
	wndo[num].maxY = wndo[num].cnt.height - wndo[num].height
} 

dw_lyrObj.prototype.shiftBy=dw_shiftBy;
dw_lyrObj.prototype.shiftTo=dw_shiftTo;
dw_lyrObj.prototype.show=dw_show; 
dw_lyrObj.prototype.hide=dw_hide;

function getLyrRef(lyr,doc) {
	if (ns4) {
		var theLyr;
		for (var i=0; i<doc.layers.length; i++) {
	  	theLyr = doc.layers[i];
			if (theLyr.name == lyr) return theLyr;
			else if (theLyr.document.layers.length > 0) 
	    	if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
					return theLyr;
	  }
		return null;
  }
}

var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth;
  origHeight = window.innerHeight;
}
 
function reDo() {
	if (ns4) {
	 if (window.innerWidth != origWidth || window.innerHeight != origHeight) 
	    window.location.reload();
	} else setTimeout("posToRelLyr()",200);
}

function posToRelLyr() {
	var x = getPgLeft('hold');	var y = getPgTop('hold');
	wndo[0].shiftTo(x,y);
	wndo[0].show();
}

function initScrLyr() {
	/*pgLoaded=true;	
	wndo[0] = new dw_lyrObj('wn');	
	loadScrLyr(0,'div1');	
	posToRelLyr();*/
}

window.onload = initScrLyr;

function getPgLeft(lyr) {
	var elem = (ns4)? document.layers[lyr]: (ie4)? document.all[lyr]: (ie5||ns5)? document.getElementById(lyr): null;
	var x = 0;
	if (ns4) return x = elem.pageX;	  	
  else if (ie4 || ie5) {
		while (elem.offsetParent != null) {
      x += elem.offsetLeft;
      elem = elem.offsetParent;
    }
    x += elem.offsetLeft;
		return x;
  } else if (ns5) return x = elem.offsetLeft;
	return x;
}

function getPgTop(lyr) {
	var elem = (ns4)? document.layers[lyr]: (ie4)? document.all[lyr]: (ie5||ns5)? document.getElementById(lyr): null;
	var y = 0;
	if (ns4) return y = elem.pageY;	  	
  else if (ie4 || ie5) {
		while (elem.offsetParent != null) {
      y += elem.offsetTop;
      elem = elem.offsetParent;
    }
    y += elem.offsetTop;
		return y;
	} else if (ns5) return y = elem.offsetTop;
	return y;
}