jQuery(document).ready(function($) {
	$("#black_overlay").hide();
	$("#fadetowhite").hide();
	$("#fadetoblack").hide();
	$("#gosd").hide();
	$("#spacer").hide();
	
	$("#fadetoblack").click(function () {
		$("#black_overlay").css("visibility", "visible");
		$("#black_overlay").css("z-index", "100");
		$("#black_overlay").fadeIn("slow");
		$("#fadetowhite").show();
		$("#fadetoblack").hide();
		$("#hdcontrols").css("z-index","300");
		$("#hdcontrols").css("position","relative");
		$("#videohd").css("z-index", "200");
	});

	$("#fadetowhite").click(function () {
		$("#black_overlay").fadeOut("slow");
		$("#fadetoblack").show();
		$("#fadetowhite").hide();
	});
	$("#gohd").click(function () {
		$("#fadetoblack").show();
		$("#fadetowhite").hide();
		$("#sidebar").hide();
		$("#videoplayer").hide();
		$("#contentcontainer").css("margin", "0 auto");
		$("#contentcontainer").css("width", "862px");
		$("#content").css("margin", "0 auto");
		$("#content").css("width", "862px");
		$("#videolist").css("margin-left", "145px");
		$("#videohd").css("visibility", "visible");
		$("#videohd").css("position", "relative");
		$("#videohd").css("margin", "0 auto");
		$("#videoinfo").css("width", "800px");
		$("#videohd").css("margin-left", "31px");
		$("#gohd").hide();
		$("#gosd").css("visibility", "visible");
		$("#gosd").show();
		$("#spacer").show();
	});
	$("#gosd").click(function () {
		$("#fadetoblack").hide();
		$("#fadetowhite").hide();
		$("#sidebar").show();
		$("#videoplayer").show();
		$("#contentcontainer").css("margin", "0px");
		$("#contentcontainer").css("width", "702px");
		$("#content").css("margin", "14px");
		$("#content").css("width", "662px");
		$("#videolist").css("margin-left", "50px");
		$("#videohd").css("visibility", "hidden");
		$("#videohd").css("position", "absolute");
		$("#videohd").css("margin", "0 auto");
		$("#videoinfo").css("width", "500px");
		$("#videohd").css("margin-left", "31px");
		$("#gohd").show();
		$("#gosd").hide();
		$("#black_overlay").fadeOut("slow");
		$("#spacer").hide();
	});
});