var current_id = 1;
var locked = false;
var paused = false;
var forward = true;
var delay = 10000;
var queued = false; // This to prevent queuing of multiple setTimeouts

$(document).ready(function(){
	set_indicators(current_id);
	setTimeout( "rotate_featured()", 16000);
	$("#play_right").attr("src", "img/imagenes_motor/arrow_right_on.gif");

	$("#play_left").click(function(){
		$("#play_left").attr("src", "img/imagenes_motor/arrow_left_on.gif");
		$("#pause").attr("src", "img/imagenes_motor/pause.gif");
		$("#play_right").attr("src", "img/imagenes_motor/arrow_right.gif");
		paused = false;
		forward = false;
		rotate_featured();
	});

	$("#pause").click(function(){
		$("#play_left").attr("src", "img/imagenes_motor/arrow_left.gif");
		$("#pause").attr("src", "img/imagenes_motor/pause_on.gif");
		$("#play_right").attr("src", "img/imagenes_motor/arrow_right.gif");
		paused = true;
	});

	$("#play_right").click(function(){
		$("#play_left").attr("src", "img/imagenes_motor/arrow_left.gif");
		$("#pause").attr("src", "img/imagenes_motor/pause.gif");
		$("#play_right").attr("src", "img/imagenes_motor/arrow_right_on.gif");
		paused = false;
		forward = true;
		rotate_featured();
	});

	for(var i=0; i<6; i++) {
		$("#main_image_"+i).attr("src", preload_arr[i]);
	}

});

function rotate_featured(unlock) {
	// prevent user from clicking a zillion times on 
	// the play button and queueing up a ton of setTimeouts.
	if(unlock == true) {
		queued = false;
	}

	if(paused == true) {
		return;
	}

	if(forward == true) {
		next_feature();
	} else {
		prev_feature();
	}

	if(queued == false) {
		if(current_id == 1) {
			setTimeout("rotate_featured(true)", 16000);
		} else {
			setTimeout("rotate_featured(true)", delay);
		}
		queued = true;
	} 
}

function next_feature() {
	if(current_id == 5) {
		next_feature_id = 1;
	} else {
		next_feature_id = current_id + 1;
	}

	change_feature(next_feature_id);
} 

function prev_feature() {			
	if(current_id == 1) {
		prev_feature_id = 5;
	} else {
		prev_feature_id = current_id - 1;
	}

	change_feature(prev_feature_id);
}

function change_feature(feature_id) {
	// Make sure that the user isnt just rappidly clicking next next next...
	if(locked) {
		return;
	}

	locked = true;
	set_indicators(feature_id, current_id);

	// Fade out the current, then
	// Fade in the specified ID
	$('#featured_'+current_id).fadeOut("normal", function() {
		$('#featured_'+feature_id).fadeIn("normal", function() {
			$('#featured_'+feature_id).attr("style","opacity: 1; display: block;");
			locked = false;
		});
	});

	current_id = feature_id;
}

function set_indicators(set_id, unset_id) {
	if(unset_id) {
		$('#feature_indicator_'+unset_id).attr("src", "img/imagenes_motor/square.gif");
		$('#feature_icon_'+unset_id).attr("class", "border1");
	}

	$('#feature_indicator_'+set_id).attr("src", "img/imagenes_motor/selected.gif");
	$('#feature_icon_'+set_id).attr("class", "border2");
}

