$(document).ready(function() {
    /*$("li ul").css({'display': 'none'});     */
    $("li ul").css({'opacity': '0', 'display':'none'});
    $("li.select ul").css({'opacity': '1', 'display':'block'});
    /*$("li.select").css({'background': '#bd2533'}); */
        /*$("li.level1").children(function(){
            var numOfSub =   $(this).children().length;
            if(numOfSub > 1){
                $(this).find("a").attr('href','');
                var hrefText = $(this).find("a").html();
                $(this).children("a").remove();
                $(this).prepend(hrefText);
            }

            $(this).css({'cursor': 'pointer'});
        }); */


        $("li.level1").hover(function(){
            //objectProperties($(this));
            var attr = $(this).attr("class");
            if(attr != "level1 select") $(this).animate({ backgroundColor: "#c9c9c9" }, 200);
            $(this).find("ul").css({display: 'block', zIndex: '99'});
            $(this).find("ul").stop().animate({opacity: '1'}, 400);
            $(".select").css({ backgroundColor: "#818181"});
        },
        function(){
            var attr = $(this).attr("class");
            
            if(attr != "level1 select") $(this).animate({ backgroundColor: "#E1E1E3" }, 300);
            
            $(this).find("ul").stop().animate({opacity: '0'}, 300, callback);
            $(".select").css({ backgroundColor: "#818181"});
            //, function(){$(this).css({'opacity': '0', 'display':'none'});}
        });
        
        function callback(e){
            //alert($(this));
            $(this).css({'display':'none'});
        }
        
        $('#top').mouseleave(function(){

            $("li.select ul").css({display: 'block', zIndex: '2'});
            $("li.select ul").stop().animate({opacity: '1'}, 300);
        });
        
        /*mapa*/
     	$("a.mark_prague").mouseover(function(){
            $(".prague").css({"background":"#C0C0C0"});
            $(this).hover(function() {
    		}, function(){
    			$(".prague").css({"background":"none"});
    		});
        });
        $("a.mark_brno").mouseover(function(){
            $(".brno").css({"background":"#C0C0C0"});
            $(this).hover(function() {
    		}, function(){
    			$(".brno").css({"background":"none"});
    		});
        });
        $("a.mark_olomouc").mouseover(function(){
            $(".olomouc").css({"background":"#C0C0C0"});
            $(this).hover(function() {
    		}, function(){
    			$(".olomouc").css({"background":"none"});
    		});
        });
        $("a.mark_bratislava").mouseover(function(){
            $(".bratislava").css({"background":"#C0C0C0"});
            $(this).hover(function() {
    		}, function(){
    			$(".bratislava").css({"background":"none"});
    		});
        });
        $("a.mark_moskva").mouseover(function(){
            $(".moskva").css({"background":"#C0C0C0"});
            $(this).hover(function() {
    		}, function(){
    			$(".moskva").css({"background":"none"});
    		});
        });

});


function objectProperties(obj){
    var out = "";
    for (var myKey in obj){
        out += obj[myKey] + "  -  " +myKey+"\n";
    }
    alert(out);
}

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};