var picname_in;
var picname_arr;
var picname;
var picprops;
var picprops_arr;
var picsize;
var picsize_arr;
var picwidth;
var picheight;

function showpic_a(picname_in){
	// picture.jpg?<width>x<height>!<id>
	picname_arr = picname_in.split("?");
	picname = picname_arr[0];
	picprops = picname_arr[1];

	picprops_arr = picprops.split("!");
	picsize = picprops_arr[0];

	picsize_arr = picsize.split("x");
	picwidth = picsize_arr[0];
	picheight = picsize_arr[1];

	return '<a href="../pictures/large/'+picname+'" target="_blank" onclick="window.open(this.href,\''+picname+'\',\'width='+picwidth+',height='+picheight+'\'); return false;"><img src="../pictures/small/'+picname+'" alt="'+picname+'" title="Miniatuur van '+picname+', klik voor groter" border="0" /></a>';
}

function showpic_pagina(picname_in){

	// picture.jpg?<width>x<height>!<id>
	picname_arr = picname_in.split("?");
	picname = picname_arr[0];
	picprops = picname_arr[1];

	picprops_arr = picprops.split("!");
	picsize = picprops_arr[0];

	picsize_arr = picsize.split("x");
	picwidth = picsize_arr[0];
	picheight = picsize_arr[1];

	return '<a href="../pictures/large/'+picname+'" target="_blank" onclick="window.open(this.href,\''+picname+'\',\'width='+picwidth+',height='+picheight+'\'); return false;"><img src="../pictures/small/'+picname+'" alt="'+picname+'" title="Thumbnail van '+picname+', klik voor groter" border="0" /></a>'
}

function showpictxt_pagina(picname_in){
	// picture.jpg?<width>x<height>!<id>
	picname_arr = picname_in.split("?");
	picname = picname_arr[0];
	picprops = picname_arr[1];

	picprops_arr = picprops.split("!");
	picsize = picprops_arr[0];

	picsize_arr = picsize.split("x");
	picwidth = picsize_arr[0];
	picheight = picsize_arr[1];

	return '<textarea cols="69" rows="4"><a href="pictures/large/'+picname+'" target="_blank" onclick="window.open(this.href,\''+picname+'\',\'width='+picwidth+',height='+picheight+'\'); return false;"><img src="pictures/medium/'+picname+'" alt="'+picname+'" title="Medium van '+picname+', klik voor groter" border="0" /></a></textarea>';
}

function showpic(picname_in){
	// picture.jpg?<width>x<height>!<id>
	picname_arr = picname_in.split("?");
	picname = picname_arr[0];
	picprops = picname_arr[1];

	picprops_arr = picprops.split("!");
	picsize = picprops_arr[0];

	picsize_arr = picsize.split("x");
	picwidth = picsize_arr[0];
	picheight = picsize_arr[1];

	return '<a href="pictures/large/'+picname+'" target="_blank" onclick="window.open(this.href,\''+picname+'\',\'width='+picwidth+',height='+picheight+'\'); return false;"><img src="pictures/medium/'+picname+'" alt="'+picname+'" title="Medium van '+picname+', klik voor groter" border="0" /></a>';
}

var preload_arr = new Array();
var x;
var pic;
function PreloadImg(preload_arr) {
	if (document.images) {
		for (x in preload_arr) {
//			window.alert(preload_arr[x]);
			pic = new Image();
			pic.src = preload_arr[x];
		}
	}
}

startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

function confirmSubmit(){
	var agree=confirm("Weet u het zeker? Deze actie kan niet ongedaan gemaakt worden!");
	if (agree)
		return true;
	else
		return false;
}

function insertText(elname, what) {
	if (document.getElementById(elname).createTextRange) {
		tinyMCE.execInstanceCommand("mce_tekst_0", "mceFocus");
		document.selection.createRange().duplicate().text = what;
	} else if ((typeof document.getElementById(elname).selectionStart) != 'undefined') { // for Mozilla
		var tarea = document.getElementById(elname);
		var selEnd = tarea.selectionEnd;
		var txtLen = tarea.value.length;
		var txtbefore = tarea.value.substring(0,selEnd);
		var txtafter =  tarea.value.substring(selEnd, txtLen);
		var oldScrollTop = tarea.scrollTop;
		tarea.value = txtbefore + what + txtafter;
		tarea.selectionStart = txtbefore.length + what.length;
		tarea.selectionEnd = txtbefore.length + what.length;
		tarea.scrollTop = oldScrollTop;
		tinyMCE.execInstanceCommand("mce_tekst_0", "mceFocus");
	} else {
		document.getElementById(elname).value += what;
		tinyMCE.execInstanceCommand("mce_tekst_0", "mceFocus");
	}
}

function addText(elname, wrap1, wrap2) {
// elname = element  name
// wrap1 = text before selection
// wrap2 = text after selection
	tinyMCE.triggerSave();

	if (document.selection) { // for IE 
//		tinyMCE.execInstanceCommand("mce_tekst_0", "mceFocus");
		var str = document.selection.createRange().text;
		var sel = document.selection.createRange();
		sel.text = wrap1 + str + wrap2;
//		document.getElementById(elname).text = wrap1 + str + wrap2;
		return;
	} else if ((typeof document.getElementById(elname).selectionStart) != 'undefined') { // for Mozilla
		var txtarea = document.getElementById(elname);
		var selLength = txtarea.textLength;
		var selStart = txtarea.selectionStart;
		var selEnd = txtarea.selectionEnd;
		var oldScrollTop = txtarea.scrollTop;
		//if (selEnd == 1 || selEnd == 2)
		//selEnd = selLength;
		var s1 = (txtarea.value).substring(0,selStart);
		var s2 = (txtarea.value).substring(selStart, selEnd)
		var s3 = (txtarea.value).substring(selEnd, selLength);
		txtarea.value = s1 + wrap1 + s2 + wrap2 + s3;
		txtarea.selectionStart = s1.length;
		txtarea.selectionEnd = s1.length + s2.length + wrap1.length + wrap2.length;
		txtarea.scrollTop = oldScrollTop;
		tinyMCE.execInstanceCommand("mce_tekst_0", "mceFocus");
		return;
	} else {
		insertText(elname, wrap1 + wrap2);
	}
}

function plaatsplaatje(elname){
	tinyMCE.triggerSave();
	// let's get the correct and selected item first.
	var el = document.getElementById(elname);
	var el_Index = el.selectedIndex;
	var image_value = el[el_Index].value;
	if (trim(image_value) == '') {
		return false;
	}	
	
	// picture.jpg?<width>x<height>!<id>
	picname_arr = image_value.split("?");
	picname = picname_arr[0];
	picprops = picname_arr[1];

	picprops_arr = picprops.split("!");
	picsize = picprops_arr[0];

	picsize_arr = picsize.split("x");
	picwidth = picsize_arr[0];
	picheight = picsize_arr[1];

	wrap1 = '<a href="/pictures/large/'+picname+'" target="_blank" onclick="window.open(this.href,\''+picname+'\',\'width='+picwidth+',height='+picheight+'\'); return false;"><img src="/pictures/medium/'+picname+'" alt="'+picname+'" title="Medium van '+picname+', klik voor groter" border="0" />';
	wrap2 =  "</a>";
	tinyMCE.execCommand('mceInsertContent',false,wrap1);
	return false;
}


function trim(value) {
  value = value.replace(/^\s+/,'');
  value = value.replace(/\s+$/,'');
  return value;
}