var banners = 5;
var position = 1;
var delay = 4000;
var pause = 8000;
var transition = 500;

var moving = false;
var timeout = 0;

function startSlider(the_banners, the_position, the_delay, the_pause, the_transition) {
	
	banners = the_banners;
	position = the_position;
	the_delay = the_delay;
	pause = the_pause;
	transition = the_transition;
	
	timeout = setTimeout(moveBanner, delay);
}

function moveBanner() {
	if (moving == false) {
		moving = true;
		var banner = $('#banner_element_' + position);
		
		$('#banner_links_wrapper a').removeClass();
		
		if ((position + 1) > banners) {
			$('#banner_element_1').css('z-index', '9');
			$('#banner_link_1').addClass('banner_selected');
		} else {
			$('#banner_element_' + (position+1)).css('z-index', '9');
			$('#banner_link_' + (position+1)).addClass('banner_selected');
		}
		
		$(banner).animate({
			left: '-750'
		}, transition , function () {
			$(banner).css('left', '0px').css('z-index', '0');
			$('#banner_element_' + (position+1)).css('z-index', '10');
			
			position++;
			
			if (position > banners) {
				position = 1;
			}
			
			moving = false;
			timeout = setTimeout(moveBanner, delay);
		});
	}
}

function moveTo(x) {
	if ( (moving == false) && (position != x) && (x > 0) && (x <= banners)) {
		clearTimeout(timeout);
		moving = true;
		
		var banner = $('#banner_element_' + position);
		
		$('#banner_links_wrapper a').removeClass();
		$('#banner_link_' + x).addClass('banner_selected');
		
		$('#banner_element_' + x).css('z-index', '9');

		$(banner).animate({
			left: '-750'
		}, transition, function () {
			$(banner).css('left', '0px').css('z-index', '0');
			$('#banner_element_' + x).css('z-index', '10');
			
			position = x;
			
			if (position > banners) {
				position = 1;
			}
			
			moving = false;
			timeout = setTimeout(moveBanner, pause);
		});
	}
}