// NAVEGADORES
ns = (document.layers)? true:false;
ie = (document.all)? true:false;
dom = (document.getElementById)? true:false;
// VECTORES PARA LOS ELEMENTOS
// Vector de capas
var divDocument = new Array();
// Vector de formularios
var formDocument = new Array();
// Vector de imágenes
var imageDocument = new Array();
var imgDocument = new Array();


function devuelve_posicion(cadenapx){
   cadenapx=new String(cadenapx);
   var longitud=cadenapx.length;
   var pos_px = cadenapx.lastIndexOf('px');
   if(pos_px==-1){
    return cadenapx;
   }else{
    var inttop = cadenapx.substring(0,longitud-2);
    inttop=parseInt(inttop);
    return inttop;
   }
}

function fSetPosicion(que,x,y) {
	if (ns) {
		posantx = this.style.left;
		posanty = this.style.top;
	}
	else {
		posantx = devuelve_posicion(this.style.left);
		posanty = devuelve_posicion(this.style.top);
	}
	if ( que == 'mover') {
		this.style.left = x;
		this.style.top = y;
	}
	else {
		if (que == 'avanzar') {
			this.style.left = x + posantx;
			this.style.top = y + posanty;
		}
	}	
}

function fSetTamanyo(x,y) {
	this.style.width = x;
	this.style.height = y;
}
  
function fSetZindex(valor) {
	this.style.zIndex = valor;
}

function fSetClip(nLeft,nTop,nRight,nBottom) {
	this.style.clip = "rect("+nTop+"px "+nRight+"px "+nBottom+"px "+nLeft+"px)";
}

function bgImageValue(strValue) {
	if (bgImageValue.arguments.length == 0) {
		return this.style.backgroundImage
	} else {
		this.style.backgroundImage = strValue
	}
}

function fSetVisibility(strVisibility){
	this.style.visibility = strVisibility;	
}

function fSetDisplay(strDisplay){
	if ((ie)&&(strDisplay=='block')){
		strDisplay = "";
	}
	this.style.display = strDisplay;
}

function fChangeLayerContent(contenido) {
	if(!ns){ 
		this.innerHTML = contenido;
	}else{
		this.style.document.open();
		this.style.document.write (contenido);
		this.style.document.close();
	}
}

// FUNCIONES PARA NETSCAPE	
function fSetClipNS(nLeft,nTop,nRight,nBottom) {
	this.style.clip.top = nTop
	this.style.clip.left = nLeft
	this.style.clip.right = nRight
	this.style.clip.bottom = nBottom
}

function fSetVisibilityNS(strVisibility) {
	if (strVisibility == 'visible') {
		this.visibility = 'show';
	}
	if (strVisibility == 'hidden') {
		this.visibility = 'hide';
	}
}

function fSetDisplayNS(){
	alert('Este navegador no soporta lectura/escritura del atributo "display".');
}

function bgImageValueNS(strValue) {
	if (bgImageValueNS.arguments.length == 0) {
		return this.background.src
	} else {
		this.background.src = strValue
	}
}

///////////////////////////////////////////////////////////////////

