var visibleDiv = $("div1");
var imgs = Array();
var pos = 1;

function toggle(){       
    pos++; 
    if(pos==imgs.length) 
      pos=0;
    var newSrc = imgs[pos].src;

    if(visibleDiv == $("div1")){        
        $("image2").src = newSrc;
        //alert('fading div2 to '+newSrc+'\n pos '+pos);
        //$("div2").style.left = (($("div2").getParent().getSize().x - $("div2").getSize().x) / 2 ) + 'px';        
        $("div1").fx = new Fx.Morph($("div1"), {duration: 4000}).start({'opacity':0});
        $("div2").fx = new Fx.Morph($("div2"), {duration: 4000}).start({'opacity':1});
        visibleDiv = $("div2");
    }else{        
        $("image1").src = newSrc;
        //alert('fading div1 to '+newSrc+'\n pos '+pos);
        //$("div1").style.left = (($("div1").getParent().getSize().x - $("div1").getSize().x) / 2 ) + 'px';
        $("div1").fx = new Fx.Morph($("div1"), {duration: 4000}).start({'opacity':1});
        $("div2").fx = new Fx.Morph($("div2"), {duration: 4000}).start({'opacity':0});
        visibleDiv = $("div1");
    }
    window.setTimeout(toggle, 10000);
}

function loadImages(buttonsAndImages){
    for(var i=0; i<buttonsAndImages.length; i++) {
        var image = new Element("img",{ src:buttonsAndImages[i] });
        imgs.push(image);
    }
    // v tomto okamziku jeste neni prvni obrazek zcela nacteny, proto je potreba pouzit korekci od oka (500)
    //$("div2").style.left = (($("div2").getParent().getSize().x - 500) / 2 ) + 'px';    
    window.setTimeout(toggle, 7000);
}