var tout;
    var tout2;
    var tout3;
    var tout4;

    function hideBubble() {
        new Effect.Fade('bubble',{duration:0.25});
    }
    function hideBubble2() {
        new Effect.Fade('bubble2',{duration:0.25});
    }
    function hideBubble3() {
        new Effect.Fade('bubble3',{duration:0.25});
    }
    function hideBubble4() {
        new Effect.Fade('bubble4',{duration:0.25});
    }

    $$("#button div.b_start").each(function(day) {
        $(day).observe('mouseover',function(e) {
            var elm = Event.findElement(e,'div');
            var bub = $('bubble');
//            $('bubble_content').update(elm.childElements()[1].innerHTML);
            $('bubble_content').update(elm.innerHTML);
            bub.setStyle({
                left: Math.round(Position.cumulativeOffset(elm)[0]-1)+'px', //-Position.cumulativeOffset($('sidebar'))[0]+elm.getWidth()/2)+'px',
                top: Math.round(Position.cumulativeOffset(elm)[1]-325)+'px',
                opacity: 1.0
            });
            hideBubble2();
            bub.show();
            Event.stop(e);
        });
    });
    // middle1 - plzen, middle2 - napajedla, middle3 - sumava, middle4 - praha, middle5 - liberec, middle6 - mechov
    // plzen, sumava, liberec - bubble_left
    
    $$("#button div.b_middle1", "#button div.b_middle3", "#button div.b_middle5").each(function(day2) {
        $(day2).observe('mouseover',function(e) {
            var elm = Event.findElement(e,'div');
            var bub2 = $('bubble2');
//            $('bubble_content').update(elm.childElements()[1].innerHTML);

            $('bubble_content2').update(elm.innerHTML);

            bub2.setStyle({
                left: Math.round(Position.cumulativeOffset(elm)[0]-70)+'px', //-Position.cumulativeOffset($('sidebar'))[0]+elm.getWidth()/2)+'px',
                top: Math.round(Position.cumulativeOffset(elm)[1]-325)+'px',
                opacity: 1.0
            });
            hideBubble();
            hideBubble4();
            bub2.show();
            Event.stop(e);

        });
    });
    
    $$("#button div.b_end").each(function(day3) {
        $(day3).observe('mouseover',function(e) {
            var elm = Event.findElement(e,'div');
            var bub3 = $('bubble3');
//            $('bubble_content').update(elm.childElements()[1].innerHTML);

            $('bubble_content3').update(elm.innerHTML);

            bub3.setStyle({
                left: Math.round(Position.cumulativeOffset(elm)[0]-130)+'px', //-Position.cumulativeOffset($('sidebar'))[0]+elm.getWidth()/2)+'px',
                top: Math.round(Position.cumulativeOffset(elm)[1]-325)+'px',
                opacity: 1.0
            });
            hideBubble4();
            bub3.show();
            Event.stop(e);
        });
        });
     //napajedla, praha, mechov - bubble_left1
    $$("#button div.b_middle2", "#button div.b_middle4", "#button div.b_middle6").each(function(day4) {
        $(day4).observe('mouseover',function(e) {
            var elm = Event.findElement(e,'div');
            var bub4 = $('bubble4');
//            $('bubble_content').update(elm.childElements()[1].innerHTML);

            $('bubble_content4').update(elm.innerHTML);

            bub4.setStyle({
                left: Math.round(Position.cumulativeOffset(elm)[0]-70)+'px', //-Position.cumulativeOffset($('sidebar'))[0]+elm.getWidth()/2)+'px',
                top: Math.round(Position.cumulativeOffset(elm)[1]-325)+'px',
                opacity: 1.0
            });
            hideBubble2();
            hideBubble3();
            bub4.show();
            Event.stop(e);

        });
    });


    $("button").observe('mouseout',function(e) {
        clearTimeout(tout);
        tout = setTimeout(hideBubble,5000);
        clearTimeout(tout2);
        tout2 = setTimeout(hideBubble2,5000);
    });

    $("button").observe('mouseout',function(e) {
        clearTimeout(tout3);
        tout3 = setTimeout(hideBubble3,5000);
        clearTimeout(tout4);
        tout4 = setTimeout(hideBubble4,5000);
    });
    $("bubble").observe("mouseover", function() { clearTimeout(tout); });
    $("bubble").observe("mouseout", function() { tout = setTimeout(hideBubble,5000); });
    $("bubble2").observe("mouseover", function() { clearTimeout(tout2); });
    $("bubble2").observe("mouseout", function() { tout2 = setTimeout(hideBubble2,5000); });
    $("bubble3").observe("mouseover", function() { clearTimeout(tout3); });
    $("bubble3").observe("mouseout", function() { tout3 = setTimeout(hideBubble3,5000); });
    $("bubble4").observe("mouseover", function() { clearTimeout(tout4); });
    $("bubble4").observe("mouseout", function() { tout4 = setTimeout(hideBubble4,5000); });
    ///
    $(document.body).observe('mouseup',hideBubble);
    $(document.body).observe('mouseup',hideBubble2);
    $(document.body).observe('mouseup',hideBubble3);
    $(document.body).observe('mouseup',hideBubble4);
    var cross = $(document.createElement("A"));
    cross.observe("click", hideBubble);
    cross.observe("click", hideBubble2);
    cross.observe("click", hideBubble3);
    cross.observe("click", hideBubble4);
    $("bubble").appendChild(cross);
    $("bubble2").appendChild(cross);
    $("bubble3").appendChild(cross);
    $("bubble4").appendChild(cross);