//  Written by Dennis Luemkemann 2004-03-07
//  The colors
    var col_cal_border = "#a0a0a0"
    var col_window_bg = "#ffffff"
    var col_title_bar = "#474747"
    var col_main_bg = "#ffffff"
    var col_today_border = "#a0a0a0"

    var fixedX = -1         // x position (-1 if to appear below control)
    var fixedY = -1         // y position (-1 if to appear below control)
    var imgDir = "images/"  // directory for images ... e.g. var imgDir="/img/"

    var mycrossobj, myCtlNow

    var myBPageLoaded=false
    var ie=document.all
    var dom=document.getElementById

    var ns4=document.layers

    var myShow = false;

        document.write("<div onclick=\"myShow=true\" id=\"calc\" style=\"z-index:+999;position:absolute;visibility:hidden;\">" +
                       "<table width=\"280\" style=\"font-family:arial;font-size:11px;border-width:1px;border-style:solid;border-color:"+col_cal_border+";\" bgcolor=\""+col_window_bg+"\" cellspacing=\"0\">" +
                            "<tr bgcolor=\""+col_title_bar+"\">" +
                                "<td style=\"padding:5px;color:#fff;font-weight:bold\">Calcular el precio</td>" +
                                "<td align=\"right\" style=\"padding:5px;\"><a href=\"javascript:hideCalc()\"><img src=\""+imgDir+"close.gif\" width=\"14\" height=\"14\" border=\"0\" alt=\"Cerrar la calculadora\"></a></td>" +
                            "</tr>" +
                            "<tr>" +
                                "<td style=\"padding:5px\" bgcolor="+col_main_bg+"><span id=\"content\">" +
                                    "<form name=\"calcform\"><table>" +
                                        "<tr><td style=\"font-size:13px\">Distancia</td><td style=\"font-size:13px\"><input type=\"number\" size=6 value=\"\" name=\"dist\" onChange=\"calcPrice(this.form)\">&nbsp;km</td></tr>" +
                                        "<tr><td style=\"font-size:13px\">Consumo</td><td style=\"font-size:13px\"><input type=\"number\" size=\"6\" value=\"8\" name=\"cons\" onChange=\"calcPrice(this.form)\">&nbsp;l/100km</td></tr>" +
                                        "<tr><td style=\"font-size:13px\">Precio gasolina</td><td style=\"font-size:13px\"><input type=\"number\" size=\"6\" value=\"1.10\" name=\"gasp\" onChange=\"calcPrice(this.form)\">&nbsp;litro</td></tr>" +
                                        "<tr><td style=\"font-size:13px\">Total peajes</td><td style=\"font-size:13px\"><input type=\"number\" size=\"6\" value=\"0\" name=\"toll\" onChange=\"calcPrice(this.form)\">&nbsp;</td></tr>" +
                                        "<tr><td style=\"font-size:13px\">Pasajeros</td><td style=\"font-size:13px\"><select size=\"1\" name=\"ppl\" onChange=\"calcPrice(this.form)\"><option value=\"1\" selected=\"selected\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option><option value=\"6\">6</option></select></td></tr>" +
                                        "<tr><td colspan=\"2\"><hr /></td></tr>" +
                                        "<tr><td style=\"font-size:13px;font-weight:bold\">Precio por persona</td><td style=\"font-size:13px\"><input type=\"number\" size=\"6\" value=\"0\" name=\"price\" readonly=\"readonly\">&nbsp;</td></tr>" +
                                        "<tr><td colspan=\"2\"><input type=\"button\" style=\"font-family:helvetica,sans-serif;font-size:13px;\" value=\"Calcular\" onclick=\"calcPrice(this.form)\"></td></tr></table>" +
                                    "</form>"+
                                "</span></td>" +
                            "</tr>" +
                       "</table></form>" +
                       "</div>")

    var styleAnchor="text-decoration:none;color:black;"
    var styleLightBorder="border-style:solid;border-width:1px;border-color:"+col_today_border+";"

    function init() {
        if (!ns4) {

            mycrossobj=(dom)?document.getElementById("calc").style : ie? document.all.calc : document.calc
            hideCalc()

            myBPageLoaded=true
        }
    }

    function hideCalc() {
        mycrossobj.visibility="hidden"
        showElement('SELECT');
        showElement('APPLET');
    }

    function closeCalc() {
        var sTmp
        hideCalc();
    }

   /*
   * unhides <select> and <applet> objects (for IE only)
   */
   function showElement(elmID) {
       if (ie) {
           for (i = 0; i < document.all.tags(elmID).length; i++) {
               obj = document.all.tags( elmID )[i];
               if( !obj || !obj.offsetParent ) {
                   continue;
               }
               obj.style.visibility = "";
           }
       }
   }

    /*
     * hides <select> and <applet> objects (for IE only)
     */
    function hideElement(elmID, overDiv) {
        if(ie) {
            for( i = 0; i < document.all.tags(elmID).length; i++) {
                obj = document.all.tags( elmID )[i];
                if (!obj || !obj.offsetParent) {
                    continue;
                }
                // Find the element's offsetTop and offsetLeft relative to the BODY tag.
                objLeft = obj.offsetLeft;
                objTop = obj.offsetTop;
                objParent = obj.offsetParent;
                while(objParent.tagName.toUpperCase() != "BODY") {
                    objLeft += objParent.offsetLeft;
                    objTop += objParent.offsetTop;
                    objParent = objParent.offsetParent;
                }

                objHeight = obj.offsetHeight;
                objWidth = obj.offsetWidth;

                if ((overDiv.offsetLeft + overDiv.offsetWidth) <= objLeft);
                else if((overDiv.offsetTop + overDiv.offsetHeight) <= objTop);
                else if(overDiv.offsetTop >= (objTop + objHeight));
                else if(overDiv.offsetLeft >= (objLeft + objWidth));
                else {
                    obj.style.visibility = "hidden";
                }
            }
        }
    }

    function popUpCalc(ctl) {
        var leftpos = -115
        var toppos = 1

        if (myBPageLoaded) {
            if ( mycrossobj.visibility == "hidden" ) {

                myATag = ctl
                do {
                    myATag = myATag.offsetParent;
                    leftpos += myATag.offsetLeft;
                    toppos += myATag.offsetTop;
                } while(myATag.tagName!="BODY");

                mycrossobj.left = fixedX==-1 ? ctl.offsetLeft + leftpos : fixedX
                mycrossobj.top = fixedY==-1 ? ctl.offsetTop + toppos + ctl.offsetHeight : fixedY
                mycrossobj.visibility=(dom||ie)? "visible" : "show"

                hideElement('SELECT', document.getElementById("calc"));
                hideElement('APPLET', document.getElementById("calc"));

                myShow = true;
            }
            else {
                hideCalc()
                if (myCtlNow!=ctl) { popUpCalc(ctl) }
            }
            myCtlNow = ctl
        }
    }

    document.onkeypress = function hidecalc1 () {
            if (event.keyCode==27) {
                hideCalc()
            } 
    }
    document.onclick = function hidecalc2 () {
            if (!myShow) {
                hideCalc()
            }
            myShow = false
    }

    if(ie) {
        init()
    }
    else {
        window.onload = init
    }