/*
-- -- -- -- -- -- --
css sprites 2
nav behaviour

http://www.alistapart.com/articles/sprites2
-- -- -- -- -- -- --
*/

$(document).ready(function(){
    $("#mainMenu").children("li").each(function() {
        $(this).children("a").css({backgroundImage:"none"});
    });

    attachNavEvents("#mainMenu", "uvod");
    attachNavEvents("#mainMenu", "onas");
    attachNavEvents("#mainMenu", "kontakt");
    attachNavEvents("#mainMenu", "doprava");

    function attachNavEvents(parent, myClass) {
        $(parent + " ." + myClass).mouseover(function() {
            $(this).append('<div class="nav-' + myClass + '"></div>');
            $("div.nav-" + myClass).css({display:"none"}).fadeIn(300);
        }).mouseout(function() {
            $("div.nav-" + myClass).fadeOut(300, function() { $(this).remove(); });
        }).mousedown(function() {
            $("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
        }).mouseup(function() {
            $("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
        });
    }
});