// JavaScript Document
	// setup test for Nav 4.0
	var isIE = false;
	var isNav = (navigator.appName.indexOf("Netscape")>=0);
	//alert(navigator.appName);
	var isNav4 = false;
	var isIE4 = false;
	var is5up = false;
	var isNav6 = false;
	//alert(navigator.appVersion);
	if (isNav) 
	{
		if (parseFloat(navigator.appVersion)<5) 
		{
			isNav4=true;
			//alert("Netscape 4.x or older");
		} 
		else 
		{
			isNav6 = true;
			is5up = true;
		}
	} 
	else 
	{
		isIE4=true;
		isIE=true;
		if (navigator.appVersion.indexOf("MSIE 5")>0) 
		{
			isIE4 = false;
			is5up = true;
			//alert("IE5");
		}
	}	

// obtener mouse position
// If NS -- that is, !IE -- then set up for mouse capture
//if (!isIE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
//document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

var zIndexP = 0;


/*
// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
  if (isIE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
 // document.Show.MouseX.value = tempX;
 // document.Show.MouseY.value = tempY;
  moveLayer("imagenFlotante", tempX + 9, tempY + 19)
  return true
}*/

// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
  if (isIE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
/*  document.Show.MouseX.value = tempX;
  document.Show.MouseY.value = tempY;*/
  winSize = getPageSize();
  datos = winSize.split(':');
  if ((tempX + 120) > datos[0]){
	  tempX = tempX - 85; 
  }
  if ((tempY + 120) > datos[1]){
	  tempY = tempY - 80; 
  }
  
  if (((tempX + 120) > datos[0]) && ((tempY + 120) > datos[1])){
	  tempY = tempY + 12; 
  }
  moveLayer("imagenFlotante", tempX + 9, tempY + 19)
  return true
}


function getPageSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  var regreso = myWidth + ":" + myHeight;
  return regreso;
}


  // Create a DHTML layer
function createLayer(name, inleft, intop, width, height, visible, content) {
	  var layer;
	  if (isNav4) {
	    document.writeln('<layer name="' + name + '" left=' + inleft + ' top=' + intop + ' width=' + width + ' height=' + height +  ' visibility=' + (visible ? '"show"' : '"hide"') +  '>');
	    document.writeln(content);
	    document.writeln('</layer>');
	  } else {
	    document.writeln('<div id="' + name + '" style="position:absolute; overflow:hidden; left:' + inleft + 'px; top:' + intop + 'px; width:' + width + 'px; height:' + height + 'px;' + '; z-index:' + zIndexP + '; visibility:' + (visible ? 'visible;' : 'hidden;') +  '">');
	    document.writeln(content);
	    document.writeln('</div>');
		zIndexP=zIndexP+1;
	  }
}

// Create a DHTML layer
function createLayerFija(name, width, height, visible, content) {
	  var layer;
	  if (isNav4) {
	    document.writeln('<layer name="' + name + '" width=' + width + ' height=' + height +  ' visibility=' + (visible ? '"show"' : '"hide"') +  '>');
	    document.writeln(content);
	    document.writeln('</layer>');
	  } else {
	    document.writeln('<div id="' + name + '" style="position:absolute; overflow:hidden; width:' + width + 'px; height:' + height + 'px;' + '; z-index:1; visibility:' + (visible ? 'visible;' : 'hidden;') +  '">');
	    document.writeln(content);
	    document.writeln('</div>');
	  }
}

function createLayerEstandar(name, content) {
	  var layer;
	  if (isNav4) {
	    document.writeln('<layer name="' + name + '"');
	    document.writeln(content);
	    document.writeln('</layer>');
	  } else {
	    document.writeln('<div id="' + name + '" >');
	    document.writeln(content);
	    document.writeln('</div>');
	  }
}
// get the layer object called "name"

function getLayer(name) {
	var theObj = document.getElementById(name);
	if (theObj!=null) {
		return theObj.style
	 }  else {
	    return(null);
	 }
}

function isVisible(name) {
	  var layer = getLayer(name);
	  if (isNav && layer.visibility == "show")
	    return(true);
	  if (isIE && layer.visibility == "visible")
	    return(true);
	  return(false);
}

// move layer to x,y
function moveLayer(name, x, y) {		
  	var layer = getLayer(name);		
    layer.left = x + "px";
   	layer.top  = y + "px";
}

// set layer background color
function setLayerBackgroundColor(name, color) {		
  	var layer = getLayer(name);		
 	 if (isNav4)
    	layer.bgColor = color;
  	//else if (document.all)
	else
    	layer.backgroundColor = color;
		
}

// toggle layer to invisible
function hideLayer(name) {		
  	var layer = getLayer(name);		
  	if (isNav4)
    	layer.visibility = "hide";
  	//if (document.all)
	else
   		 layer.visibility = "hidden";
		 //layer.display="none";
}

// toggle layer to visible
function showLayer(name) {		
  	var layer = getLayer(name);		
  	if (isNav4)
    	layer.visibility = "show";
  	//if (document.all)
	else
   	 layer.visibility = "visible";
	 //layer.display="block";
}


//*************************************************************  precarga de imágenes
var imagenes = new Array();

imagenes[0] = new Image();
imagenes[0].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/inicio.png";

imagenes[1] = new Image();
imagenes[1].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/participacion.png";

imagenes[2] = new Image();
imagenes[2].src="http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/tematica.png";

imagenes[3] = new Image();
imagenes[3].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/registro.png";

imagenes[4] = new Image();
imagenes[4].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/sede.png";

imagenes[5] = new Image();
imagenes[5].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/infturistica.png";

imagenes[6] = new Image();
imagenes[6].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/contactanos.png";

imagenes[7] = new Image();
imagenes[7].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/trabajos.png";

imagenes[8] = new Image();
imagenes[8].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/hoteles.png";

imagenes[9] = new Image();
imagenes[9].src = "http://mapserver.inegi.gob.mx/geografia/espanol/eventos/rng2008/imgs/resena.png";

function movepic(num_imagen) {
	img_cambio = document.getElementById("imagen");
	img_cambio.src=imagenes[num_imagen-1].src;
}