var interval = false;
var tiempo_scroll_sup;
var img_inicio;
var img_final;

function change_image () {
	img_inicio++;
	if (img_inicio >= img_final) {
		img_inicio = 1;
	}
	mostrar_imagen(img_inicio);
}

function mostrar_imagen (id) {
	$("#pages a").addClass("oculto");
	$("#aimghomesup_1").removeClass("oculto");
	$("#aimghomesup_"+(img_final-1)).removeClass("oculto");
	id = parseInt(id);
	var ini = id - 3;
	var fin = id + 3;
	if (ini < 2) { ini = 2; }
	if (fin > (img_final - 2)) { fin = (img_final - 2); }
	for (var a = ini; a <= fin; a++) {
		$("#aimghomesup_"+a).removeClass("oculto");
	}
	if (id <= 5) { $("#guion_2").addClass("oculto"); } else { $("#guion_2").removeClass("oculto"); };
	if (id >= (img_final-5)) { $("#guion_"+(img_final-2)).addClass("oculto"); } else { $("#guion_"+(img_final-2)).removeClass("oculto"); };
	$("#topbar").css("background-image","url('"+$("#imghomesup_"+id).attr("src")+"')");
	$("#pages a").removeClass("number_select");
	$("#aimghomesup_"+id).addClass("number_select");
}

$(document).ready(function(){
	tiempo_scroll_sup = $("#tiempo_scroll_sup").val();
	img_inicio = $("#img_inicio").val();
	img_final = $("#img_final").val();

	/* SCROLL PARA EL MENU CENTRAL DE LA PÁGINA PRINCIPAL */
	$("div.scrollhomecen").scrollable({
		items: '.itemshomecen',
		prev: '#prevhomecen',
		next: '#nexthomecen',
		size: 3,
		disabledClass: 'ocultarflecha',
		keyboard: false
	});

	/* SCROLL PARA EL MENU INFERIOR DE LA PÁGINA PRINCIPAL */
	$("div.scrollhomeinf").scrollable({
		items: '.itemshomeinf',
		prev: '#prevhomeinf',
		next: '#nexthomeinf',
		size: 4,
		disabledClass: 'ocultarflecha',
		keyboard: false
	});


	$("#pages a").bind("click",function(){
		var numero = $(this).attr("id").split("_");
		img_inicio = numero[1];
		mostrar_imagen(numero[1]);
		clearInterval(interval);
		interval = setInterval("change_image()",tiempo_scroll_sup*1000);
		return false;
	});
	mostrar_imagen(1);
	interval = setInterval("change_image()",tiempo_scroll_sup*1000);
});