// -*- java -*-

var toolbox_state = false;

function mouseOverFlag(e) {

    if (!(this.identify() == 'flag-tool' & toolbox_state)) {
        new Effect.Morph(this, { style: 'width: 28px;', duration: 0.1} );
    }

    return false;

}
                       
function mouseOutFlag(e) {

    if (e.relatedTarget.identify() != this.identify() &  
        !(this.identify() == 'flag-tool' & toolbox_state)
        ) { /* check for leaving to new shown area */
        new Effect.Morph(this, { style: 'width: 23px', duration: 0.1} );
    }

    return false;

}

function swapTools(event) {

    event.stopPropagation(); // stop propagation

    var toolbox = $('flag-tool');

    if (!toolbox_state) { // zobrazime
        toolbox.setStyle('border: #CEAB86 solid 1px; background-color: #EDDBBB; background-image: url(/res2009/img/flag_slider_tool_active.gif);');
        new Effect.Morph(toolbox, { style: 'width: 170px; height: 220px; top: 75px; right: 15px;', 
                                               duration: 0.15,
                                               afterFinish: function () {
                                               }
                                               } );
    } else { // schovame
        new Effect.Morph(toolbox, { style: 'width: 23px; height: 19px; top: 65px; right: 0px;', 
                                               duration: 0.15,
                                               afterFinish: function () {
                                                 $('flag-tool').setStyle('border: none; background-color: transparent; background-image: url(/res2009/img/flag_slider_tool.gif);');
                                                }
                                  }
                         );
        
    }

    toolbox_state = ! toolbox_state;

    //    alert("kuk");

    return true;

}

document.observe('dom:loaded', function() {

    //    $('flag-tool').observe('click', swapTools);
    $('flag-tool').observe('mouseout', mouseOutFlag);
    $('flag-tool').observe('mouseover', mouseOverFlag);
    $('flag-print').observe('mouseout', mouseOutFlag);
    $('flag-print').observe('mouseover', mouseOverFlag);
    
    if ($('flag-cz')) {
        $('flag-cz').observe('mouseout', mouseOutFlag);
        $('flag-cz').observe('mouseover', mouseOverFlag);
    }

    if ($('flag-gb')) {
        $('flag-gb').observe('mouseout', mouseOutFlag);
        $('flag-gb').observe('mouseover', mouseOverFlag);
    }
    
});