﻿// Archivo JScript
/////////////////////////////////////////////////////////////////////////////////////
/////*MOSTRAROCULTAR, MismaAcción*///////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
idNombreFoto=1;
idButtonRemove=1;
idBtnExaminar=1;
idTr=1;
function getAbsoluteElementPosition(element) 
{
    if (typeof element == "string") element = getElement(element) 
    if (!element) return { top:0,left:0 
    };
    var y = 0;var x = 0;
    while (element.offsetParent) 
    {
        x += element.offsetLeft;
        y += element.offsetTop;
        element = element.offsetParent;
    }
    return {top:y,left:x};
}

function mostrarOcultar(elemento)
{
    var div =document.getElementById(elemento);
    
    if(div.style.display == "none")
    {
        div.style.display = "";
    }
    else
    {    
        div.style.display = "none";
    }
}

function ocultarDiv(item, iddiv)
{
    popdiv = document.getElementById(iddiv);
    popdiv.style.display = "none";
}

function remove_control_image()
{
//tabla=document.getElementById('tableImagenes');
//tabla.deleteRow(id);
}

function add_control_image()
{		
	var texto = null;
	var enter = null;
	var inputRemove = null;
	var fila = null;
    var celda = null;
    
	// creo el label  		
	texto = document.createTextNode('Nombre Imagen: ');  
	var label1 = document.createElement("LABEL"); 
	label1.appendChild(texto);					 
		
	// creo el input para introducir el nombre
	var inputNombre = document.createElement("INPUT");
	inputNombre.setAttribute("type","text");
	inputNombre.setAttribute("id","nombreFoto"+idNombreFoto);	    
	inputNombre.setAttribute("size",40);
	inputNombre.setAttribute("maxLength",350); 
	idNombreFoto=idNombreFoto + 1;

    // creo el label  		
	texto = document.createTextNode('Imagen: ');  
	var label2 = document.createElement("LABEL"); 
	label2.appendChild(texto);					 
		
	// creo el input para introducir la ruta de la imagen
	
	var btnExaminar = document.createElement("INPUT");
	btnExaminar.setAttribute("type","file");
	btnExaminar.setAttribute("runat","server");
	btnExaminar.setAttribute("id","btnExaminar"+idBtnExaminar);	
	btnExaminar.setAttribute("size",40);
	btnExaminar.setAttribute("maxLength", 350); 	
	idBtnExaminar=idBtnExaminar + 1;
	
	
	/// creo los dos botones 		
	var inputRemove = document.createElement("INPUT");
	inputRemove.setAttribute("type","button");
	inputRemove.setAttribute("id","remove"+idButtonRemove);	    
	inputRemove.setAttribute("value","Quitar");
	idButtonRemove=idButtonRemove + 1;
	
	var filaAdd=document.getElementById("filaAdd");
    
    fila = document.createElement("tr");
    fila.setAttribute("id","tr"+idTr);
    
    celda=document.createElement("td");
    celda.appendChild(label1);
    celda.appendChild(inputNombre);
    enter = document.createElement("BR");
    celda.appendChild(enter);
    celda.appendChild(label2);
    celda.appendChild(btnExaminar);
    enter = document.createElement("BR");
    celda.appendChild(enter);
    celda.appendChild(inputRemove);
    fila.appendChild(celda);    
    
    filaAdd.parentNode.insertBefore(fila,filaAdd);
    
//  	if (inputRemove.addEventListener)
//	{	  
//		inputRemove.addEventListener("click", function(){remove_control_image()}, false);
//	}
//	else {		   
//		inputRemove.attachEvent("onclick", function(){remove_control_image()});
//		}
//    inputRemove.onclick = function() {location.href='page2.htm';return false;}

	idTr=idTr + 1;

}


