// JavaScript Document

$(document).ready(
	function()
	{	
		
		$('div.openToggle').click(function()
			{
				el2 = $(this);
				var $closeButton2 = el2.children(".closeButton");
				$closeButton2.removeClass("closeButtonHide").addClass("closeButtonShow");
				var $project = el2.parent('div').next('div.box');
				var $projectId = $project.attr('id');
				var $projectURL = $projectId+'.html';
				$project.load($projectURL).animate({height: 'show', opacity: 'show'}, "fast");
				el2.addClass("newProjectClass");
				el2.removeClass("openToggle").addClass("newToggle");
				el2.children(".projectTitle").addClass("darkFontColor");
				el2.children(".category").addClass("lightFontColor");
				el2.children(".date").addClass("lightFontColor");
				el2.unbind("click");
				return false;
			}
		);
		
		$("div.openToggle").trigger("click");
	
		// Open the project
		$('div.toggle').click(function()
			{
				el = $(this);
				var $closeButton = el.children(".closeButton");
				$closeButton.removeClass("closeButtonHide").addClass("closeButtonShow");
				var $project = el.parent('div').next('div.box');
				var $projectId = $project.attr('id');
				var $projectURL = $projectId+'.html';
				$project.load($projectURL).animate({height: 'show', opacity: 'show'}, "fast");
				el.addClass("newProjectClass");
				el.removeClass("toggle").addClass("newToggle");
				el.children(".projectTitle").addClass("darkFontColor");
				el.children(".category").addClass("lightFontColor");
				el.children(".date").addClass("lightFontColor");
				el.unbind("click");
				return false;
			}
		);
		
		//Close the expanded Div
		$('div.closeButton').click(function()
			{
				elem = $(this);
				elem.removeClass("closeButtonShow").addClass("closeButtonHide");
				var $project = elem.parent().parent().next('div.box');
				var $toggle = $project.prev('div').children('div');
				$project.animate({height: 'hide', opacity: 'hide'}, 'fast');
				$toggle.removeClass("newProjectClass");
				$toggle.removeClass("newToggle").addClass("toggle");
				$toggle.children(".projectTitle").removeClass("darkFontColor");
				$toggle.children(".category").removeClass("lightFontColor");
				$toggle.children(".date").removeClass("lightFontColor");

				$toggle.bind("click", function(){
					el = $(this);
					var $closeButton = el.children(".closeButton");
					$closeButton.removeClass("closeButtonHide").addClass("closeButtonShow");
					var $project = el.parent('div').next('div.box');
					var $projectId = $project.attr('id');
					var $projectURL = $projectId+'.html';
					$project.load($projectURL).animate({height: 'show', opacity: 'show'}, "fast");
					el.addClass("newProjectClass");
					el.removeClass("toggle").addClass("newToggle");
					el.children(".projectTitle").addClass("darkFontColor");
					el.children(".category").addClass("lightFontColor");
					el.children(".date").addClass("lightFontColor");
					el.unbind("click");
					return false;
				 });
				return false;
			}
		);
		
		//Rollover the divs
		$('div.mainLinks').hover(function()
			{
				element2 = $(this);
				element2.addClass("mainLinksRollover");
				return false;
			},function()
			{
				element2 = $(this);
				element2.removeClass("mainLinksRollover");
				return false;
			}
		);
		
	});