var speed = "slow";
var msegs = 4000;
var index = 1;
var timer;
var columnWidth = 150;
var reloj;

function SelectImage(imageIndex) {
	clearTimeout(timer);
	changeImage(imageIndex);	
	index = imageIndex;
	rotateBanner();
}

function changeImage(imageIndex) {
	// Ocultamos el elemento que se está mostrando
	$('.wp-banner').removeClass("wp-bannerSelected");
	$('.wp-banner-img').fadeOut(speed);
	$('.wp-banner').hide();
	
	// Quitamos la clase "wp-banner-nav-selected" al índice de navegación
	$('.wp-banner-nav').removeClass("wp-banner-nav-selected");
	
	// Mostramos el elemento seleccionado (index)
	$('#wp-banner-' + imageIndex).addClass("wp-banner-selected");
	$('#wp-banner-img-' + imageIndex).fadeIn(speed);
	$('#wp-banner-' + imageIndex).fadeIn(speed);
	
	// Añadimos la clase "wp-bannerSelected" al índice seleccionado
	$('#wp-banner-nav-' + imageIndex).addClass("wp-banner-nav-selected");
}

function rotateBanner() {
	var elements = $('.wp-banner').length;
	if (elements > 1)
	{
	// Cada X milisegundos ocultamos el banner que se está mostrando actualmente (index) y mostramos el siguiente
		timer = setTimeout(function() { 
			var siguiente = (index>=elements)?1:index+1;
			changeImage(siguiente);	
			index = siguiente;
			rotateBanner();	
		},msegs);
	}
	else $('.wp-banner-nav-list').hide();
}

function getrandom(count) {
	var a = Math.random()
	var b = count*a
	var c = Math.round(b)
	if (c == count) {c = count-1;}
	return c;
} 

$(document).ready(function() {
	$('.wp-module-461 tr td:first-child').addClass("wp-cell-461");
	$('.wp-module-501 ul li:nth-child(3)').addClass("clear-fix");
	$('.wp-module-462 .wp-item-pane-2 .wp-field-contenido table td:nth-child(2)').addClass("align-right");
	$('.FilterRepeaterItemStyle input').parent().addClass("wp-search-button");
	$("#prefooter a.wp-item-img-link[@href=/nueva-web/investigacion]").attr("target","_blank");
	$('.wp-banner').hide();
	$('#wp-banner-1').show();
	//Al primer elemento le añadimos la clase "wp-bannerSelected"
	$('#wp-banner-1').addClass("wp-banner-selected");
	
	//Al primer índice de navegación le añadimos la clase "wp-bannerSelected"
	$('#wp-banner-nav-1').addClass("wp-banner-nav-selected");
	
	//Llamamos a la función rotateBanner indicándole el número de milisegundos tras el cual queremos que rote, el índice inicial y la velocidad de rotacion
	rotateBanner();
	
	$("a img").hover(function(){ $(this).stop().animate({"opacity": 0.6}); },function(){ $(this).stop().animate({"opacity": 1}); });

	var banners = $('.wp-banner').size();
	if (banners > 1) {
		var num = getrandom(banners);
		SelectImage(num); 
	}
});