<script src="../lib/jquery-1.6.4.min.js"></script>
<script src="../jquery.backstretch.min.js"></script>
<script>
    $.backstretch("pot-holder.jpg");
</script>

<script src="../lib/jquery-1.6.4.min.js"></script>
<script src="../jquery.backstretch.min.js"></script>
<script>
    // vqmnit suratis masivs.
    var images = [
        "pot-holder.jpg",
        "coffee.jpg"
    ];
    
    // patara skritpi suratis sachvveneblad chatvirtvistvis.
    // zedmet codnas ar moitxovs magram idea kaia.
    $(images).each(function(){
       $('')[0].src = this;
    });
    
    // index is gamoyeneba  miutitebs amjamad gamoyenebuls uratze.
    var index = 0;

    // vizaxebt Backstretch pirvelad.
    // am shemtxvevashi gamoiyeneba sichqare  500ms suratis gamochenis efeqtistvis.
    $.backstretch(images[index], {speed: 500});

    // vayenebt intervals ris shemdegac gadiddeba  index da dayendeba axali surati.
    // shenishvna: sichqare gamoiyeneba plaginis pirveli motxovnidan.
    setInterval(function() {
        index = (index >= images.length - 1) ? 0 : index + 1;
        $.backstretch(images[index]);
    }, 5000);
</script>

<script src="../lib/jquery-1.6.4.min.js"></script>
<script src="../jquery.backstretch.min.js"></script>
<script>
    $.backstretch("pot-holder.jpg", {speed: 500});
    
    $("#pot-holder").click(function() {
       $.backstretch("pot-holder.jpg");
    });
    
    $("#coffee").click(function() {
       $.backstretch("coffee.jpg");
    });
</script>