$(document).ready(function() {
  //hide Sidebar BEGIN
      $("#hidesidebar").click(function() {
    
    $("#sidebar").hide('slow');
    $('.post').animate({

    width: '100%'
  }, 1000, function() {
        
  });
       $("#hidesidebar").addClass("hide");
        $("#showsidebar").removeClass("hide"); 
     $.cookie('sidebar', 'hide');
    
});

    $("#showsidebar").click(function() {   
    $("#sidebar").show('slow');
    $('.post').removeAttr('style');
    $("#showsidebar").addClass("hide");
   $("#hidesidebar").removeClass("hide");
     $.cookie('sidebar', 'show');
    
});


//hide Sidebar END


//invert colors BEGIN
    $("#inverttoblack").click(function() {
    
   
   //if white is transparent
   $(".opacity-white").addClass("opacity-black");
   $(".body-white").addClass("body-black");


   
   //if white is not transparent
   $(".no-opacity-white").addClass("no-opacity-black");
   $(".no-opacity-white").removeClass("no-opacity-white");
   
   
  
   //body
   $(".opacity-white").removeClass("opacity-white");
   $(".body-white").removeClass("body-white");
   
   $("#inverttoblack").addClass("hide");
   $("#inverttowhite").removeClass("hide");
   
   
    $.cookie('invert', 'black');
});

    $("#inverttowhite").click(function() {
    
      //if black is transparent
   $(".opacity-black").addClass("opacity-white");
   $(".opacity-black").removeClass("opacity-black");

   
       //if black is not transparent
   $(".no-opacity-black").addClass("no-opacity-white");
   $(".no-opacity-black").removeClass("no-opacity-black");
   
   //body
      $(".body-black").addClass("body-white");
   $(".body-black").removeClass("body-black");
   
   $("#inverttoblack").removeClass("hide");
   $("#inverttowhite").addClass("hide");
   
   
   $.cookie('invert', 'white'); 
});
  

//invert colors END


//turn off transparency BEGIN  
  
  $("#switchoff").click(function() {
    
    $(".opacity-black").addClass("no-opacity-black");
    $(".opacity-black").removeClass("opacity-black");
    $(".opacity-white").addClass("no-opacity-white");  
    $(".opacity-white").removeClass("opacity-white");

    $("#switchoff").addClass("hide");
    $("#switchon").removeClass("hide");
    
    $.cookie('transparency', 'off'); 
});

 
  $("#switchon").click(function() {
      $(".no-opacity-black").addClass("opacity-black");
      $(".no-opacity-black").removeClass("no-opacity-black");
 
      $(".no-opacity-white").addClass("opacity-white");
      $(".no-opacity-white").removeClass("no-opacity-white");
  
      $("#switchon").addClass("hide");
      $("#switchoff").removeClass("hide");
      
      $.cookie('transparency', 'on'); 
});


//turn off transparency END


//show backgroudn BEGIN

  $("#showbg").click(function() {
    
      $("#heyday").fadeOut();
      $("#reactivate").removeClass("hide");
	 $("#reactivate").addClass("show");
});



  $("#reactivate").click(function() {
    
      $("#heyday").fadeIn();
       $("#reactivate").removeClass("show");
      $("#reactivate").addClass("hide");

});

//show backgroudn END


// COOKIES
    // Left column state
    var sidebar = $.cookie('sidebar');
    var transparency = $.cookie('transparency');
    var invert = $.cookie('invert');

    if (sidebar == 'hide') {
        $("#hidesidebar").addClass("hide");
        $("#showsidebar").removeClass("hide");
        $("#sidebar").css("display","none");
        $("#posts").css("width","100%");
    };

    if (sidebar == 'show') {
        $("#showsidebar").addClass("hide");
        $("#hidesidebar").removeClass("hide"); 
        $('#posts').removeAttr('style');
         $('#sidebar').removeAttr('style');
    };
    if (transparency == 'on') {
      $(".no-opacity-black").addClass("opacity-black");
      $(".no-opacity-black").removeClass("no-opacity-black");
 
      $(".no-opacity-white").addClass("opacity-white");
      $(".no-opacity-white").removeClass("no-opacity-white");
  
      $("#switchon").addClass("hide");
      $("#switchoff").removeClass("hide");
     };
    if (transparency == 'off') {

      
            $(".opacity-black").addClass("no-opacity-black");
      $(".opacity-black").removeClass("opacity-black");
      $(".opacity-white").addClass("no-opacity-white");  
      $(".opacity-white").removeClass("opacity-white");

      $("#switchoff").addClass("hide");
      $("#switchon").removeClass("hide");
   
    };

    if (invert == 'white') {

      
         $(".opacity-black").addClass("opacity-white");
   $(".opacity-black").removeClass("opacity-black");

   
       //if black is not transparent
   $(".no-opacity-black").addClass("no-opacity-white");
   $(".no-opacity-black").removeClass("no-opacity-black");
   
   //body
      $(".body-black").addClass("body-white");
   $(".body-black").removeClass("body-black");
   
   $("#inverttoblack").removeClass("hide");
   $("#inverttowhite").addClass("hide");
   
    };

    if (invert == 'black') {

      
         //if white is transparent
   $(".opacity-white").addClass("opacity-black");
   $(".body-white").addClass("body-black");


   
   //if white is not transparent
   $(".no-opacity-white").addClass("no-opacity-black");
   $(".no-opacity-white").removeClass("no-opacity-white");
   
   
  
   //body
   $(".opacity-white").removeClass("opacity-white");
   $(".body-white").removeClass("body-white");
   
   $("#inverttoblack").addClass("hide");
   $("#inverttowhite").removeClass("hide");
   
    };

});