var fuente;
var categoriaActual;
var tamanoActual;
var tipoActual;
var cantidadActual;

var archivosIDs;
// var $ = jQuery.noConflict ();

//
function evDocumentReady () {
	//
	$.ajax ({
		type: "GET",
		url: "xml/loading-guide.xml",
		dataType: "xml",
		success:evFuenteCargaCompleta});
		
	$('#submitButton').click (evSubmitClic);
	$('#submitButton').attr ("disabled" , "disabled");
}

//
function evFuenteCargaCompleta (_xml) {
	//
	fuente = $.xml2json(_xml);
	//
	$('#categorias').children().remove ();
	$('#tamanos').children().remove ();
	$('#tipos').children().remove ();
	$('#cantidad').children().remove ();
	//
	$("<option value='no'>Select an option</option>").appendTo ("#categorias");
	//
	for (var i=0; i<fuente.Categoria.length; i++) {
		//
		var opcion = "<option value='" + i + "'>" + fuente.Categoria[i].nombre + "</option>";
		$(opcion).appendTo ("#categorias");
	}
	//
 	$("#categorias").change (evCategoriasChange);
	$('#categorias, #categoriasLabel').css ('display', 'block');
}

//
function evCategoriasChange () {
	//
	categoriaActual = $(this).val ();
	//
	$('#tamanos').children().remove ();
	$('#tipos').children().remove ();
	$('#cantidad').children().remove ();
	$('#submitButton').attr ("disabled" , "disabled");
	//
	if (categoriaActual == "no") {
		$("#cantidadLabelTexto").text ("Number");
		return;
	}
	//
	$("<option value='no'>Select an option</option>").appendTo ("#tamanos");
	//
	for (var i=0; i<fuente.Categoria[categoriaActual].Tamanos.Tamano.length; i++) {
		//
		var opcion = "<option value='" + i + "'>" + fuente.Categoria[categoriaActual].Tamanos.Tamano[i].nombre + "</option>";
		$(opcion).appendTo ("#tamanos");
	}
	//
	$("#tamanos").change (evTamanosChange);
	$("#cantidadLabelTexto").text ("Number of " + $("#categorias :selected").text ());
}

//
function evTamanosChange () {
	//
	tamanoActual = $(this).val ();
	//
	$('#tipos').children().remove ();
	$('#cantidad').children().remove ();
	$('#submitButton').attr ("disabled" , "disabled");
	//
	if (tamanoActual == "no") {
		return;
	}
	//
	$("<option value='no'>Select an option</option>").appendTo ("#tipos");
	//
	for (var i=0; i<fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo.length; i++) {
		//
		var opcion = "<option value='" + i + "'>" + fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[i].Nombre + "</option>";
		$(opcion).appendTo ("#tipos");
	}
	//
	$("#tipos").change (evTiposChange);
}

//
function evTiposChange () {
	//
	tipoActual = $(this).val ();
	//
	$('#cantidad').children().remove ();
	$('#submitButton').attr ("disabled" , "disabled");
	//
	if (tipoActual == "no") {
		return;
	}
	//
	$("<option value='no'>Select an option</option>").appendTo ("#cantidad");
	//
	for (var i=0; i<fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad.length; i++) {
		//
		var valor = fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad[i].Nombre;
		var opcion = "<option value='" + i + "'>" + valor + "</option>";
		$(opcion).appendTo ("#cantidad");
	}
	//
	$("#cantidad").change (evCantidadChange);
}

//
function evCantidadChange () {
	//
	cantidadActual = $(this).val ();
	$('#submitButton').attr ("disabled" , "disabled");
	if (cantidadActual == "no") {
		$('#contenido p').html ("");
		return;
	}
	//
	archivosIDs = "";
	var n = fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad[cantidadActual].ID.length;
	if (fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad[cantidadActual].ID.length) {
		//
		for (var i=0; i<n; i++) {
			//
			archivosIDs += fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad[cantidadActual].ID[i].Archivo + ",";
		}
	} else {
		//
		archivosIDs += fuente.Categoria[categoriaActual].Tamanos.Tamano[tamanoActual].Tipos.Tipo[tipoActual].Cantidades.Cantidad[cantidadActual].ID.Archivo + ",";
	}
	$('#submitButton').disabled = false;
	//
	// $('#contenido p').html (texto);
	$('#submitButton').attr ("disabled" , "");
}

//
function evSubmitClic () {
	//
	// window.location.href = "see-results.html?containerSize=" + $("#tamanos :selected").text () + "&resultsID=" + archivosIDs;
	window.open("see-results.html?containerSize=" + $("#tamanos :selected").text () + "&resultsID=" + archivosIDs);
}

//
$(document).ready (evDocumentReady);