var actualImage = 3;
var tPeriod = parseFloat(timePeriod)*1000;
var tIn = parseFloat(timeIn) * 1000;
var tOut = parseFloat(timeOut) * 1000;
var autoTime;
 
$(document).ready(function(){

    setTimeout("autoSwitch()",tPeriod);
    $(".imagesdot").click(function() {
        //alert("dlsj")
        actualImage = parseInt($(this).attr("id").replace("dot",""));
        switchImages();
    })

    $("#imgleftarrow").live("click",function() {
        actualImage = (actualImage == 1)? 5:actualImage-1
        switchImages();
    })

    $("#imgrightarrow").live("click",function() {
        actualImage = (actualImage == 5)? 1:actualImage+1
        switchImages();
    })
})

function autoSwitch(){
    actualImage = (actualImage == 5)? 1:actualImage+1
    //autoTime = setTimeout("autoSwitch()",tPeriod);
    switchImages();
}

function switchImages(){
    clearTimeout(autoTime);
    $("#moving img").fadeOut(tOut);

    $("#banner"+actualImage).fadeIn(tIn,function(){
        autoTime = setTimeout("autoSwitch()",tPeriod);
    });
    
    $(".imagesdot").removeClass("greendot");
    $("#dot"+actualImage).addClass("greendot");
}