var carouselImages=[];
var initIndex=0;
var rotateDelay=3; //seconds
var rotateInterval;
var playing=false;

$(document).ready(function() {
	
	$.get('/_ssp/api/carousel.php','',imageHandler);
	$('#arrow_left').click(function(){
		left();
		return false;

	});
	
	$('#arrow_play').click(function(){
		if (!playing) imageNext();
		play();
		return false;
		
		
	});
	
	$('#arrow_right').click(function(){
		right();
		return false;

	});

});

function play() {

	if (playing) {
		clearInterval(rotateInterval);
		playing=false;
		$('#arrow_play').removeClass("pause");
	} else {
		rotateInterval=setInterval('imageNext();',rotateDelay*1000);
		playing=true;
		$('#arrow_play').addClass("pause");
	}	
	return false;
}

function left() {

	imagePrev();
	if (playing) {
		clearInterval(rotateInterval);
		rotateInterval=setInterval('imageNext();',rotateDelay*1000);
	}
	return false;
}

function right() {

	imageNext();
	if (playing) {
		clearInterval(rotateInterval);
		rotateInterval=setInterval('imageNext();',rotateDelay*1000);
	}
}

function imageHandler(item) {
	
	carouselImages=$.parseJSON(item);
	for (var i in carouselImages) {
		carouselImages[i].newImg= new Image();
		carouselImages[i].newImg.src=carouselImages[i].src;
		carouselImages[i].newImg.title=carouselImages[i].title;
		if (carouselImages[i].link[0]!='') {
			$(carouselImages[i].newImg).css('cursor','pointer');
			$(carouselImages[i].newImg).click((function(i) { return function() {
				document.location.href=carouselImages[i].link[0];
			}})(i));
		}
		
	}
	play();
	return false;
}

function imageNext() {
	
	if (initIndex<carouselImages.length-1) {
		initIndex++;
	} else {
		initIndex=0;
	}
	updateImage(carouselImages[initIndex]);
	return false;
}

function imagePrev() {
	if (initIndex>0) {
		initIndex--;
	} else {
		initIndex=carouselImages.length-1;
	}
	updateImage(carouselImages[initIndex]);
}

function updateImage(imageObj) {
	newImg=imageObj.newImg;
	$('#ministers_parishes').prepend(newImg);
	$($('#ministers_parishes img')[0]).show(); 
	$($('#ministers_parishes img')[1]).fadeOut(500);

}