$(document).ready(function(){
    
    // for tabbed boxes
    $(".tabbed").tabs();
        
    // for collapsable boxes
    $('.collapsable').addClass('active closed');
    
    // load collapsable states from cookies
    $('.collapsable').each(function (i){
      if ($.cookie($(this).attr('id')) == 'expanded'){
        jQuery.toggle_collapsable($(this));
      };
    });

    $('.collapsable .expand-tab, .collapsable h3').click(function(){
      var switchbox = $(this).parents('.collapsable')
      
      jQuery.toggle_collapsable(switchbox);
          
      // toggle cookie state when clicked
      if (switchbox.hasClass('closed')){
        $.cookie(switchbox.attr('id'), 'closed');
      }
      else {
        $.cookie(switchbox.attr('id'), 'expanded');  
      };
      return false;
    });

});

jQuery.toggle_collapsable = function(collapsable) {
  collapsable.children('.extra').animate({height:'toggle',opacity:'toggle'}, 'fast');
  collapsable.toggleClass('closed');
};