// JavaScript Document
var movingInsideImageContainerId = 'bannerImagesCropped';
var imageClass = 'image_component';
var current = 0;
var speed = 1000;
var boxHeight = 210;
var boxWidth = 520;
var timer;
var activated = false;
var userClick = false;
var right = false;
var currentClick = 0;
var animClick;
var clickReceived;

j(document).ready(function() {
	j("#prev").click(function(){ goPrev(true, currentClick); return false; });
	j("#next").click(function(){ goNext(true, currentClick); return false; });
	if(!activated){timer = setInterval(function(){ goNext(false, currentClick); }, 5000);}
	j('#'+movingInsideImageContainerId).css('width',(j('#'+movingInsideImageContainerId+' .'+imageClass).length * boxWidth)+'px');
});

function goPrev(userClick, animClick) {
	if(userClick){ clearInterval(timer); }
	right = false;
	j('#bannerNav a:eq('+(current+1)+')').removeClass('active');
	if(current != 0) {
		current --;
	}else {
		current = j('#'+movingInsideImageContainerId+' .'+imageClass).length - 1;
	}
	j('#bannerNav a:eq('+(current+1)+')').addClass('active');
	j('#'+movingInsideImageContainerId).animate({left:-(current * boxWidth) +"px"}, speed, function(){ callback(animClick); });
	currentClick++;
}

function goNext(userClick, animClick){
	if(userClick){ clearInterval(timer); }
	right = true;
	j('#bannerNav a:eq('+(current+1)+')').removeClass('active');
	j(current).removeClass('active');
	if(current >= j('#'+movingInsideImageContainerId+' .'+imageClass).length - 1) { current = 0; clearInterval(timer); }else { current++; }
	j('#bannerNav a:eq('+(current+1)+')').addClass('active');
	j('#'+movingInsideImageContainerId).animate({left:-(current * boxWidth) +"px"}, speed, function(){ callback(animClick); });
	
	currentClick++;
}

function callback(clickReceived){
	if(clickReceived == currentClick-1) {
	}
}