$(document).ready(function(){
	$(function () {
        $('div.drawers').accordion({
            header: 'div.drawer-handle',
            selectedClass: 'open',
            event: 'mouseover',
            animated: 'easeslide'

        });
    });

    $(function(){
        $("div.pshow").hide().addClass("profile");
          $(".headshotpics").hover(function(){
			 var name = $(this).attr('name');
             $(this).removeClass("headshotpics_hl"); 
             $(".headshotpics[name='"+name+"']").addClass("headshotpics_hl"); 
             $(".headshotnames[name='"+name+"']").addClass("headshotnames_hl");
             },
        function(){
			var name = $(this).attr('name');
            $(".headshotpics[name='"+name+"']").removeClass("headshotpics_hl"); 
            $(".headshotnames[name='"+name+"']").removeClass("headshotnames_hl"); 
        });        
        $(".headshotpics").click(function(){
			var name2 = $(this).attr('name');
             $("div.profile").hide();
             $("div.profile[name='"+name2+"']").fadeIn("fast");
         });
        $("div.headshotnames").hover(function(){ 
			var name3 = $(this).attr('name');
            $(this).addClass("headshotnames_hl");   
            $(".headshotpics[name='"+name3+"']").addClass("headshotpics_hl");
        },
        function(){
			var name4 = $(this).attr('name');
            $(".headshotnames[name='"+name4+"']").removeClass("headshotnames_hl"); 
            $(".headshotpics[name='"+name4+"']").removeClass("headshotpics_hl"); 
        });
        $("div.headshotnames").click(function(){
			 var name5 = $(this).attr('name');
             $("div.profile").hide();
             $("div.profile[name='"+name5+"']").fadeIn("fast");
         });
    }); 
});