$(document).ready(function() {
    
    //Add class to nav li for browsers that don't support the hover pseudo selector
    $("#nav li").hover(function() {
       $(this).toggleClass("sfHover"); 
    });
    
    //The Accordion 
    $("#accordian").accordion({ autoHeight: false, active: false });
    //$("#accordian").accordion({ collapsible: false });
    
    $("ui-state-active").css("background-position", "0 -24px");
    
    //Overlays
    //Display the trigger for the overlay
    $("#musicList a.listen").css( "display", "block");
    $("#musicList a[rel]").overlay({ mask: { color: '#000', opacity: 0.7 } });
    
    //Display the trigger for the overlay
    $("#worksList ul a.listen").css( "display", "block");
    $("#worksList ul a[rel]").overlay({ mask: { color: '#000', opacity: 0.7 } });
});