$(document).ready(function() {
	
	
	// Expand Panel
	$("#open").click(function(){
		fixHeight();
		$("div#panel").slideDown("slow");
		$("div#tab").slideUp("slow");
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");
		$("div#tab").slideDown("slow");
	});		
	
	$("#panel").click(function(){
		$("div#panel").slideUp("slow");
		$("div#tab").slideDown("slow");
		document.getElementById("close").style.display = 'none';
		document.getElementById("open").style.display = 'block';
	});	
	
	$("#skip").click(function(){
		$("div#panel").slideUp("slow");
		$("div#tab").slideDown("slow");
		document.getElementById("close").style.display = 'none';
		document.getElementById("open").style.display = 'block';
	});	
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});		
		
});

function fixHeight(){
	
	//Height of Panel
	var userHeight = document.documentElement.clientHeight -1;
	if (userHeight <= 817){userHeight = 817;}
	
	
	//Padding of Player
	
	var padding = (userHeight/2 - 350);
	document.getElementById("panel").style.paddingTop = padding+'px';
	document.getElementById("panel").style.height = (userHeight - padding)+'px';
}