$(document).ready(function(){

    $("ul.sidemenu li a").hover(
        function()
        {
            $(this).addClass("hover").removeClass("nonhover");
        },
        function()
        {
            $(this).removeClass("hover").addClass("nonhover");
        }
    );
    
    /*image map/expander behaviour*/
    $("div.image-map ul li a").click(
        function()
        {
            id = $(this).parents("li").attr("class");
            //see if the desire content is open and if so hide it otherwise show it
            if($("div#"+id+" div.head a").attr("class").match("open"))
            {   
                //make sure all the expanded content areas are hidden
                $("div.expander div.body").addClass("hidden");
                $("div.expander div.head a").removeClass("open");
            }
            else
            {   
                //make sure all the expanded content areas are hidden
                $("div.expander div.body").addClass("hidden");
                $("div.expander div.head a").removeClass("open");
                //show
                $("div#"+id+" div.body").removeClass("hidden");
                $("div#"+id+" div.head a").addClass("open");
            }
            
            return false;
        }
    );
    
    $("div.expander div.head a.control").click(
        function()
        {
            if($(this).attr("class").match("open"))
            {
                //close the element as it is open already
                $(this).parents(".expander").children(".body").addClass("hidden");
                $(this).removeClass("open");
            }
            else
            {
                //make sure all the expanded content areas are hidden
                $("div.expander div.body").addClass("hidden");
                $("div.expander div.head a").removeClass("open");
                //show the desired content
                $(this).parents(".expander").children(".body").removeClass("hidden");
                $(this).addClass("open");
            }
            return false;
        }
    );
});

function enableJSClass()
{
	document.body.className = "jsEnabled";
}