/* Simple lightbox effect for HTML */
$(function() {
	var boxRun = false;
	var boxDelay = 500;
	var boxImage = "/images/energy-focus.jpg";
	
	$(".boxStart").click(function() {
		boxRun = true;
		$("#header, #content, #footer").animate({"opacity" : "0.5"}, boxDelay);
		$("<div id=\"box\"><img src=\""+boxImage+"\" alt=\"Energy\" /><p>"+$(this).attr("title")+"</p><a class=\"boxClose\" href=\"#\">[X] Close</a></div>").appendTo("body");
		return false;
	});
	
	$(".boxClose").live("click", function() {
		boxRun = false;
		$("#box").fadeOut("fast", function() {
			$(this).remove();
		});
		$("#header, #content, #footer").animate({"opacity" : "1"}, boxDelay, function() {
			// Fix ClearType bug for IE
			this.style.removeAttribute("filter");
		});
		return false;
	});
});