var csCount = 0;
var zIndexBase = 100;
var currentIndex = 0;
var contentIndex = 0;
var previousIndex = 0;
/*var waitTime = 3000;*/

var $ = jQuery.noConflict();
$(document).ready(function () {

	$('.slideThumb').eq(0).addClass('active');
	$('.slideTitle').eq(0).show();
	
	csCount = $('.slideThumbs .slideThumb').length; 
	//console.log(csCount);
	
	$('.slideImages .slideImage').each(function(i) {
        if(i == 0) {
            $(this).css({'z-index' : i+1, 'opacity' : 1, 'filter': 'alpha(opacity = 100)'});
        } else {
            $(this).css({'z-index' : i+1, 'opacity' : 0});
        }
        if(i == csCount-1) {
        	firstStyle = $('.slideImages .slideImage:eq(0)').attr('style');
        	firstContent = $('.slideImages .slideImage:eq(0)').html();
        }
    });
    
    $('.slideImages').append("<div class='slideImage' style='"+firstStyle+" opacity: 0; filter: alpha(opacity = 0);'>"+firstContent+"</div>");
    $('.slideImages .slideImage:eq('+csCount+')').css({'z-index' : csCount + 1});
    
    $('.slideThumb').click(function(e) {
    	e.preventDefault();
    	newImage = $(this).attr("rel");
    	animateTime = $('.seconds').text();
    	//console.log(animateTime);
    	updateContentThumb(newImage-1, animateTime);
    });
    
});

function rotateRefresh(userWaitTime) {
	rotateTimeout = setTimeout(function() {
		rotateImage(userWaitTime);
	}, userWaitTime);
}

$(window).load(function() {
	/*rotateTimeout = setTimeout(function() {
		rotateImage();
	}, waitTime);*/
});

function updateContentThumb(index, userWaitTime) {
	previousIndex = currentIndex;
    currentIndex = index-1;
    contentIndex = index-1;
    clearTimeout(rotateTimeout);
    rotateImageThumb(userWaitTime);
}

function updateText(index) {
	//console.log(index);
	if(index == 0) {
		index = csCount;
		//var newDescription = $('.galleryImage:eq('+(csCount)+')').children('.imageDescription').text();
		$('.slideTitle').hide();
		$('.slideTitle:eq('+(csCount)+')').show();
	    $('.slideThumb').removeClass('active');
	    $('.slideThumb').eq(csCount).addClass('active');
	} else {
		//var newDescription = $('.galleryImage:eq('+(index-1)+')').children('.imageDescription').text();
	    $('.slideTitle').hide();
	    $('.slideTitle:eq('+(index-1)+')').show();
	    $('.slideThumb').removeClass('active');
	    $('.slideThumb').eq(index-1).addClass('active');
	}
}

function rotateImage(userWaitTime) {
    currentIndex++;
    contentIndex = contentIndex == csCount-1 ? 0 : contentIndex+1;
    updateText(contentIndex+1);
    $('.slideImages .slideImage').stop(true, true);
    $('.slideImages .slideImage:eq('+currentIndex+')').animate({'opacity' : 1}, {
        duration:400, 
        queue:false, 
        easing:"swing",
        complete: function() {
            if(currentIndex == csCount) {
                $('.slideImages .slideImage:eq('+(csCount-1)+')').css({opacity : 0});
                $('.slideImages .slideImage:eq('+(csCount)+')').css({opacity : 0});
                $('.slideImages .slideImage:eq(0)').css({opacity : 1});
                currentIndex = 0;
            } else {
                $('.slideImages .slideImage:eq('+(currentIndex-1)+')').css({opacity : 0});
                $('.slideImages .slideImage:eq('+currentIndex+')').css({opacity : 1});
            }
        }
    });
    /*rotateTimeout = setTimeout(function() {
		rotateImage();
	}, waitTime);*/
	rotateRefresh(userWaitTime);
}

function rotateImageThumb(userWaitTime) {
	currentIndex++;
	contentIndex = contentIndex == csCount-1 ? 0 : contentIndex+1;
	updateText(contentIndex+1);
	$('.slideImages .slideImage').stop(true, true);
	if(currentIndex > previousIndex) {
		$('.slideImages .slideImage:eq('+currentIndex+')').animate({'opacity' : 1}, {
	        duration:400, 
	        queue:false, 
	        easing:"swing",
	        complete: function() {
                $('.slideImages .slideImage:eq('+previousIndex+')').animate({'opacity' : 0}, {duration:400, queue:false, easing:"swing"});
	        }
	    });
	} else {
		nextStyle = $('.slideImages .slideImage:eq('+currentIndex+')').attr('style');
        nextContent = $('.slideImages .slideImage:eq('+currentIndex+')').html();
        $('.slideImages').append("<div class='slideImage' style='"+nextStyle+" opacity: 0; filter: alpha(opacity = 0);'>"+nextContent+"</div>");
        $('.slideImages .slideImage').last().css({'z-index' : csCount + 2});
        $('.slideImages .slideImage').last().animate({'opacity' : 1}, {
	        duration:400, 
	        queue:false, 
	        easing:"swing",
	        complete: function() {
                $('.slideImages .slideImage:eq('+currentIndex+')').css({'opacity' : 1});
                $('.slideImages .slideImage:eq('+previousIndex+')').css({'opacity' : 0});
                $('.slideImages .slideImage').last().remove();
	        }
	    });
	}
	/*rotateTimeout = setTimeout(function() {
		rotateImage();
	}, waitTime);*/
	rotateRefresh(userWaitTime);
};