$(function () {


    //desabilitamos el boton derecho (menu contextual)
    $(document).bind("contextmenu", function (e) {
        return false;
    });

    //setInterval('cambiarFoto();', 10000);

    $('input').css({ backgroundColor: "#FFFFFF" });
    $('input').focus(function () {
        $(this).css({ backgroundColor: "#a1dcf2" });
    });
    $('input').blur(function () {
        $(this).css({ backgroundColor: "#FFFFFF" });
    });


    //Cargar Los Origenes del XML

        $.ajax({
            dataType: "xml",
            async: true,
            type: "GET",
            url: "origen.xml",
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('Se ha presentado un error (' + textStatus + '). Por favor intente de nuevo.');
                $('#trackingDialog').dialog("close");

            }, // esta cierra la funcion de error 

            success: function (xml, textStatus) {
                var cantidad = $('vwciudadesorigen_Detail', xml).length;
                //alert(cantidad); return false;
                var contenido = "";
                if (cantidad == 0) {//este es el codigo que se ejecuta cuando no consiga la lista de los origenes
                    alert('No se han podido cargar la lista de origenes. Por favor intente de nuevo!');
                } // fin de cantidad 0

                else {//este es el codigo que se ejecuta cuando consiga los origenes... se hace un loop construyendo la cadena y se pegan al SELECT
                    
                    var obj = $('vwciudadesorigen_Detail', xml);
                    for (i = 0; i < obj.length; i++) {
                        contenido += "<option value='" + $('CODIGO', obj).eq(i).text() + "'>" + $('CIUDAD', obj).eq(i).text() + "</option>";
                    } //fin del for i

                    $('form select[name=origen]').html(contenido);
                    var n = Math.random();
                    n = Math.round(n * obj.length);
                    $('form select[name=origen] option:eq(' + n + ')').attr("selected", "selected");
                } // fin de la union de los origenes
            }  // esta cierra la funcion de success
        });  // esta cierra el llamado a .ajax

    //Cargar Los Destinos del XML

        $.ajax({
            dataType: "xml",
            async: true,
            type: "GET",
            url: "destinos.xml",
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('Se ha presentado un error (' + textStatus + '). Por favor intente de nuevo.');
                $('#trackingDialog').dialog("close");

            }, // esta cierra la funcion de error 

            success: function (xml, textStatus) {
                var cantidad = $('vwciudadesdestino_Detail', xml).length;
                //alert(cantidad); return false;
                var contenido = "";
                if (cantidad == 0) {//este es el codigo que se ejecuta cuando no consiga la lista de los origenes
                    alert('No se han podido cargar la lista de origenes. Por favor intente de nuevo!');
                } // fin de cantidad 0

                else {//este es el codigo que se ejecuta cuando consiga los destinos... se hace un loop construyendo la cadena y se pegan al SELECT
                    
                    var obj = $('vwciudadesdestino_Detail', xml);
                    for (i = 0; i < obj.length; i++) {
                        contenido+= "<option value='" + $('CODIGO', obj).eq(i).text() + "'>" + $('CIUDAD', obj).eq(i).text() + "</option>";
                    } //fin del for i

                    $('form select[name=destino]').html(contenido);
                    var n = Math.random();
                    n = Math.round(n * obj.length);
                    $('form select[name=destino] option:eq(' + n + ')').attr("selected", "selected");

                } // fin de la union de los origenes
            }  // esta cierra la funcion de success
        });  // esta cierra el llamado a .ajax







    // Dialog			
    $('#tarifasDialog').dialog({
        position: 'top',
        autoOpen: false,
        width: 650,
        bgiframe: true,
        modal: true,
        buttons: {
            "Aceptar": function () {
                $(this).dialog("close");
            } 				//fin del OK button
        } 				//fin del Dialog definition
    });

    // Dialog Link
    $('form').submit(function () {

        //aqui se debe hacer validacion de los valores suministrados
        //var pago = $('#pago').val();
        //var tipo = $("#tipoGuia").attr("checked")?"Guia":"NotaRecoleccion";

        //Aqui se hace el llamado a la pag que busca la data
        var dataString = $("form").serialize();

        $('#tarifasDialog').html('')
		.append("<div id='tarifasDialog_result' style='z-index:9999;'><img id='checkmark' src='img/procesando.gif' /><br/></div>");

        $.ajax({
            dataType: "xml",
            async: true,
            data: dataString,
            type: "POST",
            url: "prueba3.asp",
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert('Se ha presentado un error (' + textStatus + '). Por favor intente de nuevo.');
                $('#tarifasDialog').dialog("close");

            }, // esta cierra la funcion de error 

            success: function (xml, textStatus) {
                var subtitulo = "", contenido = "", obj = $('Detalle', xml);
                    subtitulo = "<p>"; 
                    subtitulo +=  $("#tipo").attr("checked")?"Sobre ":"Carga ";
                    subtitulo += " de " + $('form [name=peso]').val() + " Kilos desde <strong>" + $('form [name=origen] option:selected').text() + "</strong> hasta <strong>" + $('form [name=destino] option:selected').text() + "</strong> ";
                    subtitulo += ($("form [name=declarado]").val() != 0)?"(Valor Asegurado Bs. " + $("form [name=declarado]").val() + " ) ":""  
                    subtitulo +=  "para pago en " +   ($("#pago").attr("checked")?"Origen":"Destino")   + "</p>";

                    contenido = "<table width='100%' border='0' id='trackingList'>";
                    contenido += "<tr class='ui-widget-header'><th>Servicio Recomendado</th><th>" + $('SERVICIO', obj).text() + "</th></tr>";
                    contenido += "<tr><td>Tarifa:</td><td align='right'>Bs. " + $('TARIFA', obj).text() + "</td></tr>";
                    contenido += "<tr><td>Prima Seguro:</td><td align='right'>Bs. " + $('SEGURO', obj).text() + "</td></tr>";
                    contenido += "<tr><td>IVA (" + $('IVAPORC', obj).text() + ") sobre Bs." + $('BASEIM', obj).text() + ":</td><td align='right'> Bs. " + $('IVA', obj).text() + "</td></tr>";
                    contenido += "<tr><td>Tasa Postal:</td><td align='right'>Bs. " + $('IPOSTEL', obj).text() + "</td></tr>";
                    contenido += "<tr><td>Total a Pagar:</td><td align='right'><strong>Bs. " + $('TOTAL', obj).text() + "</strong></td></tr>";
                    if ($('MENSAJE', obj).text() != "Calculo por kilos y gramos.") {contenido += "<tr><td colspan='2'><strong>" + $('MENSAJE', obj).text() + "</strong></td></tr>";}

                    contenido += "</table><p><i><strong>Nota:</strong> Tarifas Referenciales en base a los datos suministrados. Pueden diferir si se aplican otros cargos o descuentos al momento de realizar el envio.</i></p>";

                $('#tarifasDialog_result').html(subtitulo)
				.hide()
				.fadeIn(1000, function () {
				    $('#tarifasDialog_result').append(contenido);
				    $('#tarifasDialog_result').animate({ height: 'show', opacity: 'show' }, 'slow');
				}); // esta cierra el llamado a la funcion de fadeIn
            }  // esta cierra la funcion de success
        });  // esta cierra el llamado a .ajax

        $('#tarifasDialog').dialog('open');

        return false;
    });

    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
		function () { $(this).addClass('ui-state-hover'); },
		function () { $(this).removeClass('ui-state-hover'); }
	);


});