function swapVisible(divID){
	tDiv = document.getElementById(divID);
	if(tDiv.style.display == 'none'){
		turnon(divID, 'inline');
//		tDiv.style.display = 'inline';
	}else{
		turnoff(divID);
//		tDiv.style.display = 'none';
	}	
}

function fillInner(tgtElm, chkElmId, onTxt, offTxt){
	chkElm = document.getElementById(chkElmId);
	if (chkElm.style.display=='none'){
		innerTxt = offTxt;
	}else{
		innerTxt = onTxt;
	}
	tgtElm.innerHTML = innerTxt;
}

function turnon(divID, disp){
	tDiv = document.getElementById(divID);
	tDiv.style.display = disp;
}

function turnoff(divID){
	tDiv = document.getElementById(divID);
	tDiv.style.display = 'none';
}

function swapVisibleMap(divID){
	tDiv = document.getElementById(divID);
	if(tDiv.style.display == 'none'){
		tDiv.style.display = 'inline';
		tDiv.style.width = '240px';
		tDiv.style.height = '320px';
	}else{
		tDiv.style.display = 'none';
	}	
}

function removeVisibleMap(imageID, divID){
	tDiv = document.getElementById(divID);
	tDiv.style.display = 'none';
	setImageField(imageID, 'showGeo' , 0);
}

function swapDiv(divID){
	lastChar = divID.charAt(divID.length-1);
	base = divID.substr(0, divID.length-1);
	if(lastChar == 'v'){
		document.getElementById(divID).style.display='none';
		document.getElementById(base+'e').style.display='';
		document.getElementById(base+'ei').selectionEnd=0;
		document.getElementById(base+'ei').focus();
	}else{
		if(lastChar == 'e'){
			document.getElementById(divID).style.display='none';
			document.getElementById(base+'v').style.display='';
		}
	}
}

function goto(imageID, imageCode){
	document.location.href='/view/'+imageID+'-'+imageCode+'/1';
}

function deleteImage(imageID, tgtID){
	iElm = document.getElementById("prvImg_"+imageID);
	elmHeight = parseInt(iElm.style.height);

	divid = tgtID + imageID;
	tDiv = document.getElementById(divid);
	if(	tDiv.style.display == 'block'){
		tDiv.style.display = 'none';
		return;
	}
	tDiv.style.padding = '3px';
	tDiv.style.width = '160px';
	tDiv.style.height = '46px';
	tDiv.style.left = '34px';
	tDiv.style.top = (15 + elmHeight)+'px';
	tDiv.style.display = 'block';
	
	deleteInner = ' <div style="display:inline; color: rgb(192,0,0); font-weight: bold;">Afbeelding verwijderen?</div><br> ';
	deleteInner += '<input type="button" value=" JA " onclick="ajaxDeleteImage('+imageID+')">';
	deleteInner += ' <input type="button" value=" annuleren " onclick="elm.style.display=\'none\';"> ';
	tDiv.innerHTML = deleteInner;

	elm = tDiv;
	
}

function askdeleteReaction(reactionID){
	tip = document.getElementById('tip_'+reactionID);
	tip.style.display = 'inline';
	//shrinkElm(\'reaction_'.$reaction["ID"].'\');
}

function deleteCollection(collectionID, tgtID){
	iElm = document.getElementById("prvCol_"+collectionID);
	elmHeight = parseInt(iElm.style.height);

	divid = tgtID + collectionID;
	tDiv = document.getElementById(divid);
	if(	tDiv.style.display == 'block'){
		tDiv.style.display = 'none';
		return;
	}
	tDiv.style.padding = '3px';
	tDiv.style.width = '160px';
	tDiv.style.height = '46px';
	tDiv.style.left = '34px';
	tDiv.style.top = (15 + elmHeight)+'px';
	tDiv.style.display = 'block';
	
	deleteInner = ' <div style="display:inline; color: rgb(192,0,0); font-weight: bold;">Collectie verwijderen?</div><br> ';
	deleteInner += '<input type="button" value=" JA " onclick="ajaxDeleteCollection('+collectionID+')">';
	deleteInner += ' <input type="button" value=" annuleren " onclick="elm.style.display=\'none\';"> ';
	tDiv.innerHTML = deleteInner;

	elm = tDiv;
	
}

function changeCollection(imageID, tgtID){
	divid = tgtID + imageID;
	tDiv = document.getElementById(divid);

	dividInner = tgtID + "Inner" + imageID;
	tDivInner = document.getElementById(dividInner);

	if(	tDiv.style.display == 'block'){
		tDiv.style.display = 'none';
		return;
	}
	tDiv.style.display = 'block';
	
	elm = tDivInner;
	updateCollectionsDiv(imageID, tgtID);
	colselDiv = document.getElementById('colsel_'+imageID);
}

