/************************************************************
*Seccion del manejo del slideshow.
*************************************************************/
/*
 * Variables que controlan en movimiento de los tabs
 */	
var activo=0;
var timeOutId='';
var retardo=1000;
var cadena = '';

/*
 * Objetos encargados de manejar la opacidad de las capas.
 */

	var Fader1 = new Object();
	var Fader2 = new Object();
	var Fader3 = new Object();
	var Fader4 = new Object();
	var Fader5 = new Object();
	var Fader6 = new Object();
	var Fader7 = new Object();

	function initSlideShow(ret,cadenap)
	{	
		cadena=cadenap;
		retardo = ret;
		var capa		 
		for (i=1;i<=7;i++)
		{	capa= document.getElementById('not'+i);
			switch (i) 
			{
				case 1:
					Fader1.fader = new Fadomatic(capa, 10, 0);
				break;
				case 2:
					Fader2.fader = new Fadomatic(capa, 10, 0);
				break;
				case 3:
					Fader3.fader = new Fadomatic(capa, 10, 0);
				break;
				case 4:
					Fader4.fader = new Fadomatic(capa, 10, 0);
				break;
				case 5:
					Fader5.fader = new Fadomatic(capa, 10, 0);
				break;
				case 6:
					Fader6.fader = new Fadomatic(capa, 10, 0);
				break;
				case 7:
					Fader7.fader = new Fadomatic(capa, 10, 0);
				break; 							  
 			}
		}  
	}
	  
	/**
	 * Muestra la capa, con efecto de opacidad
	 * @param {Object} id
	 */	 
	function aparecer(id)
	{
		switch (id) 
		{
			case 1:
				 Fader1.fader.fadeIn();
			break;
			case 2:
				 Fader2.fader.fadeIn();
			break;
			case 3:
				 Fader3.fader.fadeIn();
			break;
			case 4:
				 Fader4.fader.fadeIn();
			break;
			case 5:
				 Fader5.fader.fadeIn();
			break;
			case 6:
			 	Fader6.fader.fadeIn();
			break;
			case 7:
				 Fader7.fader.fadeIn();
			break; 							  
 			}
	}
	
	/**
	 * Oculta la capa con efecto de opacidad
	 * @param {Object} id
	 */
	function desaparecer(id)
	{
		switch (id) 
		{
			case 1:
				 Fader1.fader.fadeOut();
			break;
			case 2:
				 Fader2.fader.fadeOut();
			break;
			case 3:
				 Fader3.fader.fadeOut();
			break;
			case 4:
				 Fader4.fader.fadeOut();
			break;
			case 5:
				 Fader5.fader.fadeOut();
			break;
			case 6:
			 	Fader6.fader.fadeOut();
			break;
			case 7:
				 Fader7.fader.fadeOut();
			break; 							  
 			}
	}
	

function buscarSigTab(activoActual)
{
	try
	{
		var i;
		if (activoActual==7)
		{
			i=1;
		}
		else
		{
			i=activoActual+1;
		}
		var next=i;
		var sw=true;
		var activado;	
		while(i!=activoActual && sw==true)
		{			
				//Consultando si tiene href
				activado = document.getElementById("atab" + i).getAttribute("activo");
				//var activado = document.getElementById('atab' + i).activo;			
				if (activado!='')
				{	next = i;				
					sw=false;								
				}			
				if (i==7)
				{
						i=1;
				}
				else
				{
					i=i+1;
				}				
		}
		if(sw==true)
		{
			return activoActual;
		}
		else
		{
			return next;
		}	
	}
	catch(err)
	{
		alert("error en buscarsigtab "+ err);
	}
}

/**
 * Muestra un tab.
 * @param {Object} pIdTab
 */