function carga(){
	//////////////
	// EXPLORER //
	if (ie) {
		// Num. d capas en la pág
		var initLenLayers = document.all.length;
		
		divDocument.length = 0;
		// Recorrido de los elementos de la página
		for (cont = 0; cont < initLenLayers; cont++) {
			// Buscando los q son layer
			if (document.all[cont].tagName.toUpperCase() == "DIV") {
				// Almacenamos en el vector un ELEMENTO con el nombre de la capa 
				// con PROPIEDADES OBJETO LAYER
				divDocument[document.all[cont].id] = document.all[cont];
				
				// CAMBIO DE CONTENIDO DE LA CAPA
				divDocument[document.all[cont].id].changeLayerContent = fChangeLayerContent;
			
				// IMAGEN DE FONDO DE LA CAPA
				divDocument[document.all[cont].id].bgImage = document.all[cont].backgroundImage;		
				divDocument[document.all[cont].id].bgImage = bgImageValue;
				
				// VISIBILIDAD
				divDocument[document.all[cont].id].setVisibility = fSetVisibility;
				
				// MOSTRAR BLOQUE
				divDocument[document.all[cont].id].setDisplay = fSetDisplay;
				
				// CLIP - Rectángulo visible
				divDocument[document.all[cont].id].setClip = fSetClip;	
					
				// Z-Index 
				divDocument[document.all[cont].id].setZindex = fSetZindex;	
				
				// Tamaño 
				divDocument[document.all[cont].id].setTamanyo = fSetTamanyo;
				
				// POSICIÓN ELEMENTOS
				divDocument[document.all[cont].id].style.left = document.all[cont].style.left;
				divDocument[document.all[cont].id].style.top = document.all[cont].style.top;	
				divDocument[document.all[cont].id].setPosicion = fSetPosicion;
				divDocument.length++;
				
				// FORMULARIOS dentro del layer
				var numForms = document.forms.length;
				formDocument.length = 0;
				for (contForms = 0; contForms < numForms; contForms++) {
					// Nombres de los formularios
					formDocument[document.forms[contForms].name] = document.forms[contForms];
					// Número de formularios
					formDocument.length++;
				}
		
				// IMAGENES dentro del layer
				var numImages = document.images.length;
				imageDocument.length = 0;
				for (contImages = 0; contImages < numImages; contImages++) {
					imageDocument[document.images[contImages].name] = document.images[contImages];
					imageDocument[document.images[contImages].name].src = document.images[contImages].src;
					imageDocument.length++;
				}
				
			}
		}
	}

	//////////////
	// NETSCAPE //
	if (ns) {
		// Num. d capas en la pág
		var initLenLayers = document.layers.length;
		// Var. para crear el rectángulo visible
		var clipTop, clipBottom, clipLeft, clipRight;
		
		divDocument.length = 0;
		// Recorrido para buscar los layers
		for (cont=0;cont<initLenLayers;cont++) {
			if (capas.item(cont).getAttribute("id") != null) {
				// Almacenamos en el vector un ELEMENTO con el nombre de la capa 
				// con PROPIEDADES OBJETO LAYER
				divDocument[document.layers[cont].id] = document.layers[cont];
				divDocument[document.layers[cont].id].style = document.layers[cont];
				
				// CAMBIO DE CONTENIDO DE LA CAPA
				divDocument[document.layers[cont].id].changeLayerContent = fChangeLayerContent;
				
				// VISIBILIDAD
				divDocument[document.layers[cont].id].setVisibility = fSetVisibilityNS;
				
				// MOSTRAR BLOQUE
				divDocument[document.layers[cont].id].setDisplay = fSetDisplayNS;
				
				// IMAGEN DE FONDO DE LA CAPA
				divDocument[document.layers[cont].id].bgImage = bgImageValueNS;					
				
				// CLIP - Rectángulo visible
				clipTop = document.layers[cont].clip.top;
				clipBottom = document.layers[cont].clip.bottom;
				clipLeft = document.layers[cont].clip.left;
				clipRight = document.layers[cont].clip.right;
				divDocument[document.layers[cont].id].style.clip = "rect("+clipTop+"px "+clipRight+"px "+clipBottom+"px "+clipLeft+"px)";
				divDocument[document.layers[cont].id].setClip = fSetClipNS;
				
				// Z-Index 
				divDocument[document.layers[cont].id].setZindex = fSetZindex;	
				
				// Tamaño 
				divDocument[document.layers[cont].id].setTamanyo = fSetTamanyo;
				
				// CAMBIAR POSICIÓN - left-top
				divDocument[document.layers[cont].id].style.left = document.layers[cont].style.left;
				divDocument[document.layers[cont].id].style.top = document.layers[cont].style.top;					
				divDocument[document.layers[cont].id].setPosicion = fSetPosicion;
				
				// FORMULARIOS dentro del layer
				var numForms = document.layers[cont].document.forms.length;
				var nForms = document.layers[cont].document.forms.length;
				formDocument.length = 0;
				for (var contForms = 0; contForms < numForms; contForms++) {
					// Nombres de los formularios
					formDocument[document.layers[cont].document.forms[contForms].name] = document.layers[cont].document.forms[contForms];
					// Número de formularios
					formDocument.length++;
				}
				
				// IMAGENES dentro del layer
				var numImages = document.layers[cont].document.images.length;
				for (contImages = 0; contImages < numImages; contImages++) {
					imageDocument[document.layers[cont].document.images[contImages].name] = document.layers[cont].document.images[contImages];
					imageDocument[document.layers[cont].document.images[contImages].name].src = document.layers[cont].document.images[contImages].src;
					imageDocument.length++;
				}
			}
		}
	}
	
	////////////////////	
	// COMPATIBLE W3C //
	if (dom) {
		// CUIDADO!! En la página evitar las etiquetas DIV para cualquier elemento que 
		// no sea una capa
		var capas = document.getElementsByTagName("DIV");
		// Num. d capas en la pág
		var initLenLayers = capas.length;
		
		divDocument.length = 0;
		// Recorrido de las capas
		for(cont=0;cont<initLenLayers;cont++) {
			if (capas.item(cont).getAttribute("id") != null) {
				divDocument[capas.item(cont).getAttribute("id")] = capas.item(cont);
				divDocument[capas.item(cont).getAttribute("id")].setVisibility = fSetVisibility;
				divDocument[capas.item(cont).getAttribute("id")].setClip = fSetClip;
				divDocument[capas.item(cont).getAttribute("id")].setPosicion = fSetPosicion;
				
				// MOSTRAR BLOQUE
				divDocument[capas.item(cont).getAttribute("id")].setDisplay = fSetDisplay;
	
				// CAMBIO DE CONTENIDO DE LA CAPA			
				divDocument[capas.item(cont).getAttribute("id")].changeLayerContent = fChangeLayerContent;
	
				// IMAGEN DE FONDO DE LA CAPA
				divDocument[capas.item(cont).getAttribute("id")].bgImage = capas.item(cont).getAttribute("id").background;		
				divDocument[capas.item(cont).getAttribute("id")].bgImage = bgImageValue;
			
				// IMAGENES en el layer
				var images = document.getElementsByTagName("IMG");			
				var initLenImages = images.length;
				imageDocument.length = 0;
				imgDocument.length = 0;
				for(contImage=0;contImage<initLenImages;contImage++) {
					imageDocument[images.item(contImage).getAttribute("name")] = images.item(contImage);
					imageDocument.length++;
					
					imgDocument[contImage] = images.item(contImage);
					imgDocument[contImage].name = images.item(contImage).getAttribute("name");
					imgDocument[contImage].src = images.item(contImage).getAttribute("src");
					imgDocument.length++;
				} 
				divDocument.length++;			
								
				// Z-Index 
				divDocument[capas.item(cont).getAttribute("id")].setZindex = fSetZindex;		
								
				// Tamaño 
				divDocument[capas.item(cont).getAttribute("id")].setTamanyo = fSetTamanyo;
	
				// CAMBIAR POSICIÓN - left-top
				bmover=true;
				if(capas.item(cont).getAttribute("id").left){
					divDocument[capas.item(cont).getAttribute("id")].style.left = capas.item(cont).getAttribute("id").left;
				}else{
					bmover = false;
				}
				if(capas.item(cont).getAttribute("id").top){
					divDocument[capas.item(cont).getAttribute("id")].style.top = capas.item(cont).getAttribute("id").top;					
				}else{
					bmover = false;
				}
				if(bmover){
					divDocument[capas.item(cont).getAttribute("id")].setPosicion = fSetPosicion;
				}
			}
		}

		// FORMULARIOS dentro del layer
		var forms = document.getElementsByTagName("FORM");
		var initLenForms = forms.length;
		formDocument.length = 0;
		for(contForms=0;contForms<initLenForms;contForms++) {
			formDocument[forms.item(contForms).name] = forms.item(contForms);
			formDocument.length++;
		}			
		
	}
}


