var FadeTo = "0.8"

$(document).ready(function() {
						   
	$('#sidebar_stage').hide();
	$('#sidebar_wrapper').css({opacity: FadeTo});
						   
	$(window).resize(function() {
		location.reload();
	});
	
	if ($.cookie("sidebar") != 0) {
		if ($.cookie("sidebar") != 1) {
			OpenSidebar2A()
		} else {
			OpenSidebar1A()
		}
	}
	
	function Sidebar(elem) {
		if ($('#sidebar_stage').is(':visible')) {
			CloseSidebar() 
		} else {
			if ($(elem).is('#sidebar_tab_1')) {
				OpenSidebar1()
			} else {
				OpenSidebar2()
			}
		}
	};

	function CloseSidebar() {
			$('#sidebar_stage')
				.hide();
			$('#sidebar_content1').hide()
			$('#sidebar_content2').hide()
			$('#sidebar_subwrapper')
				.css({width: 'auto', marginLeft: 'auto'});
			$('#sidebar_wrapper')
				.animate({width: '-=230px'}, 500);
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1.png)');
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2.png)');
			$('#sidebar_body')
				.css({ height: "0px" })
				.removeClass("sidebar_body");
			$.cookie("sidebar", "0", { path: '/' });
	};

	function OpenSidebar1() {
			$('#sidebar_content1').show();
			$('#sidebar_content2').hide();
			$('#sidebar_wrapper')
				.animate({width: '+=230px'}, 500, 'swing');
			$('#sidebar_subwrapper')
				.animate({width: '+=230px'}, 500, 'swing');
			$('#sidebar_stage')
				.delay(500)
				.fadeIn();
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1_actief.png)');
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2.png)');
			$.cookie('sidebar', '1', { path: '/' });

	};

	function OpenSidebar1A() {
			$('#sidebar_content1').show();
			$('#sidebar_content2').hide();
			$('#sidebar_wrapper')
				.css({width: '230px'});
			$('#sidebar_subwrapper')
				.css({width: '230px'});
			$('#sidebar_stage').show();
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1_actief.png)');
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2.png)');
	};

	function ToSidebar1() {
			$('#sidebar_content2').hide();
			$('#sidebar_content1').fadeIn();
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1_actief.png)');
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2.png)');
			$.cookie('sidebar', '1', { path: '/' });
	};

	function OpenSidebar2() {
			$('#sidebar_content2').show();
			$('#sidebar_content1').hide();
			//$('#sidebar_body')
				//.addClass("sidebar_body");
			$('#sidebar_subwrapper')
				.animate({width: '+=230px'}, 500, 'swing');
			$('#sidebar_wrapper')
				.animate({width: '+=230px'}, 500, 'swing');
			$('#sidebar_stage')
				.delay(500)
				.fadeIn();
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2_actief.png)');
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1.png)');
			$.cookie("sidebar", "2", { path: '/' });
	};

	function OpenSidebar2A() {
			$('#sidebar_content2').show();
			$('#sidebar_content1').hide();
			$('#sidebar_wrapper')
				.css({width: '230px'});
			$('#sidebar_subwrapper')
				.css({width: '230px'});
			$('#sidebar_stage').show();
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2_actief.png)');
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1.png)');
	};

	function ToSidebar2() {
			$('#sidebar_content1').hide();
			$('#sidebar_content2').fadeIn();
			$('#sidebar_tab_2')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab2_actief.png)');
			$('#sidebar_tab_1')
				.css('background-image','url(http://www.fra-pant.nl/images/sidebar/gk_tab1.png)');
			$.cookie("sidebar", "2", { path: '/' });
	};

	$('#sidebar_tab_1').click(function() {
		if ($('#sidebar_content2').is(':visible')) {
			ToSidebar1();
		} else {
			Sidebar('#sidebar_tab_1');
		}
	});

	$('#sidebar_tab_2').click(function() {
		if ($('#sidebar_content1').is(':visible')) {
			ToSidebar2();
		} else {
			Sidebar('#sidebar_tab_2');
		}
	});
	
	$('#sidebar_body').click(function() {
		CloseSidebar();
	});
});