var $j = jQuery.noConflict();
var eidUrl = 'index.php?eID=frontend';
var i = -1;
var container;
var container_size;

$j(document).ready(function() {
	getActivity();
		
	$j('#leftArrow').click(function() {
		i--;
		if (i < 0) {
			i = container_size;	
		}
		$j('#latesteActivityBoxContent').children().hide().eq(i).show();
	});

	$j('#rightArrow').click(function() {
		i++;
		if (i > container_size) {
			i = 0;
		}
		$j('#latesteActivityBoxContent').children().hide().eq(i).show();
	});
	
    $j("#latesteActivityBoxContent").hover(
    function () {
    	clearTimeout(timeOut);
    },
    function () {
    	timeOut = setTimeout(next, 2500);
    });
});

var timeOut;
var error = false;
function getActivity() {
	clearTimeout(timeOut);
	$j.ajax({
	  url: eidUrl+"&mode=getActivity",
	  type: "GET",
	  cache: true,
	  dataType: "json",
	  success: function(data, textStatus){
	    $j("#latesteActivityBoxContent").html(data.content);
	    	container = $j('#latesteActivityBoxContent');
			container_size = container.children().size() - 1;
			doStuff();
	  },
	  error: function() {
	  	error = true;
	  	clearTimeout(timeOut);
	  	$j("#latesteActivityBoxContent").html('Error!<br />There is a problem to get activities.');
	  },
	  beforeSend: function() {
	  	showLoadBar();
	  }
	});
}
function doStuff() {
	$j('#rightArrow').trigger('click');
	timeOut = setTimeout('doStuff()', 2500);
};
function showLoadBar() {
	$j('#latesteActivityBoxContent').html('<div class="la_loading_text">Loading...</div><br /><div class="la_loading"><img src="typo3conf/ext/mocedn/pi5/res/images/ajax-loader.gif" /></div>');
}