var contactIsOpen = false;
var assignmentsIsOpen = false;

// Position the Contact DIV when page loads
function positionContact(){
	contactWidth = $("#container").width();
	contactPosition = $("#container").width()-20;
	$("#contact_wrapper").css({"width":contactWidth+"px","left":-contactPosition+"px"});
};
// Position the Assignments DIV when page loads
function positionAssignments(){
	assignmentsWidth = $("#container").width();
	assignmentsPosition = $("#container").width()-18;
	$("#assignments_wrapper").css({"width":assignmentsWidth+"px","right":-assignmentsPosition+"px"});
};

function openContact(){
	stopScrollPics();
	var openContactPosition = $("#container").width()-38;
	$("#contact_wrapper").animate({"left": "+="+openContactPosition+"px"}, "slow");
	contactIsOpen = true;
	if(assignmentsIsOpen){
		closeAssignments();
	}
	stopScrollWorkPics();
}
function closeContact(){
	if(contactIsOpen && !assignmentsIsOpen){
		scrollPics();
	}
	contactLeft = -($("#container").width()-38);
	$("#contact_wrapper").animate({"left": "+="+contactLeft+"px"}, "slow");
	contactIsOpen = false;
}

function openAssignments(){
	stopScrollPics();
	scrollWorkPics();
	var openAssignmentsPosition = $("#container").width()-38;
	$("#assignments_wrapper").animate({"right": "+="+openAssignmentsPosition+"px"}, "slow");
	assignmentsIsOpen = true;
	if(contactIsOpen){
		closeContact();
	}
}
function closeAssignments(){
	stopScrollWorkPics();
	if(!contactIsOpen && assignmentsIsOpen){
		scrollPics();
	}
	assignmentsLeft = -($("#container").width()-38);
	$("#assignments_wrapper").animate({"right": "+="+assignmentsLeft+"px"}, "slow");
	assignmentsIsOpen = false;
}

$(".contact h2").click(function(){
	if(!contactIsOpen){
		openContact();
	} else {
		closeContact();
	}
});
$(".assignments h2").click(function(){
	if(!assignmentsIsOpen){
		openAssignments();
	} else {
		closeAssignments();
	}
});