$(document).ready(function () {

    $(".dropdown dt img").hover(function () {

        //alert($(this).html());
        //alert($(this).attr("src"));
        //custom - change the category image to on
        //                 var src = $(this).children("img:first").attr("src").replace("_off", "_on");
        //                 $(this).children("img:first").attr("src", src);

        var src = $(this).attr("src").replace("_off", "_on");
        $(this).attr("src", src);

    }, function () {

        var src = $(this).attr("src").replace("_on", "_off");
        $(this).attr("src", src);

    });

    $("#nav1").click(function () { $(".dropdown dd ul").hide(); $("#nav1 ul").show(); });
    $("#nav2").click(function () { $(".dropdown dd ul").hide(); $("#nav2 ul").show(); });
    $("#nav3").click(function () { $(".dropdown dd ul").hide(); $("#nav3 ul").show(); });
    $("#nav4").click(function () { $(".dropdown dd ul").hide(); $("#nav4 ul").show(); });
    $("#nav5").click(function () { $(".dropdown dd ul").hide(); $("#nav5 ul").show(); });
    $("#nav6").click(function () { $(".dropdown dd ul").hide(); $("#nav6 ul").show(); });
    $("#nav7").click(function () { $(".dropdown dd ul").hide(); $("#nav7 ul").show(); });
    $("#nav8").click(function () { $(".dropdown dd ul").hide(); $("#nav8 ul").show(); });
    $("#nav9").click(function () { $(".dropdown dd ul").hide(); $("#nav9 ul").show(); });

    $(".dropdown dd ul li a").click(function () {
        var text = $(this).html();
        $(".dropdown dt span").html(text);
        $(".dropdown dd ul").hide();
        //$("#result").html("Selected value is: " + getSelectedValue("sample"));
    });

    $(document).bind('click', function (e) {
        var $clicked = $(e.target);
        if (!$clicked.parents().hasClass("dropdown"))
            $(".dropdown dd ul").hide();
    });

});