// JavaScript Document
$(document).ready(function ()
{
	//menu settings
	$("ul.menuItem:last").css("border-right", "0");
	$("#menuVerslagen").bind("mouseenter", function () { $("#subVerslagen").slideDown("fast"); });
	$("#menuVerslagen").bind("mouseleave", function () { $("#subVerslagen").fadeOut("fast"); });

	$("#menuVoorbereiding").bind("mouseenter", function () { $("#subVoorbereiding").slideDown("fast"); });
	$("#menuVoorbereiding").bind("mouseleave", function () { $("#subVoorbereiding").fadeOut("fast"); });

	//set click event on images
	$("#pageBody img:not(.noLg)").click(function ()
	{
		$("#popContent").one("click", function ()
		{
			$("#popLayer, #popUp").fadeOut("fast");
		});
		$("#popContent").empty();
		var source = this.src.replace(/\/thumbs/, "");
		$("#popContent").append("<img src='" + source + "' >/");
		$("#popLayer, #popUp").fadeIn("slow");

	});

//	$('#menu a').each(function ()
//	{
//		if (this.href != '')
//		{
//			var url = this.href.match(/\#.+/)[0].replace('#', '');
//			$(this).click({ url: url }, function ()
//			{
//				changepage(url);
//			});
//			this.href = 'javascript:void(0)';
//		}
//	});

	//changepage('index.htm');
});

function changepage(page)
{
	document.location.hash = page;
	$('#pageBody').load('/pages/' + page);
}

function menuitemclick()
{
	changepage(url);
}

function validateRequired(field, errorMessage)
{
	with (field)
	{
		if (value == null || value == "")
		{
			document.getElementById('errorLabel').innerHTML = "\n" + errorMessage;
			return false;
		} else
		{
			return true;
		}
	}
}

function validEmail(field, errorMessage)
{
	with (field)
	{
		if (value != "")
		{
			apos = value.indexOf("@");
			dotpos = value.lastIndexOf(".");
			if (apos < 1 || dotpos - apos < 2)
			{
				document.getElementById('errorLabel').innerHTML = "\n" + errorMessage;
				return false;
			} else
			{
				return true;
			}
		} else
		{
			return true;
		}
	}
}

function validateForm(form)
{
	with (form)
	{
		if (validateRequired(name, "- Naam is verplicht") && validEmail(eMail, "- ongeldig e-mail adres") && validateRequired(message, "- Bericht mag niet leeg zijn"))
		{
			return true;
		} else
		{
			return false;
		}
	}
}

function createForm()
{
	$("#popContent").empty();
	$("#popContent").append('<form method="post" style="width:100%;background-color:#fff;padding:15px;" onsubmit="return validateForm(this)"><table><tr><td colspan="2"><label id="errorLabel" style="color:#ff0000;"></label></td></tr><tr valign="baseline"><td align="right">Naam:</td><td align="left"><input type="text" name="name" size="32" /></td></tr><tr valign="baseline"><td align="right">e-mail:</td><td align="left"><input type="text" name="eMail" size="32" /></td></tr><tr valign="baseline"><td align="right" valign="top">Bericht:</td><td align="left"><textarea name="message" cols="50" rows="5"></textarea></td></tr><tr valign="baseline"><td align="right">&nbsp;</td><td align="left"><input type="submit" value="Toevoegen" /> <input type="button" value="sluiten" onclick="hideForm();"</td></tr></table></form>');
	$("#popLayer, #popUp").fadeIn("slow");
}

function hideForm()
{
	$("#popLayer, #popUp").fadeOut("slow");
	$("#popContent").empty();
}