$(document).ready(function () {
  // hide all ULs inside LI.drawer except the first one
 $('LI.drawer UL.listmenu').hide(); 
  
  // apply the open class
 $('LI.drawer UL:first').addClass('open');
  
  $('H3.drawer-handle').click(function () {
    // hide the currently visible drawer contents
    $('LI.drawer UL.listmenu:visible').hide();
   
    // remove the open class from the currently open drawer
    $('H3.drawer-handle.open').removeClass('open');
    
    // show the associated drawer content to 'this' (this is the current H3 element)
    // since the drawer content is the next element after the clicked H3, we find
    // it and show it using this:
    $(this).next().slideDown("slow");
	
	
    
    // set a class indicating on the H3 that the drawer is open
    $(this).addClass('open');
	
	
  });
  
  
  var path = window.location.pathname.substr(1);
  $("a[href$='"+ path +"']").closest(".drawer").find(".listmenu").show();
  
});


$(document).ready(function () {

$("H3.drawer-handle").hover(function() {
$(this).stop().animate({ backgroundColor: "rgb(107,106,70)" }, 400);
},function() {
$(this).stop().animate({ backgroundColor: "#959463" }, 300);
});



})

$(document).ready(function () {

$("li").hover(function() {
$(this).stop().animate({ backgroundColor: "#c2c188" }, 400);
},function() {
$(this).stop().animate({ backgroundColor: "#aead7a" }, 300);
});



})