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

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


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

      if ($("#panel").is(":visible")) {
		  $("#panel").slideUp("slow");
		$(this).addClass("active");
        $.cookie('showTop', 'expanded');
	return false;
       
	
      } else {	
	 $("#panel").slideDown("slow");
	$(this).removeClass("active");
         $.cookie('showTop', 'collapsed');
	return false;

      }
	
   });

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

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