// JavaScript Document

function showtr(id)
{
	
	/* Controle HTML element */
	if( document.getElementById(id) != null ){
	
		if( document.getElementById(id).style.display == 'none' && document.getElementById(id).style.visibility == 'hidden' ){
			
			document.getElementById(id).style.display = '';
			document.getElementById(id).style.visibility = '';
		
		} else {
			document.getElementById(id).style.display = 'none';
			document.getElementById(id).style.visibility = 'hidden'
		}
		
	}

}

/* Choose avatar */
function chooseAvatar(id)
{
	
	if( id == 'avatar1' ){
		
		/* Activeer gekozen avatar */
		document.images.avatar1.style.border = '1px solid #E7396E';
		document.images.avatar2.style.border = 'none';
		document.images.avatar3.style.border = 'none';
		document.images.avatar4.style.border = 'none';
		document.images.avatar5.style.border = 'none';
	
	} else if( id == 'avatar2' ){
		
		/* Activeer gekozen avatar */
		document.images.avatar2.style.border = '1px solid #E7396E';
		document.images.avatar1.style.border = 'none';
		document.images.avatar3.style.border = 'none';
		document.images.avatar4.style.border = 'none';
		document.images.avatar5.style.border = 'none';		
	
	} else if(id == 'avatar3'){
		
		/* Activeer gekozen avatar */
		document.images.avatar3.style.border = '1px solid #E7396E';
		document.images.avatar1.style.border = 'none';
		document.images.avatar2.style.border = 'none';
		document.images.avatar4.style.border = 'none';
		document.images.avatar5.style.border = 'none';		
	
	} else if(id == 'avatar4'){
		
		/* Activeer gekozen avatar */
		document.images.avatar4.style.border = '1px solid #E7396E';
		document.images.avatar1.style.border = 'none';
		document.images.avatar2.style.border = 'none';
		document.images.avatar3.style.border = 'none';
		document.images.avatar5.style.border = 'none';		
	
	} else if(id == 'avatar5'){
		
		/* Activeer gekozen avatar */
		document.images.avatar5.style.border = '1px solid #E7396E';
		document.images.avatar1.style.border = 'none';
		document.images.avatar2.style.border = 'none';
		document.images.avatar3.style.border = 'none';
		document.images.avatar4.style.border = 'none';		
	}	
	
	/* Gekozen avatar opslaan */
	document.subScribe.itemAvatar.value = id;
}

/* Sorteer nummers */
function sortNumber(a,b)
{
	return a - b;
}

/* DIV heights (grootste) */
function DIVheight()
{
	
	/* Hoogte ophalen */
	if( document.getElementById("leftSide") != null && document.getElementById("rightSide") != null ){
		
		colLength = new Array(1);
		colLength[0] = document.getElementById("leftSide").offsetHeight;
		colLength[1] = document.getElementById("rightSide").offsetHeight;
		
		colLength.sort(sortNumber);
		colLength.reverse();
		
		divLen = colLength[0];
		//divLen = divLen + 79;
		
		/* Nieuwe hoogte toewijzen */
		document.getElementById("leftSide").style.height = divLen+"px";
		document.getElementById("rightSide").style.height = divLen+"px";
		
		
	}	
	
}

/* Design upload */
function startUpload()
{
	document.getElementById('uploadProcess').style.visibility = 'visible';
	document.getElementById('uploadProcess').style.display = '';
	document.uploadDesign.style.visibility = 'hidden';
	document.uploadDesign.style.display = 'none';
	return true;
}

function stopUpload(sysCode, sysMss)
{
	var result = '';
	
	if (sysCode == 1){
		document.getElementById('uploadResults').innerHTML = sysMss;
	} else {
		document.getElementById('uploadResults').innerHTML = sysMss;
	}
	
	return true;
}