$(".content").hide();

$(document).ready(function() {
	
	$("#rightCol").append('<div id="arrow" class="out"></div>');
	
	$(".out").live("click", function () {
			$("#contentArea, #rightCol, #advert").animate({left : "-130px"}, 1000, arrowIn);
			function arrowIn() {
				$("#arrow").removeClass("out").addClass("in");
			}
	  	})
	$(".in").live("click", function () {
			$("#contentArea, #rightCol, #advert").animate({left : "220px"}, 1000, arrowOut);
			function arrowOut() {
				$("#arrow").removeClass("in").addClass("out");
			}
	  	}
	);
	
	$(function(){
			$.fn.supersized.options = {  
				startwidth: 1000,  
				startheight: 667,
				vertical_center: 1,
				slideshow: 1,
				navigation: 0,
				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
				pause_hover: 0,
				slide_counter: 0,
				slide_captions: 0,
				slide_interval: 7000  
			};
	        $('#supersize').supersized(); 
	    });
});