//----------------------------------------------
//Funciones para el manejo de Layers
//----------------------------------------------

//Crea una layer DHTML
function createLayer(name, left, top, width, height, visible, content) {
	var layer;
	if (isNav4) {
		document.writeln('<layer name="' + name + '" left=' + left + ' top=' + top + ' 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:' + left + 'px; top:' + top + 'px; width:' + width + 'px; height:' + height + 'px;' + ' visibility:' + (visible ? 'visible;' : 'hidden;') +  '">');
		document.writeln(content);
		document.writeln('</div>');
	}
}

// Establece el color de fondo de la layer
function setLayerBackgroundColor(name, color) {		
	var layer = getLayer(name);		
	if (isNav4)
		layer.bgColor = color;
	else
		layer.backgroundColor = color;
}

// Hace invisible una layer
function hideLayer(name) {		
	var layer = getLayer(name);		
	if (isNav4)
		layer.visibility = "hide";
	else
		layer.visibility = "hidden";
}

// Hace visible una layer
function showLayer(name) {		
	var layer = getLayer(name);		
	if (isNav4)
		layer.visibility = "show";
	else
	layer.visibility = "visible";
}

// Crea las Layers necesarias para la Medida de Distancias
function  crearLayersMedidas() {
	var i;
	var nomLayer;
	var nomImagenLayer;
 
	//Crea los dos Layers de Puntos
	for (i=0; i<=1 ;i++) {
		nomLayer = "Punto" + i ;
		nomImagenLayer = "PuntoImagen" + i;
		content = '<img name="' + nomImagenLayer + '" src="/internet/ServiciosMapas/SiasEspana/img/cruz.gif" style="position:absolute; top: 0px; left: 0px; width:20px; height:20px;">'
		createLayer(nomLayer,hspc,vspc,20,20,false,content);
	}

	//Crea   layers para dibujar la línea
	for (i=0; i<numPuntosLinea ;i++) {
		nomLayer = "Linea" + i ;
		nomImagenLayer = "LineaImagen" + i;
		content = '<img name="' + nomImagenLayer + '" src="/internet/ServiciosMapas/SiasEspana/img/cruz.gif" style="position:absolute; top: 0px; left: 0px; width:2px; height:2px;">'
		createLayer(nomLayer,hspc,vspc,2,2,false,content);
		setLayerBackgroundColor(nomLayer, medidasColor);
	}
}

// Crea el layer para la Identificación
function  crearLayerIdentificacion() {
	var nomLayer;
	nomLayer = "Identificacion" 
	content = '<img src="/internet/ServiciosMapas/SiasEspana/img/identificacion.gif" style="position:absolute; top: 0px; left: 0px; width:20px; height:20px;">'
	createLayer(nomLayer,hspc,vspc,20,20,false,content);
}


// Crea el layer que se va a utilizar para mostrar las coordenadas
function  crearLayerCoordenadas() {
	var nomLayer; 
	nomLayer = "Coordenadas";
	content = '<form name="coordenadas"><input type="text" size="40" name="coordenadas" style="BORDER:none;background:#E5E5D3;font-size:10px; color:black; font-family: Arial, Helvetia; font-weight:normal; text-decoration: none;"/></form>'
	//createLayer(nomLayer,hspc+numMapImageWidth-163,vspc+numMapImageHeight,160,15,true,content);
	createLayer(nomLayer,hspc+numMapImageWidth-163,vspc-30,160,15,true,content);
	//setLayerBackgroundColor(nomLayer, '#FF0000');
	showLayer(nomLayer);
}

// Crea el layer que se va a utilizar para mostrar la distancia medida
function  crearLayerDistancias() {
	var nomLayer; 
	nomLayer = "Distancias";
	content = '<form name="distancia"><input type="text" size="20" name="distancia" style="BORDER:none;background:#E5E5D3;font-size:10px; color:black; font-family: Arial, Helvetia; font-weight:normal; text-decoration: none;"/></form>'
	createLayer(nomLayer,hspc+numMapImageWidth-130,vspc-17,170,15,true,content);
	//setLayerBackgroundColor(nomLayer, '#FF0000');
	showLayer(nomLayer);
}

// Obtiene una layer a partir de su nombre
function getLayer(name) {
	if (isNav4)
		return(document.layers[name]);
	else if (isIE4) {
		layer = eval('document.all.' + name + '.style');
		return(layer);
	} else if (is5up) {
		var theObj = document.getElementById(name);
		return theObj.style
	}
	else
		return(null);
}

function boxIt(theLeft,theTop,theRight,theBottom) {
	if (!isNav4) {
		theTop = theTop + vspc;
		theBottom = theBottom + vspc;
		theLeft = theLeft + hspc;
		theRight = theRight + hspc;
	}
	clipLayer("zoomBoxTop",theLeft,theTop,theRight,theTop+ovBoxSize);
	clipLayer("zoomBoxLeft",theLeft,theTop,theLeft+ovBoxSize,theBottom);
	clipLayer("zoomBoxRight",theRight-ovBoxSize,theTop,theRight,theBottom);
	clipLayer("zoomBoxBottom",theLeft,theBottom-ovBoxSize,theRight,theBottom);	
	showLayer("zoomBoxTop");
	showLayer("zoomBoxLeft");
	showLayer("zoomBoxRight");
	showLayer("zoomBoxBottom");
}

// Mueve una layer a x,y
function moveLayer(name, x, y) {		
	var layer = getLayer(name);		
	if (isNav4)
		layer.moveTo(x, y);
	else {
		layer.left = x;
		layer.top  = y;
	}
}

function clipLayer(name, clipleft, cliptop, clipright, clipbottom) {		
	var layer = getLayer(name);		
	if (isNav4) {
		layer.clip.left   = clipleft;
		layer.clip.top    = cliptop;
		layer.clip.right  = clipright;
		layer.clip.bottom = clipbottom;
	}
	else {
		var newWidth = clipright - clipleft;
		var newHeight = clipbottom - cliptop;
		layer.height = newHeight;
		layer.width = newWidth;
		layer.top = cliptop  
		layer.left = clipleft 
	}
}

function clipLayer2(name, clipleft, cliptop, clipright, clipbottom) {		
	  var layer = getLayer(name);		
	  if (isNav4) {
		    layer.clip.left   = clipleft;
		    layer.clip.top    = cliptop;
		    layer.clip.right  = clipright;
		    layer.clip.bottom = clipbottom;
	  }
	  //if (document.all)
	  else if (isIE) {
		    layer.clip = 'rect(' + cliptop + ' ' +  clipright + ' ' + clipbottom + ' ' + clipleft +')';
	  }
}