// JavaScript Document

function showLeesboek(tonen){
	if(tonen == "Y"){
		document.getElementById("topLayer_template_content_leesboek").style.display="block";
		document.getElementById("content_middle_right").style.display="none";
		document.getElementById("content_middle_left").style.display="none";
		document.getElementById("topLayer_template_content_leesboek_btn").style.display="none";
	}else{
		document.getElementById("topLayer_template_content_leesboek").style.display="none";
		document.getElementById("content_middle_right").style.display="block";
		document.getElementById("content_middle_left").style.display="block";
		document.getElementById("topLayer_template_content_leesboek_btn").style.display="block";
	}
}

function changeImage(element,new_image, type){
	if(type == "Image"){
		element.src = "../images/"+new_image+"";
	}else{
		element.style.backgroundImage = "url(../images/"+new_image+")";
	}
}

function display(elm, status){
	document.getElementById(elm).style.display = status;
}

function showValidator(){
	display('nummers', 'none');
	display('validation', 'block');
	document.getElementById('frm_validator').focus();
}

function checkValidator(){
	v = document.getElementById('frm_validator').value;
	if(v.length==4){
		display('stem_btn_inactive', 'none');
		display('stem_btn', 'block');
	}else{
		display('stem_btn', 'none');
		display('stem_btn_inactive', 'block');
	}
}

function hideWinner(){
	document.getElementById('winner_popup').style.display = 'none';
	// document.getElementById('winner_img').src = '../images/loading.gif';
}
function showWinner(afb, model, dagscore, totaalscore){
	document.getElementById('winner_popup').style.display = '';
	document.getElementById('winner_img').src = afb;
	document.getElementById('veld_model').innerHTML = model;
	document.getElementById('veld_dagscore').innerHTML = dagscore;
	//document.getElementById('veld_totaalscore').innerHTML = totaalscore;
}

function getElements(){
	elmDag = document.getElementById('gebdag');
	elmMaand = document.getElementById('gebmaand');
	elmJaar = document.getElementById('gebjaar');
}

function initDatumVelden(){
	getElements();
	elmMaand.selectedIndex = initMaand-1;
	elmJaar.selectedIndex = initJaar - elmJaar.options[0].value;
	changeDateSelects();
}

function changeDateSelects(){
	getElements();
	selectedDag = 0+elmDag.selectedIndex;
	if(selectedDag==-1){
		selectedDag = initDag-1;
	}
	aantal =  32 - new Date(elmJaar.options[elmJaar.selectedIndex].value, elmMaand.options[elmMaand.selectedIndex].value-1, 32).getDate();
	elmDag.options.length = 0;
	for(i=0;i<aantal;i++){
		nr = i+1;
		elmDag.options[i] = new Option(nr,nr);
	}
	if(selectedDag>=aantal){
		elmDag.selectedIndex = aantal -1;
	}else{
		elmDag.selectedIndex = selectedDag;
	}
	//checkLeeftijd();
}

function checkLeeftijd() {
	var myDate=new Date()
	huidigedag = myDate.getDate();
	huidigemaand = myDate.getMonth()+1;
	huidigejaar = myDate.getFullYear()-16;
	dag = elmDag.options[elmDag.selectedIndex].value;
	maand = elmMaand.options[elmMaand.selectedIndex].value;
	jaar = elmJaar.options[elmJaar.selectedIndex].value;
	if (huidigejaar < jaar) {
		document.getElementById('toestemming').style.display='';
	} else {
		if (huidigejaar == jaar) {
			if (huidigemaand < maand) {
				document.getElementById('toestemming').style.display='';
			} else if (huidigemaand == maand && huidigedag < dag) {
				document.getElementById('toestemming').style.display='';
			} else {
				document.getElementById('toestemming').style.display='none';
			}
		} else {
			document.getElementById('toestemming').style.display='none';
		}
	}
}

function updateCounter(theObject) {
	var maxnr = 200;
	var counter = theObject.value.length;
	if(counter >= maxnr) {
		// remove everything after char 390
		theObject.value = theObject.value.substring(0, maxnr);
		counter = theObject.value.length;
	}
	var over = maxnr - counter;
	document.getElementById("counter").innerHTML = 'Max. '+over+' karakters';
}


function changeTab(nr){
	for(i=1;i<4;i++){
		if(nr==i){
			document.getElementById('tab_link_'+i).blur();
			document.getElementById('tab_link_'+i).className = 'tab_active';
			document.getElementById('tab_'+i).style.display = 'block';
		}else{
			document.getElementById('tab_link_'+i).className = 'tab_inactive';
			document.getElementById('tab_'+i).style.display = 'none';
		}
	}
}

