<!--

var DHTML = (document.getElementById || document.all || document.layers);

function WriteFlash(mp3naam) {
	if (!DHTML) return;
	document.write ('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" data="http://www.keutel.net/flash/hbs_mp3_player.swf" width="24" height="14" style="margin-right:4px;margin-bottom:-2px;margin-left:-1px;" ');
	document.write (' type="application/x-shockwave-flash"> ');
	document.write ('<param name="type" value="application/x-shockwave-flash" /> ');
	document.write ('<param name="src" value="http://www.keutel.net/flash/hbs_mp3_player.swf" /> ');
	document.write ('<param name="data" value="http://www.keutel.net/flash/hbs_mp3_player.swf" /> ');
	document.write ('<param name="codebase" value="http://www.keutel.net/flash/hbs_mp3_player.swf" /> ');
	document.write ('<param name="FlashVars" value="TheSound=http://www.keutel.net/mp3/' + mp3naam + '.mp3" /> ');
	document.write ('<param name="allowScriptAccess" value="sameDomain" /> ');
	document.write ('<param name="movie" value="http://www.keutel.net/flash/hbs_mp3_player.swf" /> ');
	document.write ('<param name="loop" value="false" /> ');
	document.write ('<param name="quality" value="high" /> ');
	document.write ('<param name="wmode" value="transparent" /> ');
	document.write ('<embed src="http://www.keutel.net/flash/hbs_mp3_player.swf" wmode="transparent" quality="high"  width="24" height="12" name="hbs_mp3_player" ');
	document.write (' type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" ');
	document.write (' FlashVars="TheSound=http://www.keutel.net/mp3/' + mp3naam + '.mp3" /> ');
	document.write ('</object> ');
}

function h1(GalTitel) {
	document.write("<div id=\"o\">"+GalTitel+"</div><div id=\"z\">"+GalTitel+"</div><div id=\"w\">"+GalTitel+"</div><div id=\"m\">"+GalTitel+"</div>");
}

function addSoundObject(mp3naam) {
	if (!DHTML) return;
	musicFile	= 'http://www.keutel.net/mp3/' + mp3naam + '.mp3';
	musicEmbed	= '<embed src="' + musicFile + '" ></embed>';
	musicObject	= '<object data="' + musicFile + '" codetype="audio/mpeg" >';
	musicObject	+=	'<param name="src" value="' + musicFile + '" />';
	musicObject	+=	'<param name="filename" value="' + musicFile + '" />';
	musicObject	+=	'<param name="type" value="audio/mpeg" />';
	musicObject	+='</object>';
	if (document.all && document.getElementById || (navigator.appVersion.indexOf("Mac")!=-1)) {
		tekst = musicEmbed;
	} else {
		tekst = musicObject;
	}
	document.getElementById(mp3naam).innerHTML = tekst;
}


function showPhoto(photo,thetitle,breedte,hoogte,textID) {
	var transparent = -1;
	photo = new String(photo);
	transparent = photo.search(/png/);
	if(thetitle=="") {thetitle =  ' X sluit ';}
	textID = textID || 0;
	try {
		document.getElementById("media").className="hide";
	} catch(err) {
	}
	try {
		//document.getElementById("leftcol").className="hide";
	} catch(err) {
	}
	var arrayPageSize = getPageSize();
	var pageWidth = arrayPageSize[0];
	var pageHeight = arrayPageSize[1];
	var ClientWidth = 0;
	var ClientHeight = 0;
	if (self.innerHeight) { // all except Explorer
		ClientWidth = self.innerWidth;
		ClientHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {
		ClientWidth = document.documentElement.clientWidth; 
		ClientHeight = document.documentElement.clientHeight;
	}
	else if (document.body) { // other Explorers
		ClientWidth = document.body.clientWidth;
		ClientHeight = document.body.clientHeight;
	}
	document.getElementById("photo").style.left = ClientWidth/2 - breedte/2 + "px";
	var scroll = 0;
	if(navigator.appName == "Microsoft Internet Explorer") { scroll = document.body.scrollTop; }
	if(thetitle)document.getElementById("photo").title = " " + thetitle + " ";
	document.getElementById("photo").style.top = scroll + ClientHeight/2 - hoogte/2 - 10 + "px";
	document.getElementById("photo").style.width = breedte + "px";
	document.getElementById("photo").style.height = hoogte + "px";
	document.getElementById("photo").style.background = "#282828 url("+photo+")";
	if (transparent!=-1) {
		document.getElementById("photo").style.border= 0;
		document.getElementById("photo").style.top = scroll + ClientHeight/2 - hoogte/2  + "px";
		document.getElementById("photo").style.left = ClientWidth/2 - breedte/2 + 10 +"px";
		try { document.getElementById("photo").style.background = "url("+photo+")"; } catch(err) {}
		transparent = -1;
	} else { 
		document.getElementById("photo").style.border = "10px solid #fff"; 
	}
	if (textID) {
		if(document.getElementById(textID).className=="blogtext") {
			document.getElementById(textID).style.top = scroll + ClientHeight/2 - hoogte/2 + 290 + "px";
			document.getElementById(textID).style.left = ClientWidth/2 - breedte/2 + 46 + "px";
			document.getElementById(textID).style.width = breedte - 64 + "px";
			document.getElementById(textID).style.height = hoogte - 64 + "px";
		} else {
			document.getElementById(textID).style.top = scroll + ClientHeight/2 + hoogte/2 + 14 + "px";
			document.getElementById(textID).style.left = ClientWidth/2 - breedte/2 + "px";
			document.getElementById(textID).style.width = breedte + "px";
		}
		document.getElementById(textID).style.display = "block";
	}
	document.getElementById("photobackground").style.width = pageWidth + "px";
	document.getElementById("photobackground").style.height = pageHeight + "px";
	document.getElementById("photobackground").style.display = "block";
}

function hidePhoto(textID) {
	textID = textID || 0;
	document.getElementById("photobackground").style.display = "none";
	for (var i=1; i <= 31; i++) {
		try {document.getElementById(i).style.display = "none";} catch(err) {}
	}
	try {
		document.getElementById("phototext").style.display = "none";
		document.getElementById("phototext").innerHTML = "";
	} catch(err) {}
	try { document.getElementById("photo").title = ""; } catch(err) {}
	try { document.getElementById("media").className="show"; } catch(err) {}
}

function getPageSize(){

	var xScroll, yScroll, pageHeight, pageWidth, arrayPageSize;

	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ // Explorer 6 strict mode
		xScroll = document.documentElement.scrollWidth;
		yScroll = document.documentElement.scrollHeight;
	} else { // Explorer Mac...would also work in Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}

	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	

	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function ShowMedia(Timeout) {
	if(Timeout==1) {
		document.getElementById('media').style.margin = 0;
	} else {
		setTimeout("document.getElementById('media').style.margin = 0",Timeout);
	}
}

function sh(id) {try{document.getElementById(id).style.display = "block";} catch(err) {}}
function hd(id) {try{document.getElementById(id).style.display = "none";} catch(err) {}}

//-->