var csCount = 0;
var zIndexBase = 100;
var currentIndex = 0;
var galleryElementWidth = 965;
var waitTime = 3000;

$(document).ready(function() {
    
    csCount = $('#galleryCanvas span.galleryImage').length; 
    $('#galleryCanvas span.galleryImage').each(function(i) {
        if(i == 0) {
            $(this).css({'z-index' : i+1});
        } else {
            $(this).css({'z-index' : i+1, 'width' : 0, 'opacity' : 0});
        }
        if(i == csCount-1) {
            rotateTimeout = setTimeout(function() {
        		rotateImage();
        	}, waitTime);
        	firstStyle = $('#galleryCanvas span.galleryImage:eq(0)').attr('style');
        }
    });
    $('#galleryCanvas').append("<span class='galleryImage' style='"+firstStyle+" opacity: 0;'></span>");
    $('#galleryCanvas .galleryImage:eq('+csCount+')').css({'z-index' : csCount + 1});
    /*$('.csViewMoreBtn').click(function(e) {
        e.preventDefault();
        rotateImage();
    });*/
});

function rotateImage() {
    currentIndex++;
    //$('.stayInTouchModule p').html('current: '+currentIndex);
    $('#galleryCanvas .galleryImage').stop(true, true);
    $('#galleryCanvas .galleryImage:eq('+currentIndex+')').animate({'width' : galleryElementWidth+'px'}, {
        duration:900, 
        queue:false, 
        easing:"easeOutExpo"
    })
    .animate({'opacity' : 1}, {
        duration:1000, 
        queue:false, 
        easing:"swing",
        complete: function() {
            if(currentIndex == csCount) {
                $('#galleryCanvas .galleryImage:eq('+(csCount-1)+')').css({'width' : 0, opacity : 0});
                $('#galleryCanvas .galleryImage:eq('+(csCount)+')').css({'width' : 0, opacity : 0});
                $('#galleryCanvas .galleryImage:eq(0)').css({'width' : '965px', opacity : 1});
                currentIndex = 0;
            } else {
                $('#galleryCanvas .galleryImage:eq('+(currentIndex-1)+')').css({'width' : 0, opacity : 0});
                $('#galleryCanvas .galleryImage:eq('+currentIndex+')').css({'width' : '965px', opacity : 1});
            }
        }
    });
    rotateTimeout = setTimeout(function() {
		rotateImage();
	}, waitTime);
}