var infoLayer, infoLink, itemId, imgLetter;
var url = window.location.href;

window.onload = function()
{
	initCatText();
	getItemId();
	setImg();
	initInfo();
	initNav();
}


function getItemId()
{
	if (url.indexOf('item') == -1) return;
	var regex = /itemId=(\d+)/;
	itemId    = (regex.exec(url)[1]);
}


function initNav()
{
	var curSub = document.getElementById('curSub');
	if (!curSub) return;
	curSub.parentNode.parentNode.className = 'curMain';
}


function initInfo()
{
	infoLayer = document.getElementById('infoLayer');
	if (!infoLayer) return;
	infoLink  = document.getElementById('infoLink');
	
	infoLink.onmouseover = toggleInfo;
	infoLink.onmouseout  = toggleInfo;
}


function toggleInfo()
{
	if (infoLayer.style.visibility == 'visible') {
		infoLayer.style.visibility = 'hidden';
	} else {
		infoLayer.style.visibility = 'visible';
	}
}


function initCatText()
{
	var catTextLink   = document.getElementById('catTextLink');
	var catTextFooter = document.getElementById('catTextFooter');
	if (!catTextLink) return;
	catTextLink.onclick   = toggleCatText;
	catTextFooter.onclick = toggleCatText;
}


function toggleCatText()
{
	var catText     = document.getElementById('catText');
	var catTextLink = document.getElementById('catTextLink');
	var tblThumbs   = document.getElementById('thumbs');
	if (catText.style.visibility == 'visible') {
		catText.style.visibility   = 'hidden';
		tblThumbs.style.visibility = 'visible';
		catTextLink.innerHTML      = showInfo;
	} else {
		catText.style.visibility   = 'visible';
		tblThumbs.style.visibility = 'hidden';
		catTextLink.innerHTML      = hideInfo;
	}
}


function setImg()
{
	var imageLayer = document.getElementById('imageLayer');
	if (!imageLayer || !itemId) return;
	if (imageLayer.innerHTML.indexOf('jpg') != -1) return;
	var imageName = itemId + '-' + imgLetter + '.jpg';
	imageLayer.style.backgroundImage = 'url(data/' + imageName + ')';
}


function itemDelete(catId, itemId)
{
	var msg = 'Deze foto wissen?';
	if (confirm(msg)) {
		location.href = 'category.php?catId=' + catId + '&itemDelete=' + itemId;
	}
}


function validateEmailAddress(address)
{
	var pattern = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (pattern.test(address)) {
		return true;
	}
	return false;
}


function itemEdit()
{
	var isChecked = false;
	var btn       = document.form1.itemCatId;
	for(var i = 0; i < btn.length; i++) {
		if (btn[i].checked) return true;
	}
	if (btn.checked) {
		// Voor het geval er slechts één radio button is
		return true;
	}
	alert('Kies een categorie!');
	return false
}


function catDelete(catId, catName)
{
	if (!catName) {
		alert('Deze categorie bevat subcategorieën of' + '\n' + 'foto\'s en kan daarom niet gewist worden.');
	} else {
		var msg = 'Categorie \'' + catName + '\' wissen?';
		if (confirm(msg)) document.location='overview.php?catDelete=' + catId;
	}
}


function verifyFormSite()
{
	var fout = '';
	var siteTitle = document.formSite.siteTitle.value;
	var siteEmail = document.formSite.siteEmail;
	if (!siteTitle) fout += '\n- Titel is verplicht';
	if (siteEmail && !siteEmail.value) {
		fout += '\n- E-mail adres is verplicht';
	}
	else if (siteEmail && !validateEmailAddress(siteEmail.value)) { 
		fout += '\n- E-mail adres is fout';
	}
	if (fout) {
		alert ('Het formulier is niet juist ingevuld:' + fout);
		return false;
	}
	return true;
}


function deleteContact(id)
{
    msg = "Foto op Contact-pagina wissen?";
	if (confirm(msg)) {
		document.location='site.php?delete=1';
	}
}