$(document).ready(function(){
	$("#primary-nav-links ul li:last-child").replaceWith("<li><a href=\"\" class=\"contact-link\">contact</a></li>");
	
	
	$("#contact-panel-tail").supersleight({shim: "assets/x.gif"});
	
	var triangleImage = new Image;
	triangleImage.src = "assets/contact-panel-tail.png";
	var closeImage = new Image;
	closeImage.src = "assets/contact-panel-close.png";
	var closeHoverImage = new Image;
	closeHoverImage.src = "assets/contact-panel-close-rollover.png";

   $("a.contact-link").click(function(evt) {
		
		evt.preventDefault();    	
			 
		$("#contact-panel-overlay-bg").css("display", "block");
		$("#contact-panel-holder").css("display", "block");
		$("#contact-panel-tail, #contact-panel").css({"opacity": "0"}).stop().animate({opacity: 1},500, "easeOutExpo");		
	
	});
	
	 
	function closeContact(evt){
		evt.preventDefault();    	
			 
		
			$("#contact-panel-tail, #contact-panel").css({"opacity": "1"}).stop().animate({opacity: 0},500, "easeOutExpo", function(){
				$("#contact-panel-holder").css("display", "none");
  				$("#contact-panel-overlay-bg").css("display", "none");
			});
  		

	}
	
	$("#contact-panel-overlay-bg").click(function(evt){closeContact(evt)});	
	$("#contact-panel-close a").click(function(evt){closeContact(evt)});	
	
		
	
});