/***********************************************
   GENERACIÓN DE BOCADILLOS CON IMÁGENES
***********************************************/

// Inicialización de variables
var ConDOM = ((!document.all) && (document.getElementById) ) ? true: false;
var BocadilloActivado = false;	// 

var DistanciaX= 0;	// Distancia al puntero del ratón
var DistanciaY= 15; 
var CoordenadaRatonX, CoordenadaRatonY;
var Bocadillo, EstiloBocadillo;


/////////////////////////////////////////////////////////////
// Inicializa el bocadillo
/////////////////////////////////////////////////////////////
function INICIALIZAR_BOCADILLO() 
{
	Bocadillo =document.getElementById('Bocadillo');
	EstiloBocadillo = Bocadillo.style;
	if (Bocadillo) 	{
		document.onmousemove = SEGUIR_RATON;
	}
}

/////////////////////////////////////////////////////////////
// Sigue el movimiento del ratón en caso de ser compatible con CSS
/////////////////////////////////////////////////////////////
function SEGUIR_RATON(Evento) 
{
	//Modo de compatibilidda de las páginas, Internet Explorer BackCompat
	standardbody=(document.compatMode!="BackCompat")? document.documentElement : document.body //create reference to common "body" across doctypes
	CoordenadaRatonX = (ConDOM)? Evento.pageX: window.event.clientX + standardbody.scrollLeft;
	CoordenadaRatonY = (ConDOM)? Evento.pageY: window.event.clientY + standardbody.scrollTop;
	if (BocadilloActivado) POSICION_BOCADILLO(Evento);
}

/////////////////////////////////////////////////////////////
//Determina la posicion para hacer el movinmineto del ratón
/////////////////////////////////////////////////////////////
function POSICION_BOCADILLO(Evento) 
{
	EstiloBocadillo.left = CoordenadaRatonX+DistanciaX+"px";
	EstiloBocadillo.top = CoordenadaRatonY+DistanciaY+5+"px";
}

/////////////////////////////////////////////////
//  Activa la presentación del bocadillo
/////////////////////////////////////////////////

function ACTIVAR_BOCADILLO(Evento,imagen,texto) 
{
	if (!Bocadillo) return;
	BocadilloActivado = true;
	Bocadillo.innerHTML = '<div style="border-left:1px groove gray;border-top:1px groove gray;border-right:4px groove gray;border-bottom:4px groove gray;width:90px;background-color: #FFF;text-align:center;"><img src="' + imagen +  '" width="65%" alt="Escudo de la localidad" /><br /><span style="background-color: #FFF;font-size:0.7em;width:90px;text-align:center;"><strong>'+texto+'</strong></span></div>';
	//funcionaBocadillo.innerHTML = '<table cellspacing="0px" style="border:1px solid black;width=110px;"><tr><td style="background-color: #FFF;text-align=center;"><img src="' + imagen +  '" border="0" width="100%" /></td></tr></table>';
	
	
	setTimeout("EstiloBocadillo.visibility='visible'",100);
}

/////////////////////////////////////////////////////////////
//  Desactiva la presentación del bocadillo
/////////////////////////////////////////////////////////////
function DESACTIVAR_BOCADILLO() 
{
	if (!Bocadillo) return;
	setTimeout("EstiloBocadillo.visibility='hidden'",100);
	BocadilloActivado = false;
}



/////////////////////////////////////////////////////////////
//  Ejecución del código
/////////////////////////////////////////////////////////////
//window.onload = INICIALIZAR_BOCADILLO;
document.write('<div id="Bocadillo" style="position:absolute; visibility:hidden; z-index:200; "></div>')


/////////////////////////////////////////////////////////////
//  Funcion para cargar een el onload
/////////////////////////////////////////////////////////////
function inicia(){
		
   INICIALIZAR_BOCADILLO(); //para inicializar el bocadillo
//   automat(1000); //para las imagenes aleatorias
   
  // init();    //Iniciliza las funiones de AJAX
  }
function ACTIVAR_ESTILO_ALTERNATIVO(NombreEstilo) 
	{
	   var C, Enlace;
	   for (C=0; (Enlace = document.getElementsByTagName("link")[C]); C++) 
	   {
		 if(Enlace.getAttribute("rel").indexOf("style") != -1 && Enlace.getAttribute("title")) 
			{
			   Enlace.disabled = true;
			   if (Enlace.getAttribute("title") == NombreEstilo) Enlace.disabled = false;
			}
	   }
	}

///////////////////////////////////////////////////////////
//FUNCIONES DE CARGA DEL AJAX
///////////////////////////////////////////////////////////
/*function init () {
	
	var tabs = document.getElementsByClassName('tabs');
	for (var i = 0; i < tabs.length; i++) {
		$(tabs[i].id).onclick = function () {
			getTabData(this.id);
	}
}	
}
function getTabData(id) {
		
	var url = 'process.php';
	var rand = 0; //Math.random(9999);
	var pars = 'id=' + id + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function showLoad () {
	$('load').style.display = 'none';
}
function showResponse (originalRequest) {
	var newData = originalRequest.responseText;
	$('load').style.display = 'none';
	$('content').innerHTML = newData;
}*/