function Activar(pIdTab)
{
	try
	{
		document.getElementById('loading').style.display='none';
		
		if(pIdTab == '')
		{		
			idTab = buscarSigTab(activo)		
		}
		else
		{
			idTab=pIdTab;
		}
		
		//Ocultando el tab activo
		if(activo!=0)
		{
			desaparecer(activo);
			document.getElementById("tab"+activo).src= cadena + "/images/tab"+activo+".gif";
		}
		
		//Mostrando el tab pedido
		aparecer(idTab)
		document.getElementById("tab"+idTab).src=cadena + "/images/tab"+idTab+"on.gif";	
		activo=idTab;
		
		if(timeOutId=='')
		{
			timeOutId = setTimeout("Activar('')",retardo);
		}
		else
		{
			clearTimeout(timeOutId)
			timeOutId = setTimeout("Activar('')",retardo);		
		}
		
	}
	catch(errf)
	{
		alert("Error en activacion: " + errf);
	}
}



/***********************************************
Referente al preloading de las imagenes
*************************************************/
function Create_XMLHttpRequest() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else {
		if (window.Anthem_XMLHttpRequestProgID) {
			return new ActiveXObject(window.Anthem_XMLHttpRequestProgID);
		} else {
			var progIDs = ["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
			for (var i = 0; i < progIDs.length; ++i) {
				var progID = progIDs[i];
				try {
					var x = new ActiveXObject(progID);
					window.Anthem_XMLHttpRequestProgID = progID;
					return x;
				} catch (e) {
				}
			}
		}
	}
	return null;
	}	

	
	/**
	*Se encarga de activar un tab, es decir, le coloca href a un tab específico.	
	*/
	function tabEnabled(notid)
	{
	  switch (notid) 
		{
			case 'not1':				
				document.getElementById('atab1').href="javascript:Activar(1)";
				document.getElementById('atab1').setAttribute('activo','X');
				if (activo == 0)Activar(1);
			break;
			case 'not2':
				 document.getElementById('atab2').href="javascript:Activar(2)";
				 document.getElementById('atab2').setAttribute('activo','X');
				 if (activo == 0)Activar(2);
			break;
			case 'not3':
				document.getElementById('atab3').href="javascript:Activar(3)";
				document.getElementById('atab3').setAttribute('activo','X');
				 if (activo == 0)Activar(3);
			break;
			case 'not4':
				document.getElementById('atab4').href="javascript:Activar(4)";
				document.getElementById('atab4').setAttribute('activo','X');
				 if (activo == 0)Activar(4);
			break;
			case 'not5':
				 document.getElementById('atab5').href="javascript:Activar(5)";
				 document.getElementById('atab5').setAttribute('activo','X');
				  if (activo == 0)Activar(5);
			break;
			case 'not6':
			 	document.getElementById('atab6').href="javascript:Activar(6)";
			 	document.getElementById('atab6').setAttribute('activo','X');
			 	 if (activo == 0)Activar(6);
			break;
			case 'not7':
				document.getElementById('atab7').href="javascript:Activar(7)";
				document.getElementById('atab7').setAttribute('activo','X');
				 if (activo == 0)Activar(7);
			break; 							  
 		}
 	}
 	
 	/**
 	*Se encarga de cargar la una url en el div espeficicado, en este caso carga
 	*la imagen de la noticia especificada en la url. 	
 	*/
	function cargarImagen (url, element_id) 
	{ 
		var peticion = Create_XMLHttpRequest(); 
		//Obtenemos el contenido del div 
		//donde se cargaran los resultados 
		var element =  document.getElementById(element_id);			
		//abrimos la url 
		peticion.open("GET", url,true); 
		peticion.onreadystatechange = function() 
		{ 
		/*
			0 = uninitialized
			1 = loading
			2 = loaded
			3 = interactive
			4 = complete 
		*/		
			if (peticion.readyState == 1) 
			{ 
				//loading 					
				element.innerHTML = '<img src= cadena + "/images/loading.gif" border="0"  alt="" />';				
			} 
			
 
			if (peticion.readyState == 4) 
			{ 
				//Cuando finaliza la petición, activa el primer tab.				
				tabEnabled(element_id)		
				
				//escribimos la respuesta					
				element.innerHTML = peticion.responseText;		
				
			} 
		} 
	peticion.send(null); 
}