var img_mo = new Array();
var suf_mo = '_mo';

var agt=navigator.userAgent.toLowerCase();
var i=agt.indexOf("msie");
var is_ie = ((i != -1) && (agt.indexOf("opera") == -1));
var ie_ver = is_ie ? agt.substr(i+5,1) : 0;
var save_content='';

function initsite() {
	for(var i=0;arguments[i] != null;i++) preload_img('/images/'+arguments[i]);
}
function preload_img(url) {
	var i=img_mo.length;
	img_mo[i]=new Image;
	img_mo[i].src=url;
}
function split_url(str) {
	var i=str.lastIndexOf('.');
	if (i<0) return [str];
	var end=str.substr(i);
	str=str.substr(0,i);
	var is_mo=false;
	while (str.substr(str.length-suf_mo.length)==suf_mo) { is_mo=true; str=str.substr(0,str.length-suf_mo.length); }
	return [str,end,is_mo];
}
function init_img_mo(ref) {
	if (document.images && ref.src) {
		var parts=split_url(ref.src);
		if (parts[2]) return;
		preload_img(parts[0]+suf_mo+parts[1]);
		ref.onmouseover=function() {img_mover(this);};
		ref.onmouseout=function() {img_mout(this);};
	}
}
function img_mover(ref) {
	var parts=split_url(ref.src);
	ref.src=parts[0]+suf_mo+parts[1];
}
function img_mout(ref) {
	var parts=split_url(ref.src);
	ref.src=parts[0]+parts[1];
}
function writeNav(ref) {	
	var nav=writeContent(ref,'navigatie');
	var tags=nav.getElementsByTagName('DIV');
	for(var i=0; i<tags.length; i++) {
		var t=tags[i];
		if (t.className=='item' && t.getElementsByTagName('DIV').length) {
			t.onmouseover=function() { showSub(this,true); };
			t.onmouseout=function() { showSub(this,false); };
		}
	}
	tags=nav.getElementsByTagName('IMG');
	for(var i=0; i<tags.length; i++) {
		if (tags[i].className != 'noMO' ) init_img_mo(tags[i]);
	}
}
function writeContent(ref,id) {
	var el=document.getElementById(id);
	el.innerHTML=ref.innerHTML;
	return el;
}
function showSub(ref,state) {
	if (ref.className=='item') {
		var childs=ref.getElementsByTagName('DIV');
		if (childs.length) childs[0].style.visibility=state? 'inherit' :'hidden';
	}
}
function initThumbs() {
	var el=document.getElementById('thumbs');
	if (el) {
		var tags=el.getElementsByTagName('IMG');
		for(var i=0; i<tags.length; i++) {
			var t=tags[i];
			t.onmousedown=function() { showPicture(this,'thumbs'); };
		}
	}	
}
function showPicture(ref,id) {
	var el=document.getElementById(id);
	if (el) {
		save_content=el.innerHTML;
		el.innerHTML='<table class="picture_outer"><tr><td><img class="picture" src="'+ref.src.replace(/-thumb/g,"")+'"></td><td><a onmouseover="img_mover(this.firstChild);" onmouseout="img_mout(this.firstChild);" id="sluit" href="javascript:hidePicture(\''+id+'\');"><img src="/images/sluit.jpg">Sluit</a></td></tr></table>';
		init_img_mo(document.getElementById('sluit'));
	}
}
function hidePicture(id) {
	var el=document.getElementById(id);
	if (el) el.innerHTML=save_content;
	initThumbs();
}
function fixIE6flicker(fix) {
	try {
		document.execCommand("BackgroundImageCache", false, fix);
	} catch(err) { }
}
fixIE6flicker(true);

function fixPNG(img) {
	if (!is_ie || ie_ver >= 7) return;
	var src=img.src;
	if (src.substr(src.length-4)=='.gif') return;
	img.style.width = img.width + "px";
	img.style.height = img.height + "px";
	img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='scale')";
	img.src = '/images/blank.gif';
};