$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").fadeIn("slow");
                $("#lborder").removeClass("leftoff");
                $("#lborder").addClass("left");

                $("#rborder").removeClass("rightoff");
                $("#rborder").addClass("right");

                $("#toggle").removeClass("off");
                $("#toggle").addClass("on");
                $("#close").css("color", "#FFF");
	
	});	
	
	// Collapse Panel
	$("#close, #closebtn").click(function(){
		$("div#panel").fadeOut("slow");
                $("#lborder").removeClass("left");
                $("#lborder").addClass("leftoff");

                $("#rborder").removeClass("right");
                $("#rborder").addClass("rightoff");
                
                $("#toggle").removeClass("on");
                $("#toggle").addClass("off");
                $("#open").css("color", "#DE002D");
                $("#close").css("color", "#DE002D");

	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});		
		
});