// Side Panels Expand
$(document).ready(function(){
	/*----------------------------------------
		Variables
	-----------------------------------------*/
	var aboutDiv		= $("#aboutExpand");
	var aboutBtn		= $("#aboutMore");
	var aboutSpeed 		= 500;
	var aboutOpen		= false;
	
	var contactDiv		= $("#contactForm");
	var contactBtn		= $("#contactFormOpen");
	var contactSpeed 	= 750;
	var contactOpen 	= false;
	
	/*----------------------------------------
		About Form
	-----------------------------------------*/
	aboutDiv.hide();
	aboutDiv.css({"height" : "100px"});
	
	aboutBtn.click(function(){
		 aboutDiv.slideToggle(aboutSpeed);
		 if(aboutOpen == false){
			aboutBtn.html("[close]");	
			aboutOpen = true;	
		}else{
			aboutBtn.html("[read more]");
			aboutOpen = false;
		}
	});
	
	/*----------------------------------------
		Contact Form
	-----------------------------------------*/
	contactDiv.hide();
	//Reset Contact
	function resetContact(){
		$("#name").val("Name");
		$("#name").css({"border" : "1px solid #d8d8d8"});
		$("#email").val("Email");
		$("#email").css({"border" : "1px solid #d8d8d8"});
		$("#msg").val("Message");
		$("#msg").css({"border" : "1px solid #d8d8d8"});
		$("#sendComplete").hide();
	}
	
	
	
	contactBtn.click(function(){
		contactDiv.slideToggle(contactSpeed);
		if(contactOpen == false){
			contactBtn.html("[close form]");	
			contactOpen = true;	
		}else{
			contactBtn.html("[contact form]");
			contactOpen = false;
			resetContact();
		}
	});
	
	
	
});