var actual_content = "informace-sub";

document.observe("dom:loaded", function () {
    $$("ul.over > li").each(function (el) {
            el.observe("mouseover", function(ele) {
					var ul = el.down().next();
					if(ul != null) {
						ul.style.display = "block";
					}
            
            }); 
            el.observe("mouseout", function(ele) {
					var ul = el.down().next();
					if(ul != null) {
						ul.style.display = "none";
					}
            });              
            
    });
   
   
   
	$$(".aover").each(function(el) {
	
			el.observe("mouseover", function(ele) {
				if(actual_content != el.id+"-sub") {
					var preva = actual_content.substr(0,actual_content.length-4);
					var prevdiv = $(preva).up();
					var prevli = $(preva).up().up();
					prevdiv.removeClassName("active");
					prevli.removeClassName("active");
					var div = $(el.id).up();
					var li = div.up();
					div.addClassName("active");
					li.addClassName("active");					
					
					Effect.Fade($(actual_content), { queue: "end"});
					Effect.Appear(el.id + "-sub",  { queue: "end"});
					actual_content = el.id + "-sub";
				}
			});
	
	});
});