///////////////////////////////////////////////////////////////////

var iex,iey;
var antx,anty;
var pulsado=false;
var lacapa;
var leftN4,topN4;
var permisoN6=false;  

// CAPTURA DE LOS EVENTOS     
function captura(e) {
       	if (ns) {
                document.captureEvents(Event.MOUSEMOVE);
                leftN4=e.x;
                topN4=e.y;
                pulsado=true;
        }
        if (dom) {
                n6x=e.clientX;
                n6y=e.clientY;
        }
}

// MOVIMIENTO DE LA CAPA        
function arrastra(e) {
       	if ((ie) && (pulsado)) {
       		eval('lacapa.setPosicion("mover",antx+event.clientX-iex,anty+event.clientY-iey)');               
                return false;
        }
      	if ((ns) && (pulsado)) {
                lacapa.moveBy(e.x-leftN4,e.y-topN4);
                return false;
        }
        if ((dom) && (permisoN6)) {               
                eval('lacapa.setPosicion("mover",antx+e.clientX-n6x,anty+e.clientY-n6y)');               
                return false;
        }
}       
        
// PARAR EL MOVIMIENTO        
function parar() {
        if (ie) {
                if (event.button == 1) {
                      pulsado=false;
                      return false;
                }
        }
        if (ns) {               
                document.releaseEvents(Event.MOUSEMOVE);
                pulsado=false;
                return false;
        }
        if (dom) {
                permisoN6=false;
                lacapa.removeEventListener("mousedown",captura,false);
                lacapa.removeEventListener("mousemove",arrastra,false);               
                lacapa.removeEventListener("mouseup",parar,false);
        }
}

// MOVER CAPAS
function mover(capa) {
        lacapa = eval('divDocument["'+capa+'"]');
	antx = devuelve_posicion(eval('lacapa.style.left'));
	anty = devuelve_posicion(eval('lacapa.style.top'));
                
	if (ie) {
        	if (event.button == 1) {  
        		iex=event.clientX;
                        iey=event.clientY;                           
                        pulsado=true;
                        document.onmousemove=arrastra;
                        document.onmouseup=parar;
                        return false;
                 }
	}
        if (ns) {
        	pulsado=true;
                document.onmousedown=captura;
                document.onmousemove=arrastra;
                document.onmouseup=parar;
                document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
                return false;
	}
	if (dom) {
        	permisoN6=true;         
                lacapa.addEventListener("mousedown",captura,false);
                lacapa.addEventListener("mousemove",arrastra,false);  
                lacapa.addEventListener("mouseup",parar,false);
	}
}