var xml = loadXml("retail.xml");
var xsl;

function ListarCiudades()
{
	
	xsl = loadXsl("retail.xsl");
	var nodos_ciudades = xml.getElementsByTagName("Ciudad");
	var ciudades = new Array();
	for ( var i=0; i<nodos_ciudades.length; i++ )
	{
		if ( !in_array(nodos_ciudades[i].firstChild.nodeValue, ciudades) )
		{
			ciudades.push( nodos_ciudades[i].firstChild.nodeValue );
		}
	}
	var selector = document.getElementById("sel_box");
	selector.options.length=0; // vacio el selector
	for ( i=0; i<ciudades.length; i++ )
	{
		var opcion = document.createElement("option");
		opcion.setAttribute("value",ciudades[i]);
		opcion.innerHTML= ciudades[i];
		selector.appendChild(opcion);
	}
}

function refresh_table()
{
	var selector = document.getElementById("sel_box");
	var ciudad = selector.options[selector.selectedIndex].value;

	document.getElementById("td_canales").innerHTML = XSLTransformToString( xml, xsl, {p_ciudad: ciudad} );

	var filas = document.getElementById("td_canales").childNodes[0].childNodes[1].childNodes;
	var i = 1;
	while ( filas[i] != null )
	{
		if ( i % 2 == 0 )
		{
			filas[i].setAttribute( (window.ActiveXObject ? "className" : "class"), "gris" );
		}
		i++;
	}
}