function expandAll(startDiv) {
	var divObj = document.getElementById(startDiv);
	if (divObj == "object") {
		for (var i=0;i<divObj.childNodes.length;i++) {
			if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				expandAll(divObj.childNodes[i].id);
			}
		}
	}
}

function closeAll(startDiv) {
	expandAll(startDiv);
	var divObj = document.getElementById(startDiv);
	for (var i=0;i<divObj.childNodes.length;i++) {
		if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
			toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
			expandAll(divObj.childNodes[i].id);
		}
	}
}

function expandItem(theID, startDiv) {
	var divObj = document.getElementById(startDiv);
	var found = false;
	for (var i=0;i<divObj.childNodes.length;i++) {
		if (divObj.childNodes[i].nodeName == "DIV" && divObj.childNodes[i].id.substr(0,6) == "folder") {
			found = expandItem(theID, divObj.childNodes[i].id);
			if (divObj.childNodes[i].id == "folder" + theID) {
				// current element found
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				return true;
			}
			if (found) {
				toggleFolder(divObj.childNodes[i].id, document.getElementById("image" + divObj.childNodes[i].id.substr(6)));
				return true;
			}
		}
	}
	return found;
}

function toggleFolder(id, imageNode) {
	var folder = document.getElementById(id);
	var l = imageNode.src.length;
	if (imageNode.src.substring(l-21,l)=="tree_folderclosed.png" || imageNode.src.substring(l-19,l)=="tree_folderopen.png") {
		imageNode = imageNode.previousSibling;
		l = imageNode.src.length;
	}
	if (folder == null) {
	} 
	else if (folder.style.display == "block")  {
		if (imageNode != null) {
			imageNode.nextSibling.src = "../images/sitemap/tree_folderclosed.png";
			if (imageNode.src.substring(l-14,l) == "tree_mnode.png") {
				imageNode.src = "../images/sitemap/tree_pnode.png";
			}
			else if (imageNode.src.substring(l-18,l) == "tree_mlastnode.png") {
				imageNode.src = "../images/sitemap/tree_plastnode.png";
			}
		}
		folder.style.display = "none";
	} 
	else {
		if (imageNode != null) {
			imageNode.nextSibling.src = "../images/sitemap/tree_folderopen.png";
			if (imageNode.src.substring(l-14,l) == "tree_pnode.png") {
				imageNode.src = "../images/sitemap/tree_mnode.png";
			}
			else if (imageNode.src.substring(l-18,l) == "tree_plastnode.png") {
				imageNode.src = "../images/sitemap/tree_mlastnode.png";
			}
		}
		folder.style.display = "block";
	}
	//updateRowColor();
}

function showVoteForm() {
	document.getElementById('voteForm').style.display = 'block';
}

function hideVoteForm() {
	document.getElementById('voteForm').style.display = 'none';
}

function changeSort(currentUrl) {
	var sort = document.getElementById('sortList').value;
	document.location.href = currentUrl+'&sort='+sort+'&offset=0';
} 

function removeSelectedOption(selectlistId) {
	$("#" + selectlistId + " option:selected").each(function(){  
		$(this).remove();  
	}); 
}

function openAddSelectList() {
	// Hide the sendlist for IE6
	$('#sendListSelect').hide();
	document.getElementById('sendListSelect').style.display = 'none';
	
	$('#addToSendList').show();
	resetAddToSelectList();
}

function closeAddSelectList() {
	// Show the sendlist for IE6
	$('#sendListSelect').show();
	document.getElementById('sendListSelect').style.display = 'block';
	
	$('#addToSendList').hide();
}

function doAddToSendList() {
	// Quickly check if e-mail and name are not empty
	var addName = $('#addName').val();
	var addMail = $('#addMail').val();
	var errorFound = false;
	
	if(addName == '') {
		$('#addNameLabel').addClass('error');
		errorFound = true;
	}
	if(addMail == '' || !isEmail(addMail)) {
		$('#addMailLabel').addClass('error');
		errorFound = true;
	}
	
	// Seems ok, add to selectlist
	if(!errorFound) {
		var newOption = '<option value="'+addName+'|'+addMail+'">'+addName+', '+addMail+'</option>'+"\n";
		$('#sendListSelect').append(newOption);
		closeAddSelectList();
	}
}

function resetAddToSelectList() {
	// Unset error classes and clear values
	$('#addNameLabel').removeClass('error');
	$('#addMailLabel').removeClass('error');
	$('#addName').val('');
	$('#addMail').val('');
}

function doSubmitSendEcard() {
	// Select all senders
	$('select#sendListSelect option').attr('selected','selected');
	// Submit form
	document.forms.frmEcard.submit();
}

function isEmail(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var address = email;
	if(reg.test(address) == false) {
	   return false;
	}else{
		return true;
   }
}
