$(document).ready(function() {
   
 	
	//$("#panel").show();

 var a = $("<a>toggle</a>").attr('href','#').addClass("btn-slide");
 $('#wrapper').before(a);


   $(".btn-slide").click(function(){

      if ($("#panel").is(":hidden")) {
        $("#panel").slideDown("slow");
	$(this).addClass("active");
         $.cookie('showTop', 'expanded',{ expires: 7, path: '/', secure: false });
	return false;
	
      } else {
        $("#panel").slideUp("slow");
	$(this).addClass("hide");
        $.cookie('showTop', 'collapsed',{ expires: 7, path: '/', secure: false });
	return false;

      }
	
   });

// COOKIES
    // Header State
    var showTop = $.cookie('showTop');

    // Set the user's selection for the Header State
    if (showTop == 'collapsed') {
	$("#panel").hide();
	$(".btn-slide").addClass("hide");
	
    };
 
});