addEvent(window,'load',inicializarEventos,false)

function inicializarEventos()
{
var loca=window.location;
loca=String(loca);
var loce=loca.split('/');
var n=loce.length;
var siloce=loce[Number(n-1)];
 if (siloce=='musica.html')
 {
document.getElementById('pagin').src='';
  var ref=document.getElementById('periodos');
  var vec= ref.getElementsByTagName('img');
  //var vec2=ref.getElementsByTagName('span');
  for(f=0;f<vec.length;f++)
  {
    addEvent(vec[f],'mouseover',entrar,false);
    addEvent(vec[f],'mouseout',salir,false);
    addEvent(vec[f],'click',presionBoton,false);
  }
 }
 if (siloce=='paisajes.html' || siloce=='meditacion.html')
 {
	 var reif=document.getElementById('cerrar');
	  var rof=document.getElementById('closi');
    addEvent(reif,'click',cerrarFrame,false);
     addEvent(rof,'mouseover',cambiarc,false);
 addEvent(rof,'mouseout',salirc,false);
 }
 if (siloce=='agua.html' || siloce=='aire.html' || siloce=='amanecer.html' || siloce=='color.html' || siloce=='contemplacion.html' || siloce=='dramatico.html' || siloce=='fuego.html' || siloce=='intro1.html' || siloce=='intro2.html' || siloce=='intro3.html' || siloce=='intro4.html' || siloce=='introduccion0.html' || siloce=='meditacion1.html' || siloce=='movimiento.html' || siloce=='nave.html' || siloce=='presencia.html' || siloce=='proyect.html' || siloce=='templanza.html' || siloce=='tentacion.html' || siloce=='tierra.html' )
 {
	 var reif=document.getElementById('cerrar');
	 var reit=document.getElementById('tras');
	  var rof=document.getElementById('closi');
	  var roft=document.getElementById('trasi');
    addEvent(reif,'click',cerrarFrameA,false);
    addEvent(reit,'click',atrasFrame,false);
     addEvent(rof,'mouseover',cambiarc,false);
    addEvent(rof,'mouseout',salirc,false);
    addEvent(roft,'mouseover',cambiart,false);
    addEvent(roft,'mouseout',salirt,false);
 }
}


function entrar(e)
{
  var ref;
  var refi;
  if (window.event)
    ref=window.event.srcElement;
  else
    if (e)
      ref=e.target;
 		refi=ref.id;
      document.getElementById(refi).src='../imagenes/'+refi+'b.png'; 

}

function salir(e)
{
  var ref;
  if (window.event)
    ref=window.event.srcElement;
  else
    if (e)
      ref=e.target;
 		refi=ref.id;
      document.getElementById(refi).src='../imagenes/'+refi+'.png'; 
  
}

function presionBoton(e)
{
  
///////////Aqui va primero lo de windows
  var ref;
  if (window.event)
  {
    window.event.returnValue=false;
    ref=window.event.srcElement.id;
       
	      error=true;
	      
	      document.getElementById('pagin').src=ref+'.html';
		  document.getElementById('botones').style.height='400px';
		   
		   document.getElementById('pagin').style.visibility='visible';
        
  }
   else
   {
    if (e)
      {
       e.preventDefault();
       ref=e.target.id;
       
	      error=true;
	      
	      document.getElementById('pagin').src=ref+'.html';
		  document.getElementById('botones').style.height='400px';
		  
		   document.getElementById('pagin').style.visibility='visible';
	  }
   }
   if (error)
    {
     if (window.event)
      window.event.returnValue=false;
     else
      e.preventDefault();
    }
}

function cerrarFrame()
{
	parent.document.getElementById('pagin').style.visibility='hidden';
	parent.document.getElementById('botones').style.height='225px';
}

function cerrarFrameA()
{
	parent.document.getElementById('pagin').src='';	
	parent.document.getElementById('pagin').style.visibility='hidden';
	parent.document.getElementById('botones').style.height='225px';
}

function atrasFrame()
{
var loca=window.location;
loca=String(loca);
var loce=loca.split('/');
var n=loce.length;
var siloce=loce[Number(n-1)];
 if (siloce=='agua.html' || siloce=='aire.html' || siloce=='amanecer.html' || siloce=='color.html' || siloce=='dramatico.html' || siloce=='fuego.html' || siloce=='proyect.html' || siloce=='templanza.html' || siloce=='tentacion.html' || siloce=='tierra.html')
	{
		window.location="paisajes.html"	
	}
 if (siloce=='contemplacion.html' || siloce=='intro1.html' || siloce=='intro2.html' || siloce=='intro3.html' || siloce=='intro4.html' || siloce=='introduccion0.html' || siloce=='meditacion1.html' || siloce=='movimiento.html' || siloce=='nave.html' || siloce=='presencia.html')
	{
		window.location="meditacion.html"	
	}	
	//window.history.go(-1);
}

function cambiarc()
{

   document.getElementById('closi').src='./img/close_hover_red.gif';
}

function salirc()
{
	document.getElementById('closi').src='./img/close.gif';
}

function cambiart()
{

   document.getElementById('trasi').src='./images/prev1.gif';
}

function salirt()
{
	document.getElementById('trasi').src='./images/prev.gif';
}

//***************************************
//Funciones comunes
//***************************************

function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
     elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}