$(document).ready(function() {
    // binde #COLimgnav .nav
    $("#COLimgnav .nav").bind("mouseover", function(){
        hideNav();
        var itemID = parseInt($(this).attr('id').substring(3));
        var subItem = '#sub' + itemID;
        var boxItem = '#box' + itemID;
        var navItem = '#nav' + itemID;
        // hintergrund einfärben
        $(navItem).addClass('blue');
        // subitem einblenden
        $(subItem).show();
    });
});

function hideNav(){
    // hintergrund einfärben
    $("#COLimgnav .nav").removeClass('blue');
    // subitem einblenden
    $("#COLimgnav .subnav").hide();
}