var slideNumber = 1;
var interval;
var totalSlides;

jQuery(document).ready(function(){
    totalSlides = jQuery(".slide-item-container").length;    
})

jQuery(window).load(function() {
    //ChangeSlide();
    interval = setInterval(function() { ChangeSlide(); }, 5000);
    jQuery('#slide1').fadeIn(1000);
    jQuery('.slideDot').click(function() {
        clearInterval(interval);
        var slideClicked = jQuery(this).attr("rel");
        jQuery('.slideDot').css('backgroundPosition','0px 0px');
        jQuery(this).css('backgroundPosition','0px -8px');
        if (slideNumber != slideClicked) {
            jQuery('#slide'+slideNumber).fadeOut(1000);
            jQuery('#slide'+slideClicked).fadeIn(1000);
        }
        slideNumber = slideClicked;
    });
});

function ChangeSlide() {
    slideNumber = parseInt(slideNumber);
    var slideOld = slideNumber;
    if (slideNumber == totalSlides) slideNumber = 1; else slideNumber = slideNumber+1;
    jQuery('#slide'+slideOld).fadeOut(1000);
    jQuery('#slide'+slideNumber).fadeIn(1000);
    jQuery('#slideDot'+slideOld).css('backgroundPosition','0px 0px');
    jQuery('#slideDot'+slideNumber).css('backgroundPosition','0px -8px');
}