// 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,form,oldColor){

	document.getElementById('color_'+nColor).className = 'colorSeleccionado';
	
	if(oldColor.length !=0){
		document.getElementById('color_'+oldColor).className= 'enlacecolores';
	}//if(oldTalla.length !=0){
	
	limpiarTallas();
	form.Colores.value = nColor;
	form.Tallas.value ='';
	divResultado = document.getElementById('TallasDiv');
	
	//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{
				var linea = '<table align="right"><tr>';
				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;

					linea= linea + '<td><div id="talla_'+Talla+'"><a href="javascript:selectTalla(\''+Talla+'\',document.TalCol,document.TalCol.Tallas.value);" class="enlacetallas">'+ Talla +'</a></div></td><td>|</td>';
					//CrearCajaTalla(linea);
				} 
				linea = linea + '</tr></table>';
				CrearCajaTalla(linea);
				
			}		
		}
		
	}
	ajax.send(null)
	//cada 3 segundos consulta por nuevos mensajes
	//setTimeout('consultaMensajes();',30000);
}

function selectTalla(Talla,form,oldTalla){

	form.Tallas.value = Talla;
	//alert(form.Colores.value + ", "+form.Tallas.value);
	
	document.getElementById('talla_'+Talla).className = 'tallaSeleccionada';
	if(oldTalla.length !=0){
		document.getElementById('talla_'+oldTalla).className= 'enlacetallas';
	}
	
}//function selectTalla(Talla,document.TalCol){

function CrearCajaTalla(texto){
	//contenedor principal
	var pagina=document.getElementById('TallasDiv');
	
	//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);
	
}

function limpiarTallas() {
	var d = document.getElementById("TallasDiv");
	while (d.hasChildNodes())
		d.removeChild(d.firstChild);
}