$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("#slot").html("<br /><br /><br /><br /><br /><br /><img src='design1/loader.gif' >");  
		$("#slot").load("form.php");  
		$("div#slot").slideDown("slow");
		$("#portfolio").hide();
	});	
	
	// Expand Portfolio
	$("#op").click(function(){
		$("#slot").html("<br /><br /><br /><br /><br /><br /><img src='design1/loader.gif' >");
		$("#slot").load("portfolio.php");  
		$("div#slot").slideDown("slow");
		$("#toggle").hide();
	});	
	//text button for contact
	$("#contact").click(function(){
		$("#slot").load("form.php");  
		$("div#slot").slideDown("slow");
		$("#portfolio").hide();
		$("#toggle a").toggle();
	});	
	// Collapse Panel
	$("#close").click(function(){
		$("div#slot").slideUp("slow");	
		$("#portfolio").show();
		$("#slot").html("<br /><br /><br /><br /><br /><br /><img src='design1/loader.gif' >");
	});		
	// Collapse Portfolio
	$("#clos").click(function(){
		$("div#slot").slideUp("slow");	
		$("#toggle").show();
		$("#slot").html("<br /><br /><br /><br /><br /><br /><img src='design1/loader.gif' >");
	});		
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});	
	// Switch buttons from "portfolio" to "Close Panel" on click
	$("#portfolio a").click(function () {
		$("#portfolio a").toggle();
	});	
		
});