// JavaScript Document

function objetoAjax(){
	var xmlhttp=false;
	try{
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	}catch(e){
		try{
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}catch(E){
			xmlhttp = false;
  		}
	}

	if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}


function DevuelveTallas(nColor,nArticulo){

	//limpiar();
	divResultado = document.getElementById('Tallas');
	
	//uds=document.datos.uds.value;
	ajax=objetoAjax();
	ajax.open("GET", "talcol.php?op=listar&nArticulo="+nArticulo+"&nColor="+nColor,true);
	
	//setStyleById("loading", "visibility", "visible");
	
	ajax.onreadystatechange=function() {
		
		if (ajax.readyState==4) {
			//setStyleById("loading", "visibility", "hidden");
			//divResultado.innerHTML=ajax.responseText;
			var datos=ajax.responseXML.documentElement;
			//for (i = 0; i < datos.getElementsByTagName('elemento').length; i++){
			if(datos.getElementsByTagName('elemento').length == 0){
				//setStyleById("barra", "visibility", "hidden");
			}else{
				for (i = datos.getElementsByTagName('elemento').length-1; i >=0; i--){
					var item = datos.getElementsByTagName('elemento')[i];
					var ID = item.getElementsByTagName('ID')[0].firstChild.data;
					var Codigo = item.getElementsByTagName('Codigo')[0].firstChild.data;
					var CodigoColor = item.getElementsByTagName('CodigoColor')[0].firstChild.data;
					var DescripcionColor = item.getElementsByTagName('DescripcionColor')[0].firstChild.data;
					var Talla = item.getElementsByTagName('Talla')[0].firstChild.data;
					var TiendaVirtual = item.getElementsByTagName('TiendaVirtual')[0].firstChild.data;

					var linea='<table class="texto"><tr><td><div class="c_mensaje">Talla: '+Talla+'</div></td><td><div class="Color">Color: '+CodigoColor+'</div></td><td><div class="c_usuario" align="center">Descripci&oacute;n: '+ DescripcionColor +'</div></td><td><div class="mod"><a href="javascript:modTalCol(\''+ID+'\');">MOD</a></div></td></tr></table>';
					CrearCajaTalla(linea);
				} 
			}		
		}
		
	}
	ajax.send(null)
	//cada 3 segundos consulta por nuevos mensajes
	//setTimeout('consultaMensajes();',30000);
}

function CrearCajaTalla(texto){
	//contenedor principal
	var pagina=document.getElementById('Tallas');
	
	//creando nuevo div
	var cajaNueva=document.createElement('div');
	//creando texto del div con mensaje de la caja de texto
	
	//asignandoles atributos
	cajaNueva.setAttribute('className','caja'); //para IE
	cajaNueva.setAttribute("class", "caja");
	
	//llenando la caja nueva
	cajaNueva.innerHTML=texto;
	
	//insertar antes del primer elemento de pagina
	pagina.insertBefore(cajaNueva,pagina.firstChild);
	
}