function init() 
{
	var allThumbs = document.getElementById("browse-projects").getElementsByTagName("img");
	
	var thumbImgs = document.getElementById("thumb-imgs");

	function changeThumbImg()
	{
		var srcName = this.className;

		srcName = "images/tees-graphics/" + srcName + ".jpg";

		thumbImgs.src = srcName;

		for (i=0;i<allThumbs.length;i++)
		{
			allThumbs[i].style.border = "2px solid #000";
			allThumbs[i].value = "";
		}

		this.style.border = "2px solid #666666";

		this.value = "active";
		
		return false;
	}

	function hoverEffect()
	{
		if (this.value == "active")
		{
			return false;
		}
		
		this.style.border = "2px solid #ea2425";
	}

	function deHoverEffect()
	{
		if (this.value == "active")
		{
			return false;
		}
		
		this.style.border = "2px solid #000";
	}

	for (i=0; i<allThumbs.length; i++)
	{
		allThumbs[i].onclick = changeThumbImg;
		allThumbs[i].onmouseover = hoverEffect;
		allThumbs[i].onmouseout = deHoverEffect;
	}

	var wrapperDiv = document.getElementById("wrapper");
	var bodyElement = document.getElementsByTagName("body")[0];
	var miniLogo = document.getElementById("mini-logo-container");

	if (screen.height >= 960)
	{
		wrapperDiv.style.marginTop = "-322px";
		wrapperDiv.style.top = "50%";
		bodyElement.style.overflow = "hidden";
		miniLogo.style.position = "absolute";
	}
	else 
	{
		wrapperDiv.style.marginTop = "0";
		wrapperDiv.style.top = "10%";
		miniLogo.style.position = "fixed";
	}	
		
}

window.onload = init;