var imageTimer;
var textTimer;
var totalElements;

$(document).ready(
    function() {
        totalElements = $(".imageElement").size();
        
        for(i = 0; i < totalElements; i++)
        {        
            var img = new Image();
            $(img).attr({'src' : 'images/dot.gif', 'id' : i.valueOf()}).addClass("navImage").appendTo(".navImages").click( function() { ChangeImage(this.id); } );
        }
        
        clearTimeout(imageTimer);
        imageTimer = setTimeout("ChangeImage(0)", "50")
    }
);

function ChangeImage(number)
{
    $('.textElement:eq(' + number + ')').fadeOut('slow');
    $(".imageElement").css({'display': 'none','visibility': 'hidden'});
    
    var nextNumber = number + 1;
    
    if (nextNumber >= totalElements) {
        nextNumber = 0;
    }
    
     $(".imageElement:eq(" + number + ")").css({'display':'block', 'opacity':'0' , 'visibility':'visible'}).animate({"opacity":1},300, "linear", null).animate({"opacity":1},300, "linear", null);
    
    $(".navImage").attr('src', 'images/dot.gif');
    $(".navImage:eq(" + number + ")").attr('src', 'images/dot_on.gif');
    
    clearTimeout(textTimer);
    textTimer = setTimeout('SlideTextIn(' + number + ')', "1500");
    
    clearTimeout(imageTimer);
    imageTimer = setTimeout("ChangeImage(" + nextNumber + ")", "8000")
}

function SlideTextIn(number)
{
    if ($.browser.msie)
    {
        $('.textElement:eq(' + number + ')').show();
    }
    else 
    {
        $('.textElement:eq(' + number + ')').fadeIn('slow');
    }
    
    clearTimeout(textTimer);
    textTimer = setTimeout('SlideTextOut(' + number + ')', "7000");
}

function SlideTextOut(number)
{
    if ($.browser.msie)
    {
        $('.textElement:eq(' + number + ')').hide();
    }
    else 
    {
        $('.textElement:eq(' + number + ')').fadeOut('slow');
    }
}