$(document).ready(function(){
	var COOKIE_NAME = 'bg00_cookie';

	$.BG_NAME = $.cookie(COOKIE_NAME);
	$("#BG").css({'background-image' : 'url(images/'+$.BG_NAME+'.jpg)'});
	
	$(".BG0").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg00.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg00');
		return false;
	});
	$(".BG1").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg01.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg01');
		return false;
	});
	$(".BG2").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg02.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg02');
		return false;
	});
	$(".BG3").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg03.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg03');
		return false;
	});
	$(".BG4").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg04.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg04');
		return false;
	});
	$(".BG5").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg05.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg05');
		return false;
	});
	$(".BG6").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg06.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg06');
		return false;
	});
	$(".BG7").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg07.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg07');
		return false;
	});
	$(".BG8").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg08.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg08');
		return false;
	});
	$(".BG9").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg09.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg09');
		return false;
	});
	$(".BG10").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg10.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg10');
		return false;
	});
	$(".BG11").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg11.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg11');
		return false;
	});
	$(".BG12").click(function () {
		$("body").addClass("noBG");
		$("#BG").fadeOut(1000, function () {
			$(this).css({'background-image' : 'url(images/bg12.jpg)'}).fadeIn("slow");
		});
		$.cookie(COOKIE_NAME, 'bg12');
		return false;
	});
	
	// delete cookie
	$('.delete').click(function() { 
		$.cookie(COOKIE_NAME, null);
		//alert(COOKIE_NAME);
		return false;
	});
	
	$(".drawer ul").hide();
	// show menu
	$(".open").click(function() {
		$(this).hide();
		$(".close").show();
		$(".drawer ul").fadeIn("slow");
		$("#container").fadeOut("slow");
	});
	// hide menu
	$(".close").click(function() {
		$(this).hide();
		$(".open").show();
		$(".drawer ul").hide();
		$("#container").fadeIn("slow");
	});

});