$(function(){
    // Toggle
    var tgl = function(elm, add) {
        var name = elm.attr("class");
        name = name.substring(name.indexOf(' ')+1, name.length);
        if (add) { $("#dkmap-container").addClass(name); }
        else     { $("#dkmap-container").removeClass(name); }
    }
    
    // Bottom list
    $(".dkmap-button").each(
        function( intIndex ) {
            $(this).bind("mouseover", function() { tgl($(this), true); });
            $(this).bind("mouseout", function() { tgl($(this), false); });
        }
    );

    // Map list
    $(".dkmapping").each(
        function( intIndex ) {
            $(this).bind("mouseover", function() { tgl($(this), true); });
            $(this).bind("mouseout", function() { tgl($(this), false); });
        }
    );
});