addLoadEvent(initPort);
addLoadEvent(gallery);
addLoadEvent(contactForm);


function gallery() {
	if(!document.getElementById("portfolio"))
	{
		return false;
	}	
	$('#portfolio a').lightBox();
}

function initPort()
{
	if(!document.getElementById("thumbs"))
	{
		return false;
	}
	var thumbDiv = document.getElementById("thumbs");
	var thumbLinks = thumbDiv.getElementsByTagName("a");
	for(var i = 0; i < thumbLinks.length; i++)
	{
		thumbLinks[i].onclick = function()
		{
			return showPic(this);	
		}
	}	
}

function showPic(whichPic)
{
	if(!document.getElementById("big-img"))
	{
		return false;
	}	
	var source = whichPic.getAttribute("href");
	var bigImage = document.getElementById("big-img");
	bigImage.setAttribute("src", source);
	return false;
}

function contactForm()
{
	if(!document.getElementById("email") || !document.getElementById("comment"))
	{
		return false;
	}	
	
	var emailDiv = document.getElementById("email");
	var emailField = emailDiv.getElementsByTagName("input")[0];
	addEventHandler(emailField, "focus", focusInput);
	addEventHandler(emailField, "blur", validateEmail);
	var commentDiv = document.getElementById("comment");
	var comment = commentDiv.getElementsByTagName("textarea")[0];
	addEventHandler(comment, "blur", validateComment);
	addEventHandler(comment, "focus", focusInput);
	submitBtn = document.getElementById("submit");
	submitBtn.disabled = true;
}

function validateEmail(e)
{
	var me = getActivatedObject(e);
	submitBtn = document.getElementById("submit");
	submitBtn.disabled = false;	
	//regular expression for email
	var regex = /^\w+@\w+\.\w{2,3}$/;
	//test to see if the reg ex matches the value from email field
	if(!regex.test(me.value))
	{
		//create paragraph element
		var para = document.createElement("p");
		//add paragraph at end of td container
		me.parentNode.appendChild(para);
		para.setAttribute("id", "error-email");
		para.className = "error";
		if(!validateNonEmpty(me))
		{
			var text = document.createTextNode("Please enter a value");
		}
		else
		{
			var text = document.createTextNode("Please enter a valid email address");
		}
		para.appendChild(text);
		submitBtn.disabled = true;	
		return false;
	}
	return true;
}

function validateComment(e)
{
	var me = getActivatedObject(e);
	submitBtn = document.getElementById("submit");
	submitBtn.disabled = false;	
	//regular expression for email
	var regex = /.{5,1000}/;
	//test to see if the reg ex matches the value from email field
	if(!regex.test(me.value))
	{
		//create paragraph element
		var para = document.createElement("p");
		//add paragraph at end of td container
		me.parentNode.appendChild(para);
		para.setAttribute("id", "error-comment");
		para.className = "error";
		var text = document.createTextNode("Please enter a comment between 5 - 1000 characters");
		para.appendChild(text);
		submitBtn.disabled = true;	
		return false;
	}
	validateForm();
	return true;
}
	
function focusInput(e)
{
	var me = getActivatedObject(e);
	if(me.parentNode.getAttribute("id") == "email")
	{
		me.value = "";
	}
	if(me.parentNode.getAttribute("id") == "comment")
	{
		if(clicked == false)
		{
			me.value = "";
			clicked = true;
		}
	}	
	if(me.nextSibling)
	{
	me.parentNode.removeChild(me.nextSibling);
	}
}