$(document).ready(function(){

	$('#info').addClass('close').hide();
	
	$('#info-trigger').bind("outerClick", function(){
		$(this).removeClass('open').addClass('close');
		$('#info').slideUp();			
	
	});
	
	$('#info-trigger').click(function(e){
		e.preventDefault();
		if($(this).hasClass('open')){
			//$(this).text("close");
			$(this).removeClass('open').addClass('close');
			$('#info').slideUp();			
		}else{
			//$(this).text("hide");
			$(this).removeClass('close').addClass('open');
			$('#info').slideDown();			
		}
		
	});
	
	$('#archive').addClass('close').hide();
	$('#archive-trigger').bind("outerClick", function(){
			$('#archive').fadeOut();
			$('#archive-trigger').removeClass('open').addClass('close');
		});
	
	$('#archive-trigger').click(function(e){
		e.preventDefault();
		if($(this).hasClass('open')){
			$('#archive-trigger').removeClass('open').addClass('close');
			$('#archive').fadeOut();
		}else{	
			$('#archive-trigger').removeClass('close').addClass('open');
			$('#archive').fadeIn();
		}
	});
	
	
	
	
	if(!$.cookie('canvas')){
		$.cookie("canvas", "white", { expires: 7 });
	}
	
	if($.cookie("canvas") == 'white'){
		$('body').removeClass('grey black white').addClass('white');
	}else if($.cookie("canvas") == 'grey'){
		$('body').removeClass('grey black white').addClass('grey');
	}else{
		$('body').removeClass('grey black white').addClass('black');
	}
	
	$("#white").click(function(e){e.preventDefault();$('body').removeClass('grey black white').addClass('white');$.cookie('canvas', 'white');});
	$("#black").click(function(e){e.preventDefault();$('body').removeClass('grey black white').addClass('black');$.cookie('canvas', 'black');});
	$("#grey").click(function(e){e.preventDefault();$('body').removeClass('grey black white').addClass('grey');$.cookie('canvas', 'grey');});
	

	
});