var xmlHttp
var xmlHttp2

function openWindow(url) {
	window.open(url);
}

function loadMedia() {
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="php/getMedia.php";
	url=url+"?id=" + pageId;
	url=url+"&qid="+Math.random();
		
	xmlHttp.onreadystatechange=stateChangedGetMedia
	
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
}

function stateChangedGetMedia() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		var mediaData = xmlHttp.responseText.split("||**||");
		document.getElementById('mediaObjects').innerHTML = "";
		if (mediaData[0] != "") {
			document.getElementById('mediaObjects').innerHTML = mediaData[0];
			dragsort.makeListSortable(document.getElementById("listMedia"), setHandle);

			mediaIds = mediaData[1].split(",");
			for (i=0; i<mediaIds.length; i++) {
				join("mediaInfo_" + mediaIds[i], "editBtn" + mediaIds[i], "saveBtn" + mediaIds[i]);
			}
		}
	}
}

function loadPortrait() {
	xmlHttp2=GetXmlHttpObject()
	if (xmlHttp2==null) {
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="php/getPortrait.php";
	url=url+"?id=" + pageId;
	url=url+"&qid="+Math.random();
	
	xmlHttp2.onreadystatechange=stateChangedGetPortrait
	
	xmlHttp2.open("GET",url,true)
	xmlHttp2.send(null)
}

function stateChangedGetPortrait() {
	if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") { 
		document.getElementById('mediaPortrait').innerHTML = "";
		if (xmlHttp2.responseText != "") {
			document.getElementById('mediaPortrait').innerHTML = xmlHttp2.responseText;
		}
	}
}

function addslashes(str) {
	return str.replace(/("|'|\\)/g, "\\$1");
}

function editMedia(mediaVals) {	
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request")
		return
	}
	 
	for (var i=0; i<mediaVals.length; i++) {
		mediaVals[i] = mediaVals[i].replace(/&/g, '*AMP*');
		mediaVals[i] = mediaVals[i].replace(/\n/g, '*NL*');
	}
	
	var url="php/editMedia.php";
	url=url+"?values=" + mediaVals;
	url=url+"&qid="+Math.random();
		
	xmlHttp.onreadystatechange=stateChangedEditMedia
	
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
}

function stateChangedEditMedia() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		loadMedia();
	}
}

function reOrderItems(listId, listOrder) {	
	if (listId == "listChapters") {
		var listType = "chapters";
	} else if (listId == "listPages") {
		var listType = "pages";
	} else if (listId == "listMedia") {
		var listType = "media";
	}

	
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request")
		return
	} 
	var url="php/editRanks.php";
	url=url+"?type=" + listType + "&list=" + listOrder;
	url=url+"&qid="+Math.random();
		
	xmlHttp.onreadystatechange=stateChangedEditRanks
	
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
}

function stateChangedEditRanks() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		//document.getElementById('testOutput').innerHTML = xmlHttp.responseText
	}
}

function showForm() {
	document.getElementById('portraitUpload').style.display = "block";
}

function hideForm() {
	document.getElementById('portraitUpload').style.display = "none";
}


function showPortraitForm() {
	window.frames['mediaIframe'].showForm();
}

function hidePortraitForm() {
	window.frames['mediaIframe'].hideForm();
}


function removeMedia(id, mediaType) {
	var answer = confirm("Dit bestand verwijderen?")
	if (answer) {	
		xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null) {
			alert ("Browser does not support HTTP Request")
			return
		} 
		var url="php/removeMedia.php";
		url=url+"?id=" + id;
		url=url+"&qid="+Math.random();
		
		xmlHttp.onreadystatechange=stateChangedRemoveMedia
		
		xmlHttp.open("GET",url,true)
		xmlHttp.send(null)
		
		if (mediaType == "portrait") {
			window.frames['portraitIframe'].enablePortrait();
		}
	}
}

function stateChangedRemoveMedia() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
		//document.getElementById('testOutput').innerHTML = xmlHttp.responseText
		loadMedia();
		loadPortrait();
	}
}