function swapPrivate(imageID, tgtID){
	ajaxSwapPrivate(imageID);
	ppDiv = document.getElementById('prpu_'+imageID);
	if(ppDiv.className == "public"){
		ppDiv.className = "private";
		ppDiv.innerHTML = "priv&eacute;";
	}else{
		ppDiv.className = "public";
		ppDiv.innerHTML = "publiek";
	
	}
}

function swapReaction(imageID){
	urlElm = document.getElementById('imgUrls');
	reactElm = document.getElementById('reactions');
	
	if(urlElm.style.display == 'none'){
		urlElm.style.display = 'block';
		reactElm.style.display = 'none';
	}else{
		urlElm.style.display = 'none';
		reactElm.style.display = 'block';
	}
}
function saveImgData(imageID){
	setImageField(imageID, 'title' , document.getElementById('inp_title').value);
	setImageField(imageID, 'description' , document.getElementById('inp_description').value);
	if(document.getElementById('inp_collection_hidden').value.length > 0){
		setImageField(imageID, 'collection' , document.getElementById('inp_collection_hidden').value);
	}else{
		setImageField(imageID, 'tagid' , document.getElementById('inp_collection').options[document.getElementById('inp_collection').selectedIndex].value);
	}
	if(document.getElementById('inp_public').checked){
		setImageField(imageID, 'public' , 0);
	}else{
		setImageField(imageID, 'public' , 1);
	}
}

function selectMe(elm){
	elm.focus();
	elm.select();
}

function hover(element){
	element.style.orgcolor=	element.style.color;
	element.style.color='rgb(255,255,255)';
	element.style.backgroundColor='rgb(32,64,192)';
}

function hoverout(element){
	element.style.color=element.style.orgcolor;//'rgb(128,128,128)';
	element.style.backgroundColor='rgb(255,255,255)';
}

function showsearch(){
	sDiv = document.getElementById("search");
	if(sDiv.style.display=="none"){
		sDiv.style.display="inline";
	}else{
		sDiv.style.display="none";
	}
}

function getXmlTag(xmlString, tagName){
	var text=xmlString;
	
	// code for IE
	if (window.ActiveXObject){
	  var doc=new ActiveXObject("Microsoft.XMLDOM");
	  doc.async="false";
	  doc.loadXML(text);
	}else{	// code for Mozilla, Firefox, Opera, etc.
	  var parser=new DOMParser();
	  var doc=parser.parseFromString(text,"text/xml");
  }
	
	// documentElement always represents the root node
	var xmlDoc=doc.documentElement;

	var x=xmlDoc.getElementsByTagName('imgprop');
	
	for (i=0;i<x.length;i++){
		if(x[i].getAttribute('key')==tagName){
			return x[i].childNodes[0].nodeValue;
		}
	}
}	

function getSize(byteSize){
	if(byteSize < 1024){
 		return (Math.round(byteSize*100)/100)+" bytes";
	}else{
		byteSize = byteSize / 1024;
		if(byteSize < 1024){
	 		return (Math.round(byteSize*100)/100)+" KB";
		}else{
			byteSize = byteSize / 1024;
			if(byteSize < 1024){
		 		return (Math.round(byteSize*100)/100)+" MB";
			}else{
				byteSize = byteSize / 1024;
		 		return (Math.round(byteSize*100)/100)+" GB";
			}
		}
	}
}

function setTotalBytes(files, uploadTotalBytes){
	document.getElementById("fileCount").innerHTML = uploadTotalFiles + " files";
	document.getElementById("byteCount").innerHTML = getSize(uploadTotalBytes);
}

function handleCollection(elm){
	if(elm.value=='new'){
		elm.style.display='none';
		newElm = document.getElementById('inp_collection_hidden');
		newElm.style.display='inline';
	}
}

function addslashes(str) {
str=str.replace(/\'/g,'\\\'');
str=str.replace(/\"/g,'\\"');
str=str.replace(/\\/g,'\\\\');
str=str.replace(/\0/g,'\\0');
return str;
}
function stripslashes(str) {
str=str.replace(/\\'/g,'\'');
str=str.replace(/\\"/g,'"');
str=str.replace(/\\\\/g,'\\');
str=str.replace(/\\0/g,'\0');
return str;
}

function shrinkElm(elmID){
	elm = document.getElementById(elmID);
	elmHeight = elm.clientHeight;
	newHeight = elmHeight;
	if(newHeight>2){
		setInterval('newHeight = newHeight/2; if(newHeight>.1) { elm.style.height = newHeight + "px" } else{clearInterval()};', 30);
	}

}