var actual = 0;
var interval;
var files = new Array();
files[0]="first.png";
files[1]="third.png";
files[2]="second.png";


$(document).ready(function() {
    
    $("#karuzela a").click(function(){
        stop();
        actual = parseInt($(this).attr("id"));
        change();
        start();
    });
    
    start();
    
 });
 
function start() { interval = setInterval("refresh()",10000); }

function stop() { clearInterval(interval); }
 
 function refresh(){
    if(actual == 2){
        actual = 0;
    }else{
        actual++;
    }
    change();
}

function change(){
    $("#karuzela").fadeTo(250, 0.00, function(){
        $("#karuzela a.active").removeClass("active");
        $("#karuzela a:eq(" + actual + ")").addClass("active");
        $("#karuzela").css("background-image","url(images/banners/" + files[actual] + ")");
    });
    $("#karuzela").delay(250).fadeTo(500, 1.0);
}