include('js/scriptacolus/scriptaculous.js?load=effects');

document.observe("dom:loaded", function() {
    var vyroci = $('vyroci');
    vyroci.setStyle({
        cursor : "pointer",
        position : "absolute",
        left:"320px",
        top:"200px"
    }
    );

    var prubeh = null;
    var zmensit = true;
    vyroci.observe("click",zmensovani);
    setTimeout(zmensovani2,2000);

    function zmensovani2()
    {
        if(prubeh === null)
            zmensovani();
    }

    function zmensovani() {
        if(prubeh) return;
        prubeh = true;
        var vyroci = $('vyroci');
        
        if(zmensit) {
            new Effect.Morph(vyroci,{
                    style:"width:140px;height:197px"
            });
            new Effect.Move(vyroci,{
                        x : 440,
                        y:400,
                        mode:"relative",
                        afterFinish:function() {prubeh=false;}
            });
            zmensit = false;
        }
        else {
            new Effect.Morph(vyroci,{
                    style:"width:422px;height:595px"
            });
            new Effect.Move(vyroci,{
                        x : -440,
                        y:-400,
                        mode:"relative",
                        afterFinish:function() {prubeh=false;}
            });
            zmensit = true;
        }
    }
});