function GetXmlHttpObject() { 
	var objXMLHttp=null
	if (window.XMLHttpRequest) {
		objXMLHttp=new XMLHttpRequest()
	} else if (window.ActiveXObject) {
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	return objXMLHttp
}  

function getMedia() {
	if (window.parent.pageId != 0) {
		window.parent.loadMedia();
		document.getElementById('uploadForm').pageId.value = window.parent.pageId;
	}
}

function getPortrait() {
	if (window.parent.pageId != 0) {
		window.parent.loadPortrait();
		document.getElementById('uploadFormPortrait').pageId.value = window.parent.pageId;
	}
}


function checkMediaType(field, set) {
	if (set == "portrait") {
		if (field.value != "") {
			document.getElementById('mediaFile').disabled = true;
			document.getElementById('title1').disabled = true;
			document.getElementById('caption1').disabled = true;
		} else {
			document.getElementById('mediaFile').disabled = false;
			document.getElementById('title1').disabled = false;
			document.getElementById('caption1').disabled = false;
		}
	} else if (set == "object") {
		if (field.value != "") {
			document.getElementById('mediaPortrait').disabled = true;
		} else {
			document.getElementById('mediaPortrait').disabled = false;
		}		
	}
	//target.getElementsByTagName('select')[0].disabled = true;
	//target.getElementsByTagName('input')[0].disabled = true;
}

function disablePortrait() {
	document.getElementById('mediaPortrait').disabled = true;
}

function enablePortrait() {
	document.getElementById('mediaPortrait').disabled = false;
}


function setNewRegion(regionVal) {
	document.getElementById('editPage').region.value = regionVal;
}

function submitAddComment() {
	var errors = new Array();

	if (document.getElementById('addCommentForm').commentText.value == "") errors.push("comment");
	if (errors.length > 0) {
		errorString = errors.join("\n");
		errorMsg = "Wilt u de volgende velden invullen?:\n" + errorString;
		alert(errorMsg);
		return false;
	} else {
		return true;
	}
}


function upload() {
	
	var errors = new Array();
	if (document.getElementById('uploadForm').media.value == "") errors.push("Bestand"); // file
	if (errors.length > 0) {
		errorString = errors.join("\n");
		errorMsg = "Wilt u de volgende velden invullen?:\n" + errorString;
		alert(errorMsg);
	} else {
		document.getElementById('uploadFormHolder').style.display = "none";
		document.getElementById('uploading').style.display = "block";
		document.getElementById('uploadForm').submit();
	}
}



function uploadPortrait() {
	var errors = new Array();
	
	if (document.getElementById('uploadFormPortrait').mediaPortrait.value == "") errors.push("Bestand"); // file
	if (errors.length > 0) {
		errorString = errors.join("\n");
		errorMsg = "Wilt u de volgende velden invullen?:\n" + errorString;
		alert(errorMsg);
	} else {
		document.getElementById('uploadFormHolder').style.display = "none";
		document.getElementById('uploading').style.display = "block";

		document.getElementById('uploadFormPortrait').submit();
	}
}

function submitEditObject() {
	var errors = new Array();
	var editPageFormEl = document.getElementById('editPage');
	if (editPageFormEl.title1.value == "") errors.push('Titel');
	if (editPageFormEl.text1.value == "") errors.push('Beschrijving'); // description text
	if ((editPageFormEl.region.value == "0") || (editPageFormEl.region.value == "")) errors.push('Locatie'); // location
	if (editPageFormEl.timeperiod.value == "null") errors.push('Tijdsperiode'); // time period
	if (editPageFormEl.text1.value == "") errors.push('Beschrijving'); // description text
	if (editPageFormEl.text1.value == "") errors.push('Uw naam'); // name
	if ((editPageFormEl.street.value == "straat") || (editPageFormEl.street.value == "")) errors.push('Straat');
	if ((editPageFormEl.postcode.value == "postcode") || (editPageFormEl.postcode.value == "")) errors.push('Postcode');
	if ((editPageFormEl.city.value == "stad") || (editPageFormEl.city.value == "")) errors.push('Stad');
	
	if (errors.length > 0) {
		errorString = errors.join("\n");
		errorMsg = "Wilt u de volgende velden invullen?:\n" + errorString;
		alert(errorMsg);
		return false;
	} else {
		return true;
	}
}

function submitSaveObject() {
	var errors = new Array();
	var editPageFormEl = document.getElementById('editPage');
	if (editPageFormEl.title1.value == "") errors.push('Titel');
	if (editPageFormEl.text1.value == "") errors.push('Beschrijving');
	if ((editPageFormEl.region.value == "0") || (editPageFormEl.region.value == "")) errors.push('Locatie');
	if (editPageFormEl.timeperiod.value == "null") errors.push('Tijdsperiode');
	if (editPageFormEl.text1.value == "") errors.push('Uw naam'); // name
	if ((editPageFormEl.street.value == "straat") || (editPageFormEl.street.value == "")) errors.push('Straat');
	if ((editPageFormEl.postcode.value == "postcode") || (editPageFormEl.postcode.value == "")) errors.push('Postcode');
	if ((editPageFormEl.city.value == "stad") || (editPageFormEl.city.value == "")) errors.push('Stad');
	
	if (errors.length > 0) {
		errorString = errors.join("\n");
		errorMsg = "Wilt u de volgende velden invullen?:\n" + errorString;
		alert(errorMsg);
	} else {
		document.getElementById('editPage').formAction.value = "save";
		document.getElementById('editPage').submit();
	}
}

function invalidFileFormat() {
	alert('Ongeldig bestandstype: alleen .jpg, .gif en .png '); // invalid file type
}

function popWin(popUrl) {
	window.open(popUrl);
}

function showColorPortrait(img, path) {
	img.src = path;

}

function showBwPortrait(img, path) {
	img.src = path;
}

function showColor(num, path) {
	document.getElementById('img' + num).src = path;
	/*
	if ((document.getElementById('img' + num + 'Color')) && (document.getElementById('img' + num))) { 
		document.getElementById('img' + num + 'Color').style.display = "inline";
		document.getElementById('img' + num).style.display = "none";
	}
	*/
}

function showBw(num, path) {
	document.getElementById('img' + num).src = path;
	/*
	if ((document.getElementById('img' + num + 'Color')) && (document.getElementById('img' + num))) { 
		document.getElementById('img' + num + 'Color').style.display = "none";
		document.getElementById('img' + num).style.display = "inline";
	}
	*/
}

function resizeImg(num, side) {
	
	var imgDiv = document.getElementById('photo' + num);
	var imgEl = document.getElementById('img' + num);
	if (side == "w") {
		if (imgEl.style.width == "950px") {
			imgEl.style.width = "450px";
			imgDiv.style.height = initHeight + "px";
		} else {
			imgEl.style.width = "950px";
			imgDiv.style.height = "auto";
		}
	} else if (side == "h") {
		if (imgEl.style.height == "950px") {
			imgEl.style.height = "450px";
			imgDiv.style.height = initHeight + "px";
		} else {
			imgEl.style.height = "950px";
			imgDiv.style.height = "auto";
		}
	}
}


function reloadCaptcha() {
	document.getElementById('image').src = 'captcha/securimage_show.php?sid=' + Math.random(); 
}

function invalidCaptcha() {
	alert('De ingevulde karakters zijn niet correct, probeer het nog een keer');
}

function filterobjects(filter, id) {
	if (id != 0) {
		window.location = "objects.php?" + filter + "=" + id;
	} else {
		window.location = "objects.php";	
	}
}

function embedFlv(thumb, videofile, videoid, containerid, vidwidth, vidheight) {
	var flashvars = {
		imagePath: thumb,
		videoPath: videofile,
		autoStart: "false",
		autoHide: "true",
		autoHideTime: "2",
		hideLogo: "true",
		volAudio: "60",
		newWidth: vidwidth,
		newHeight: vidheight,
		disableMiddleButton: "true",
		playSounds: "false",
		soundBarColor: "0x3F3F3F",
		barColor: "0x3F3F3F",
		barShadowColor: "0x5C5C5C",
		subbarColor: "0x8C8C8C"
	};
	var params = {
		allowFullScreen: "true"
	};
	var attributes = {
		id: videoid,
		name: videoid
	};
	swfobject.embedSWF("http://mijndenhaag.org/flash/flvPlayer.swf", containerid, vidwidth, vidheight, "9.0.0", '', flashvars, params, attributes);
}