var slides_nb = 0;
var timer;
var myTimer = {};

$(document).ready(function() {
    //$("#carousel img").lazyload({
    //   event:'mousemove'
    //});
    slideShow();
    timer = setInterval("slideShow()", 7000);
    $('.slide a').click(function() {
        clearInterval(timer);
        $.clearTimer(timer);
        var iter = $(this).attr('class').split('_');
        slides_nb = iter[1];        
        var array = $(this).parents('.slide').attr('id').split('_');
        var id = array[1];
        $('.slide').removeClass('selected');
        $(this).parents('.slide').addClass('selected');
        $('.carousel-slide').hide();
        $("#slide_"+id).fadeIn('fast'); 
    });
});


function slideShow() {
    $('.carousel-slide').hide();
    var slides = $('.carousel-slide');
    var s = slides[slides_nb];
    if(s) {
        var temp = s.id;
        var array = temp.split('_');
        var id = array[1];
        $('.slide').removeClass('selected');
        $('#menu_'+id).addClass('selected');
        $("#"+s.id).fadeIn('fast');
        var i = slides.length-1;
        if(i <= slides_nb){
            slides_nb = 0;
        }
        else {
            slides_nb++;
        }
    }
}