function genera(divP){
	divP.style.visibility = "visible";
	document.getElementById('Gen').disabled = "disabled";
	categoria();
	document.getElementById('Codigo').innerHTML = ponerImg();
	window.setTimeout("cierra();", 10000);
	//alert("HTML copiado al portapapeles!");
}

function cierra(){
	document.getElementById('vp').style.visibility = "hidden";
	document.getElementById('Gen').disabled = "";
	document.getElementById('imagenes').innerHTML = "";
}

function ponerImg(){
	divP = document.getElementById('vp');
	arImg = document.getElementsByName('IMG');
	arUrl = document.getElementsByName('URL');
	cab = "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'><html xmlns='http://www.w3.org/1999/xhtml' xml:lang='es'><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' /><link href='css/css.css' rel='stylesheet' type='text/css' /><script type='text/javascript' src='js/js.js'></script></head><body>";
	pie = "</body></html>";
	i = 0;
	x = "";
	y = "";
	img = "";
	cadena = "";
	TP = "";
	TF = "";
	
	////////////////////////////////////////////////////
	for(i==0;i<12;i++){
		if(arImg[i].value != ""){
			switch (i){
				case 0:
					TP = "<tr><td>";
					x = "30px";
					y = "80px";
					TF = "</td>";
					break;
				case 1:
					TP = "<td>";
					x = "190px";
					y = "80px";
					TF = "</td>";
					break;
				case 2:
					TP = "<td>";
					x = "250px";
					y = "80px";
					TF = "</td></tr>";
					break;
				case 3:
					TP = "<tr><td>";
					x = "30px";
					y = "240px";
					TF = "</td>";
					break;
				case 4:
					TP = "<td>";
					x = "190px";
					y = "240px";
					TF = "</td>";
					break;
				case 5:
					TP = "<td>";
					x = "250px";
					y = "240px";
					TF = "</td></tr>";
					break;
				case 6:
					TP = "<tr><td>";
					x = "30px";
					y = "300px";
					TF = "</td>";
					break;
				case 7:
					TP = "<td>";
					x = "190px";
					y = "300px";
					TF = "</td>";
					break;
				case 8:
					TP = "<td>";
					x = "250px";
					y = "300px";
					TF = "</td></tr>";
					break;
				case 9:
					TP = "<tr><td>";
					x = "30px";
					y = "460px";
					TF = "</td>";
					break;
				case 10:
					TP = "<td>";
					x = "190px";
					y = "460px";
					TF = "</td>";
					break;
				case 11:
					TP = "<td>";
					x = "250px";
					y = "460px";
					TF = "</td></tr>";
					break;
			}
			img = "<img src='" + arImg[i].value + "' width='140px' height='140px' />";
			cadena += TP + "<a href = '" + arUrl[i].value + "' >" + img + "</a>" + TF;
		}
	}
	document.getElementById('imagenes').innerHTML += cadena;
	//divP.innerHTML += cadena;
	//document.getElementById('Codigo').innerHTML = cab + copiar() + "<div id='vp'>" + divP.innerHTML + "</div>" + pie;
	return cab + copiar() + "<div id='vpL'>" + divP.innerHTML + "</div>" + pie;
}

function copiar(){
	arTit = document.getElementsByName('Titulo');
	arUrl = document.getElementsByName('URL');
	arUp = document.getElementsByName('Uploader');
	
	cadena = "<div style='width:530px;'><ul id='lista'>";
	i = 0;
	
	for(i==0;i<12;i++){
		if(arTit[i].value != "")
		cadena += "<li><a class='enl' href = '" + arUrl[i].value + "' >" + arTit[i].value + "</a> por <b>" + arUp[i].value + "</b></li>";
	}
	
	cadena += "<br/><br/><br/><br/><li><i>Recuerda que debes agradecer la subida para poder ver el enlace de descarga</i></li></ul></div>";
	
	return cadena;
}

function categoria(){
	img = document.getElementById('categorias').options[document.getElementById('categorias').selectedIndex].value;
	document.getElementById('cat').src = "img/" + img + ".png";
}