/* $Id: functions.js,v 2.2 2004/01/05 16:10:15 garvinhicking Exp $ */


/**
 * Displays an confirmation box beforme to submit a "DROP/DELETE/ALTER" query.
 * This function is called while clicking links
 *
 * @param   object   the link
 * @param   object   the sql query to submit
 *
 * @return  boolean  whether to run the query or not
 */
function confirmLink(theLink, theSqlQuery)
{
    // Confirmation is not required in the configuration file
    // or browser is Opera (crappy js implementation)
    if (confirmMsg == '' || typeof(window.opera) != 'undefined') {
        return true;
    }

    var is_confirmed = confirm(confirmMsg + ' :\n' + theSqlQuery);
    if (is_confirmed) {
        theLink.href += '&is_js_confirmed=1';
    }

    return is_confirmed;
} // end of the 'confirmLink()' function


/**
 * Displays an error message if a "DROP DATABASE" statement is submitted
 * while it isn't allowed, else confirms a "DROP/DELETE/ALTER" query before
 * sumitting it if required.
 * This function is called by the 'checkSqlQuery()' js function.
 *
 * @param   object   the form
 * @param   object   the sql query textarea
 *
 * @return  boolean  whether to run the query or not
 *
 * @see     checkSqlQuery()
 */
function confirmQuery(theForm1, sqlQuery1)
{
    // Confirmation is not required in the configuration file
    if (confirmMsg == '') {
        return true;
    }

    // The replace function (js1.2) isn't supported
    else if (typeof(sqlQuery1.value.replace) == 'undefined') {
        return true;
    }

    // js1.2+ -> validation with regular expressions
    else {
        // "DROP DATABASE" statement isn't allowed
        if (noDropDbMsg != '') {
            var drop_re = new RegExp('DROP\\s+(IF EXISTS\\s+)?DATABASE\\s', 'i');
            if (drop_re.test(sqlQuery1.value)) {
                alert(noDropDbMsg);
                theForm1.reset();
                sqlQuery1.focus();
                return false;
            } // end if
        } // end if

        // Confirms a "DROP/DELETE/ALTER" statement
        //
        // TODO: find a way (if possible) to use the parser-analyser
        // for this kind of verification
        // For now, I just added a ^ to check for the statement at
        // beginning of expression

        //var do_confirm_re_0 = new RegExp('DROP\\s+(IF EXISTS\\s+)?(TABLE|DATABASE)\\s', 'i');
        //var do_confirm_re_1 = new RegExp('ALTER\\s+TABLE\\s+((`[^`]+`)|([A-Za-z0-9_$]+))\\s+DROP\\s', 'i');
        //var do_confirm_re_2 = new RegExp('DELETE\\s+FROM\\s', 'i');
        var do_confirm_re_0 = new RegExp('^DROP\\s+(IF EXISTS\\s+)?(TABLE|DATABASE)\\s', 'i');
        var do_confirm_re_1 = new RegExp('^ALTER\\s+TABLE\\s+((`[^`]+`)|([A-Za-z0-9_$]+))\\s+DROP\\s', 'i');
        var do_confirm_re_2 = new RegExp('^DELETE\\s+FROM\\s', 'i');
        if (do_confirm_re_0.test(sqlQuery1.value)
            || do_confirm_re_1.test(sqlQuery1.value)
            || do_confirm_re_2.test(sqlQuery1.value)) {
            var message      = (sqlQuery1.value.length > 100)
                             ? sqlQuery1.value.substr(0, 100) + '\n    ...'
                             : sqlQuery1.value;
            var is_confirmed = confirm(confirmMsg + ' :\n' + message);
            // drop/delete/alter statement is confirmed -> update the
            // "is_js_confirmed" form field so the confirm test won't be
            // run on the server side and allows to submit the form
            if (is_confirmed) {
                theForm1.elements['is_js_confirmed'].value = 1;
                return true;
            }
            // "DROP/DELETE/ALTER" statement is rejected -> do not submit
            // the form
            else {
                window.focus();
                sqlQuery1.focus();
                return false;
            } // end if (handle confirm box result)
        } // end if (display confirm box)
    } // end confirmation stuff

    return true;
} // end of the 'confirmQuery()' function


/**
 * Displays an error message if the user submitted the sql query form with no
 * sql query, else checks for "DROP/DELETE/ALTER" statements
 *
 * @param   object   the form
 *
 * @return  boolean  always false
 *
 * @see     confirmQuery()
 */
function checkSqlQuery(theForm)
{
    var sqlQuery = theForm.elements['sql_query'];
    var isEmpty  = 1;

    // The replace function (js1.2) isn't supported -> basic tests
    if (typeof(sqlQuery.value.replace) == 'undefined') {
        isEmpty      = (sqlQuery.value == '') ? 1 : 0;
        if (isEmpty && typeof(theForm.elements['sql_file']) != 'undefined') {
            isEmpty  = (theForm.elements['sql_file'].value == '') ? 1 : 0;
        }
        if (isEmpty && typeof(theForm.elements['sql_localfile']) != 'undefined') {
            isEmpty  = (theForm.elements['sql_localfile'].value == '') ? 1 : 0;
        }
        if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined') {
            isEmpty  = (theForm.elements['id_bookmark'].value == null || theForm.elements['id_bookmark'].value == '');
        }
    }
    // js1.2+ -> validation with regular expressions
    else {
        var space_re = new RegExp('\\s+');
        if (typeof(theForm.elements['sql_file']) != 'undefined' &&
                theForm.elements['sql_file'].value.replace(space_re, '') != '') {
            return true;
        }
        if (typeof(theForm.elements['sql_localfile']) != 'undefined' &&
                theForm.elements['sql_localfile'].value.replace(space_re, '') != '') {
            return true;
        }
        if (isEmpty && typeof(theForm.elements['id_bookmark']) != 'undefined' &&
                (theForm.elements['id_bookmark'].value != null || theForm.elements['id_bookmark'].value != '') &&
                theForm.elements['id_bookmark'].selectedIndex != 0
                ) {
            return true;
        }
        // Checks for "DROP/DELETE/ALTER" statements
        if (sqlQuery.value.replace(space_re, '') != '') {
            if (confirmQuery(theForm, sqlQuery)) {
                return true;
            } else {
                return false;
            }
        }
        theForm.reset();
        isEmpty = 1;
    }

    if (isEmpty) {
        sqlQuery.select();
        alert(errorMsg0);
        sqlQuery.focus();
        return false;
    }

    return true;
} // end of the 'checkSqlQuery()' function


/**
 * Displays an error message if an element of a form hasn't been completed and
 * should be
 *
 * @param   object   the form
 * @param   string   the name of the form field to put the focus on
 *
 * @return  boolean  whether the form field is empty or not
 */
function emptyFormElements(theForm, theFieldName)
{
    var isEmpty  = 1;
    var theField = theForm.elements[theFieldName];
    // Whether the replace function (js1.2) is supported or not
    var isRegExp = (typeof(theField.value.replace) != 'undefined');

    if (!isRegExp) {
        isEmpty      = (theField.value == '') ? 1 : 0;
    } else {
        var space_re = new RegExp('\\s+');
        isEmpty      = (theField.value.replace(space_re, '') == '') ? 1 : 0;
    }
    if (isEmpty) {
        theForm.reset();
        theField.select();
        alert(errorMsg0);
        theField.focus();
        return false;
    }

    return true;
} // end of the 'emptyFormElements()' function


/**
 * Ensures a value submitted in a form is numeric and is in a range
 *
 * @param   object   the form
 * @param   string   the name of the form field to check
 * @param   integer  the minimum authorized value
 * @param   integer  the maximum authorized value
 *
 * @return  boolean  whether a valid number has been submitted or not
 */
function checkFormElementInRange(theForm, theFieldName, min, max)
{
    var theField         = theForm.elements[theFieldName];
    var val              = parseInt(theField.value);

    if (typeof(min) == 'undefined') {
        min = 0;
    }
    if (typeof(max) == 'undefined') {
        max = Number.MAX_VALUE;
    }

    // It's not a number
    if (isNaN(val)) {
        theField.select();
        alert(errorMsg1);
        theField.focus();
        return false;
    }
    // It's a number but it is not between min and max
    else if (val < min || val > max) {
        theField.select();
        alert(val + errorMsg2);
        theField.focus();
        return false;
    }
    // It's a valid number
    else {
        theField.value = val;
    }

    return true;
} // end of the 'checkFormElementInRange()' function

function checkTableEditForm(theForm, fieldsCnt)
{
    for (i=0; i<fieldsCnt; i++)
    {
        var id = "field_" + i + "_2";
        var elm = getElement(id);
        if (elm.value == 'VARCHAR' || elm.value == 'CHAR') {
            elm2 = getElement("field_" + i + "_3");
            val = parseInt(elm2.value);
            elm3 = getElement("field_" + i + "_1");
            if (isNaN(val) && elm3.value != "") {
                elm2.select();
                alert(errorMsg1);
                elm2.focus();
                return false;
            }
        }
    }
    return true;
} // enf of the 'checkTableEditForm()' function


/**
 * Ensures the choice between 'transmit', 'zipped', 'gzipped' and 'bzipped'
 * checkboxes is consistant
 *
 * @param   object   the form
 * @param   string   a code for the action that causes this function to be run
 *
 * @return  boolean  always true
 */
function checkTransmitDump(theForm, theAction)
{
    var formElts = theForm.elements;

    // 'zipped' option has been checked
    if (theAction == 'zip' && formElts['zip'].checked) {
        if (!formElts['asfile'].checked) {
            theForm.elements['asfile'].checked = true;
        }
        if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
            theForm.elements['gzip'].checked = false;
        }
        if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
            theForm.elements['bzip'].checked = false;
        }
    }
    // 'gzipped' option has been checked
    else if (theAction == 'gzip' && formElts['gzip'].checked) {
        if (!formElts['asfile'].checked) {
            theForm.elements['asfile'].checked = true;
        }
        if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
            theForm.elements['zip'].checked = false;
        }
        if (typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked) {
            theForm.elements['bzip'].checked = false;
        }
    }
    // 'bzipped' option has been checked
    else if (theAction == 'bzip' && formElts['bzip'].checked) {
        if (!formElts['asfile'].checked) {
            theForm.elements['asfile'].checked = true;
        }
        if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
            theForm.elements['zip'].checked = false;
        }
        if (typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked) {
            theForm.elements['gzip'].checked = false;
        }
    }
    // 'transmit' option has been unchecked
    else if (theAction == 'transmit' && !formElts['asfile'].checked) {
        if (typeof(formElts['zip']) != 'undefined' && formElts['zip'].checked) {
            theForm.elements['zip'].checked = false;
        }
        if ((typeof(formElts['gzip']) != 'undefined' && formElts['gzip'].checked)) {
            theForm.elements['gzip'].checked = false;
        }
        if ((typeof(formElts['bzip']) != 'undefined' && formElts['bzip'].checked)) {
            theForm.elements['bzip'].checked = false;
        }
    }

    return true;
} // end of the 'checkTransmitDump()' function


/**
 * This array is used to remember mark status of rows in browse mode
 */
var marked_row = new Array;


/**
 * Sets/unsets the pointer and marker in browse mode
 *
 * @param   object    the table row
 * @param   interger  the row number
 * @param   string    the action calling this script (over, out or click)
 * @param   string    the default background color
 * @param   string    the color to use for mouseover
 * @param   string    the color to use for marking a row
 *
 * @return  boolean  whether pointer is set or not
 */
function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
{
    var theCells = null;

    // 1. Pointer and mark feature are disabled or the browser can't get the
    //    row -> exits
    if ((thePointerColor == '' && theMarkColor == '')
        || typeof(theRow.style) == 'undefined') {
        return false;
    }

    // 2. Gets the current row and exits if the browser can't get it
    if (typeof(document.getElementsByTagName) != 'undefined') {
        theCells = theRow.getElementsByTagName('td');
    }
    else if (typeof(theRow.cells) != 'undefined') {
        theCells = theRow.cells;
    }
    else {
        return false;
    }

    // 3. Gets the current color...
    var rowCellsCnt  = theCells.length;
    var domDetect    = null;
    var currentColor = null;
    var newColor     = null;
    // 3.1 ... with DOM compatible browsers except Opera that does not return
    //         valid values with "getAttribute"
    if (typeof(window.opera) == 'undefined'
        && typeof(theCells[0].getAttribute) != 'undefined') {
        currentColor = theCells[0].getAttribute('bgcolor');
        domDetect    = true;
    }
    // 3.2 ... with other browsers
    else {
        currentColor = theCells[0].style.backgroundColor;
        domDetect    = false;
    } // end 3

    // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
    if (currentColor.indexOf("rgb") >= 0) 
    {
        var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
                                     currentColor.indexOf(')'));
        var rgbValues = rgbStr.split(",");
        currentColor = "#";
        var hexChars = "0123456789ABCDEF";
        for (var i = 0; i < 3; i++)
        {
            var v = rgbValues[i].valueOf();
            currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
        }
    }

    // 4. Defines the new color
    // 4.1 Current color is the default one
    if (currentColor == ''
        || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
        if (theAction == 'over' && thePointerColor != '') {
            newColor              = thePointerColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // Garvin: deactivated onclick marking of the checkbox because it's also executed
            // when an action (like edit/delete) on a single item is performed. Then the checkbox
            // would get deactived, even though we need it activated. Maybe there is a way
            // to detect if the row was clicked, and not an item therein...
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.2 Current color is the pointer one
    else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
             && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
        if (theAction == 'out') {
            newColor              = theDefaultColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.3 Current color is the marker one
    else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
        if (theAction == 'click') {
            newColor              = (thePointerColor != '')
                                  ? thePointerColor
                                  : theDefaultColor;
            marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
                                  ? true
                                  : null;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
        }
    } // end 4

    // 5. Sets the new color...
    if (newColor) {
        var c = null;
        // 5.1 ... with DOM compatible browsers except Opera
        if (domDetect) {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].setAttribute('bgcolor', newColor, 0);
            } // end for
        }
        // 5.2 ... with other browsers
        else {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].style.backgroundColor = newColor;
            }
        }
    } // end 5

    return true;
} // end of the 'setPointer()' function

/*
 * Sets/unsets the pointer and marker in vertical browse mode
 *
 * @param   object    the table row
 * @param   interger  the row number
 * @param   string    the action calling this script (over, out or click)
 * @param   string    the default background color
 * @param   string    the color to use for mouseover
 * @param   string    the color to use for marking a row
 *
 * @return  boolean  whether pointer is set or not
 *
 * @author Garvin Hicking <me@supergarv.de> (rewrite of setPointer.)
 */
function setVerticalPointer(theRow, theRowNum, theAction, theDefaultColor1, theDefaultColor2, thePointerColor, theMarkColor) {
    var theCells = null;

    // 1. Pointer and mark feature are disabled or the browser can't get the
    //    row -> exits
    if ((thePointerColor == '' && theMarkColor == '')
        || typeof(theRow.style) == 'undefined') {
        return false;
    }

    // 2. Gets the current row and exits if the browser can't get it
    if (typeof(document.getElementsByTagName) != 'undefined') {
        theCells = theRow.getElementsByTagName('td');
    }
    else if (typeof(theRow.cells) != 'undefined') {
        theCells = theRow.cells;
    }
    else {
        return false;
    }

    // 3. Gets the current color...
    var rowCellsCnt  = theCells.length;
    var domDetect    = null;
    var currentColor = null;
    var newColor     = null;

    // 3.1 ... with DOM compatible browsers except Opera that does not return
    //         valid values with "getAttribute"
    if (typeof(window.opera) == 'undefined'
        && typeof(theCells[0].getAttribute) != 'undefined') {
        currentColor = theCells[0].getAttribute('bgcolor');
        domDetect    = true;
    }
    // 3.2 ... with other browsers
    else {
        domDetect    = false;
    } // end 3

    var c = null;
    // 5.1 ... with DOM compatible browsers except Opera
    for (c = 0; c < rowCellsCnt; c++) {
        if (domDetect) {
            currentColor = theCells[c].getAttribute('bgcolor');
        } else {
            currentColor = theCells[c].style.backgroundColor;
        }

        // 4. Defines the new color
        // 4.1 Current color is the default one
        if (currentColor == ''
            || currentColor.toLowerCase() == theDefaultColor1.toLowerCase()
            || currentColor.toLowerCase() == theDefaultColor2.toLowerCase()) {
            if (theAction == 'over' && thePointerColor != '') {
                newColor              = thePointerColor;
            } else if (theAction == 'click' && theMarkColor != '') {
                newColor              = theMarkColor;
                marked_row[theRowNum] = true;
            }
        }
        // 4.1.2 Current color is the pointer one
        else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
                 && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
            if (theAction == 'out') {
                if (c % 2) {
                    newColor              = theDefaultColor1;
                } else {
                    newColor              = theDefaultColor2;
                }
            }
            else if (theAction == 'click' && theMarkColor != '') {
                newColor              = theMarkColor;
                marked_row[theRowNum] = true;
            }
        }
        // 4.1.3 Current color is the marker one
        else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
            if (theAction == 'click') {
                newColor              = (thePointerColor != '')
                                      ? thePointerColor
                                      : ((c % 2) ? theDefaultColor1 : theDefaultColor2);
                marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
                                      ? true
                                      : null;
            }
        } // end 4

        // 5. Sets the new color...
        if (newColor) {
            if (domDetect) {
                theCells[c].setAttribute('bgcolor', newColor, 0);
            }
            // 5.2 ... with other browsers
            else {
                theCells[c].style.backgroundColor = newColor;
            }
        } // end 5
    } // end for

     return true;
 } // end of the 'setVerticalPointer()' function

/**
 * Checks/unchecks all tables
 *
 * @param   string   the form name
 * @param   boolean  whether to check or to uncheck the element
 *
 * @return  boolean  always true
 */
function setCheckboxes(the_form, do_check)
{
    var elts      = (typeof(document.forms[the_form].elements['selected_db[]']) != 'undefined')
                  ? document.forms[the_form].elements['selected_db[]']
                  : (typeof(document.forms[the_form].elements['selected_tbl[]']) != 'undefined')
          ? document.forms[the_form].elements['selected_tbl[]']
          : document.forms[the_form].elements['selected_fld[]'];
    var elts_cnt  = (typeof(elts.length) != 'undefined')
                  ? elts.length
                  : 0;

    if (elts_cnt) {
        for (var i = 0; i < elts_cnt; i++) {
            elts[i].checked = do_check;
        } // end for
    } else {
        elts.checked        = do_check;
    } // end if... else

    return true;
} // end of the 'setCheckboxes()' function


/**
  * Checks/unchecks all options of a <select> element
  *
  * @param   string   the form name
  * @param   string   the element name
  * @param   boolean  whether to check or to uncheck the element
  *
  * @return  boolean  always true
  */
function setSelectOptions(the_form, the_select, do_check)
{
    var selectObject = document.forms[the_form].elements[the_select];
    var selectCount  = selectObject.length;

    for (var i = 0; i < selectCount; i++) {
        selectObject.options[i].selected = do_check;
    } // end for

    return true;
} // end of the 'setSelectOptions()' function

/**
  * Allows moving around inputs/select by Ctrl+arrows
  *
  * @param   object   event data
  */
function onKeyDownArrowsHandler(e) {
    e = e||window.event;
    var o = (e.srcElement||e.target);
    if (!o) return;
    if (o.tagName != "TEXTAREA" && o.tagName != "INPUT" && o.tagName != "SELECT") return;
    if (!e.ctrlKey) return;
    if (!o.id) return;

    var pos = o.id.split("_");
    if (pos[0] != "field" || typeof pos[2] == "undefined") return;

    var x = pos[2], y=pos[1];

    // skip non existent fields
    for (i=0; i<10; i++)
    {
        switch(e.keyCode) {
            case 38: y--; break; // up
            case 40: y++; break; // down
            case 37: x--; break; // left
            case 39: x++; break; // right
            default: return;
        }

        var id = "field_" + y + "_" + x;
        var nO = document.getElementById(id);
        if (nO) break;
    }

    if (!nO) return;
    nO.focus();
    if (nO.tagName != 'SELECT') {
        nO.select();
    }
    e.returnValue = false;
}

/**
  * Inserts multiple fields.
  *
  */
function insertValueQuery() {
    var myQuery = document.sqlform.sql_query;
    var myListBox = document.sqlform.dummy;

    if(myListBox.options.length > 0) {
        var chaineAj = "";
        var NbSelect = 0;
        for(var i=0; i<myListBox.options.length; i++) {
            if (myListBox.options[i].selected){
                NbSelect++;
                if (NbSelect > 1)
                    chaineAj += ", ";
                chaineAj += myListBox.options[i].value;
            }
        }

        //IE support
        if (document.selection) {
            myQuery.focus();
            sel = document.selection.createRange();
            sel.text = chaineAj;
            document.sqlform.insert.focus();
        }
        //MOZILLA/NETSCAPE support
        else if (document.sqlform.sql_query.selectionStart || document.sqlform.sql_query.selectionStart == "0") {
            var startPos = document.sqlform.sql_query.selectionStart;
            var endPos = document.sqlform.sql_query.selectionEnd;
            var chaineSql = document.sqlform.sql_query.value;

            myQuery.value = chaineSql.substring(0, startPos) + chaineAj + chaineSql.substring(endPos, chaineSql.length);
        } else {
            myQuery.value += chaineAj;
        }
    }
}

/**
  * listbox redirection
  */
function goToUrl(selObj, goToLocation){
    eval("document.location.href = '" + goToLocation + "page=" + selObj.options[selObj.selectedIndex].value + "'");
}

/**
 * getElement
 */
function getElement(e,f){
    if(document.layers){
        f=(f)?f:self;
        if(f.document.layers[e]) {
            return f.document.layers[e];
        }
        for(W=0;i<f.document.layers.length;W++) {
            return(getElement(e,fdocument.layers[W]));
        }
    }
    if(document.all) {
        return document.all[e];
    }
    return document.getElementById(e);
}

/**
  * Refresh the WYSIWYG-PDF scratchboard after changes have been made
  */
function refreshDragOption(e) {
    myid = getElement(e);
    if (myid.style.visibility == 'visible') {
        refreshLayout();
    }
}

/**
  * Refresh/resize the WYSIWYG-PDF scratchboard
  */
function refreshLayout() {
        myid = getElement('pdflayout');

        if (document.pdfoptions.orientation.value == 'P') {
            posa = 'x';
            posb = 'y';
        } else {
            posa = 'y';
            posb = 'x';
        }

        myid.style.width = pdfPaperSize(document.pdfoptions.paper.value, posa) + 'px';
        myid.style.height = pdfPaperSize(document.pdfoptions.paper.value, posb) + 'px';
}

/**
  * Show/hide the WYSIWYG-PDF scratchboard
  */
function ToggleDragDrop(e) {
    myid = getElement(e);

    if (myid.style.visibility == 'hidden') {
        init();
        myid.style.visibility = 'visible';
        myid.style.display = 'block';
        document.edcoord.showwysiwyg.value = '1';
    } else {
        myid.style.visibility = 'hidden';
        myid.style.display = 'none';
        document.edcoord.showwysiwyg.value = '0';
    }
}

/**
  * PDF scratchboard: When a position is entered manually, update
  * the fields inside the scratchboard.
  */
function dragPlace(no, axis, value) {
    if (axis == 'x') {
        getElement("table_" + no).style.left = value + 'px';
    } else {
        getElement("table_" + no).style.top  = value + 'px';
    }
}

/**
  * Returns paper sizes for a given format
  */
function pdfPaperSize(format, axis) {
    switch (format.toUpperCase()) {
        case '4A0':
            if (axis == 'x') return 4767.87; else return 6740.79;
            break;
        case '2A0':
            if (axis == 'x') return 3370.39; else return 4767.87;
            break;
        case 'A0':
            if (axis == 'x') return 2383.94; else return 3370.39;
            break;
        case 'A1':
            if (axis == 'x') return 1683.78; else return 2383.94;
            break;
        case 'A2':
            if (axis == 'x') return 1190.55; else return 1683.78;
            break;
        case 'A3':
            if (axis == 'x') return 841.89; else return 1190.55;
            break;
        case 'A4':
            if (axis == 'x') return 595.28; else return 841.89;
            break;
        case 'A5':
            if (axis == 'x') return 419.53; else return 595.28;
            break;
        case 'A6':
            if (axis == 'x') return 297.64; else return 419.53;
            break;
        case 'A7':
            if (axis == 'x') return 209.76; else return 297.64;
            break;
        case 'A8':
            if (axis == 'x') return 147.40; else return 209.76;
            break;
        case 'A9':
            if (axis == 'x') return 104.88; else return 147.40;
            break;
        case 'A10':
            if (axis == 'x') return 73.70; else return 104.88;
            break;
        case 'B0':
            if (axis == 'x') return 2834.65; else return 4008.19;
            break;
        case 'B1':
            if (axis == 'x') return 2004.09; else return 2834.65;
            break;
        case 'B2':
            if (axis == 'x') return 1417.32; else return 2004.09;
            break;
        case 'B3':
            if (axis == 'x') return 1000.63; else return 1417.32;
            break;
        case 'B4':
            if (axis == 'x') return 708.66; else return 1000.63;
            break;
        case 'B5':
            if (axis == 'x') return 498.90; else return 708.66;
            break;
        case 'B6':
            if (axis == 'x') return 354.33; else return 498.90;
            break;
        case 'B7':
            if (axis == 'x') return 249.45; else return 354.33;
            break;
        case 'B8':
            if (axis == 'x') return 175.75; else return 249.45;
            break;
        case 'B9':
            if (axis == 'x') return 124.72; else return 175.75;
            break;
        case 'B10':
            if (axis == 'x') return 87.87; else return 124.72;
            break;
        case 'C0':
            if (axis == 'x') return 2599.37; else return 3676.54;
            break;
        case 'C1':
            if (axis == 'x') return 1836.85; else return 2599.37;
            break;
        case 'C2':
            if (axis == 'x') return 1298.27; else return 1836.85;
            break;
        case 'C3':
            if (axis == 'x') return 918.43; else return 1298.27;
            break;
        case 'C4':
            if (axis == 'x') return 649.13; else return 918.43;
            break;
        case 'C5':
            if (axis == 'x') return 459.21; else return 649.13;
            break;
        case 'C6':
            if (axis == 'x') return 323.15; else return 459.21;
            break;
        case 'C7':
            if (axis == 'x') return 229.61; else return 323.15;
            break;
        case 'C8':
            if (axis == 'x') return 161.57; else return 229.61;
            break;
        case 'C9':
            if (axis == 'x') return 113.39; else return 161.57;
            break;
        case 'C10':
            if (axis == 'x') return 79.37; else return 113.39;
            break;
        case 'RA0':
            if (axis == 'x') return 2437.80; else return 3458.27;
            break;
        case 'RA1':
            if (axis == 'x') return 1729.13; else return 2437.80;
            break;
        case 'RA2':
            if (axis == 'x') return 1218.90; else return 1729.13;
            break;
        case 'RA3':
            if (axis == 'x') return 864.57; else return 1218.90;
            break;
        case 'RA4':
            if (axis == 'x') return 609.45; else return 864.57;
            break;
        case 'SRA0':
            if (axis == 'x') return 2551.18; else return 3628.35;
            break;
        case 'SRA1':
            if (axis == 'x') return 1814.17; else return 2551.18;
            break;
        case 'SRA2':
            if (axis == 'x') return 1275.59; else return 1814.17;
            break;
        case 'SRA3':
            if (axis == 'x') return 907.09; else return 1275.59;
            break;
        case 'SRA4':
            if (axis == 'x') return 637.80; else return 907.09;
            break;
        case 'LETTER':
            if (axis == 'x') return 612.00; else return 792.00;
            break;
        case 'LEGAL':
            if (axis == 'x') return 612.00; else return 1008.00;
            break;
        case 'EXECUTIVE':
            if (axis == 'x') return 521.86; else return 756.00;
            break;
        case 'FOLIO':
            if (axis == 'x') return 612.00; else return 936.00;
            break;
    } // end switch
}


function on_del(no,name){
	if (confirm("確定刪除 "+name+" ?")){
		window.location.href ='to.php?delno='+no;
	}
}

function on_del2(no,mNo){
	if (confirm("確定刪除 ?")){
		window.location.href ='to.php?mNo='+mNo+'&delno='+no;
	}
}

//====================== calndr ================================


var Browser,IE,NS,targetObj
browser=window.navigator.appName
IE="Microsoft Internet Explorer"
NS="Netscape"
if(browser==IE)
{	var strDiv
	strDiv="<div  style=\"position:absolute;z-index: 20;\" id=calndr></div>"
	document.writeln(strDiv)}

function showCalendar(Year,Month)
{
	var datCalndr=new Date(Year,Month,1)
	var strCalndr
	var intTRCount,intTDCount,intDiff
	
	//define style
	strStyTABLE="style=\"border:2 groove gray;background:silver\""
	strStyCP="style=\"cursor:hand;font-size:8pt;\""
	strStyA="style=\"cursor:hand;text-decoration:none;\""
	strStyTH="style=\"font-size:8pt;font-weight:normal;background:skyblue;border:1 solid black\""
	strStyTD="style=\"cursor:hand;font-size:8pt;background:mistyrose;border:1 solid black\""
	strStySP="style=\"font-size:8pt;background:white;border:1 solid black\""
	strStyToday="style=\"cursor:hand;font-size:8pt;background:mistyrose;border:1 solid black;text-decoration:none;color:red;\""
	

	//this is heading of calendar
	strCalndr="<table "+strStyTABLE+" border=0 cellspacing=1 width=130px>"
	strCalndr+="<tr><td align=center colspan=6 "+strStyCP+">"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + (Year-1) + "," + Month + ")'> < </span>"
	strCalndr+=Year + "年"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + (Year+1) + "," + Month + ")'> > </span>&nbsp;&nbsp;"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + Year+ "," + (Month-1) + ")'> < </span>"
	strCalndr+=(Month+1) + "月"
	strCalndr+="<span "+strStyA+" onclick='javascript:calendar(" + Year+ "," + (Month+1) + ")'> > </span>"
	strCalndr+="<td><span "+strStyA+" onMouseOver=\"javascript:closez()\"> ※ </span></tr>"

	//this is heading of calendar
	strCalndr+="<tr>"
	strCalndr+="<th "+strStyTH+">日"
	strCalndr+="<th "+strStyTH+">一"
	strCalndr+="<th "+strStyTH+">二"
	strCalndr+="<th "+strStyTH+">三"
	strCalndr+="<th "+strStyTH+">四"
	strCalndr+="<th "+strStyTH+">五"
	strCalndr+="<th "+strStyTH+">六"
	strCalndr+="</tr><tbody>"
	
	intTRCount=0
	
	//calculate the space of the begin
	for (intTDCount=0;intTDCount<parseInt(datCalndr.getDay());intTDCount++)
	{	strCalndr+="<td "+strStySP+">&nbsp;"
		intTRCount+=1}
	
	for (intDate=1;intDate<=31;intDate++)
	{	datCalndr.setDate(intDate)
		if (intTRCount==7)
		{	strCalndr+="</tr><tr>"
			intTRCount=0;}
		intTRCount+=1
		
		//if exceed the length of a month jump out the loop
		if (parseInt(datCalndr.getMonth())!=Month)
		{	intDiff=parseInt(datCalndr.getDay()-1)
			break;}

		
		//if date is today
		if (whToday(datCalndr.getFullYear(),datCalndr.getMonth(),datCalndr.getDate())==true)
		{	strCalndr+="<td onclick=\"javascript:setDate('"+Year+"/"+(Month+1)+"/"+datCalndr.getDate()+"')\""
			strCalndr+=" align=\"center\""
			strCalndr+=strStyToday+">"}
		else
		{	
			strCalndr+="<td onMouseOver=\"this.style.background='navy';this.style.color='white';\""
			strCalndr+=" onMouseOut=\"this.style.background='mistyrose';this.style.color='black';\""
			strCalndr+=" onclick=\"javascript:setDate('"+Year+"/"+(Month+1)+"/"+datCalndr.getDate()+"')\""
			strCalndr+=" align=\"center\""
			strCalndr+=strStyTD+">"}

		strCalndr+=datCalndr.getDate()
		
		intDiff=parseInt(datCalndr.getDay())}

	//calculate the space of the end
	if (intDiff>=0)//in case of a space line
	{	for (intTDCount=0;intTDCount<(6-intDiff);intTDCount++)
		{strCalndr+="<td "+strStySP+">&nbsp;"}}
	
	return (strCalndr)}

function calendar(intYear,intMonth)
{	var Year,Month
	if (intMonth==12)
	{	Month=0
		Year=intYear+1}
	else	
	{	if (intMonth==-1)
		{	Month=11
			Year=intYear-1}
		else 
		{	
			Month=intMonth
			Year=intYear}}
	if(browser==IE)
	{	document.all("calndr").innerHTML=(showCalendar(Year,Month))}
	if(browser==NS)
	{	}}

function setDate(ymd)
{	targetObj.value=ymd
        closez()}

function whToday(Y,M,D)
{	var datToday=new Date()
	if (datToday.getFullYear()==Y && datToday.getMonth()==M && datToday.getDate()==D)
		return (true)
	else
		return (false)}
		


function calendarIntialize(target)
{	
	targetObj=target
	var datToday=new Date()
	intTYear=parseInt(datToday.getFullYear())
	intTMonth=parseInt(datToday.getMonth())
	if (browser==IE)
	{	with(document.all("calndr"))
		{	
			var parentObj,x,y
			parentObj=target.offsetParent
			x=0
			y=0
			while(parentObj.tagName!="BODY")
			{	x+=parentObj.offsetLeft
				y+=parentObj.offsetTop
				parentObj=parentObj.offsetParent}
			x+=target.offsetLeft+2
			y+=target.offsetTop+target.offsetHeight
			style.posTop=y
			style.posLeft=x
			innerHTML=(showCalendar(intTYear,intTMonth))
			style.visibility="visible"}}}
function closez()
{	
	if (browser==IE)
	{	with(document.all("calndr"))
		{	
			style.posTop=0
			style.posLeft=0
			style.visibility="hidden"
			innerHTML=""}}
	if (browser==NS)
	{	}}



/////////////////////////////////////////////////////////////////////////////////



var http = createRequestObject();

function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
	    ro = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
	    ro = new XMLHttpRequest();
	}
	return ro;
}

var popObjID='';
var popLayerID='';

function kindShow(url,objID,layerID) {
	popObjID=objID;
	popLayerID=layerID;
	obj=document.getElementById(popLayerID);
	http.open('get', url);
	http.onreadystatechange = handleResponse;
	http.send(null);
	displayLayer(popObjID);
}

function kindShowB(url) {
	http.open('get', url);
	http.onreadystatechange = handleResponse;
	http.send(null);
	displayLayer(popObjID);
}

function handleResponse() {
    if(http.readyState == 4){
			var response = http.responseText;
      obj=document.getElementById(popLayerID);
			obj.innerHTML=response;
    }
}

function displayLayer(obj){
	var dv = document.getElementById(popLayerID);
	dv.style.top = realPosY(obj)+20;
	//獲取螢幕寬度
	availWidth = parseInt(window.screen.availWidth);
	tblWidth = 600;
	x = (availWidth - tblWidth)/2;
	dv.style.left = x;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		hideElementAll();
	}else{
		HideElement("OBJECT");
	}
	dv.style.visibility = "visible";
}

function hiddenLayer(){
	var dv = document.getElementById(popLayerID);
	dv.style.visibility = "hidden";
	showElementAll();
//	var argArr = hiddenLayer.arguments;
//	for(var i=0;i<argArr.length;i++){
//		document.getElementById(argArr[i]).style.visibility = "hidden";
//	}
}

//物件所在的座標
function realPosX(oTarget) {
 try {
  var realX = oTarget.offsetLeft;
  if (oTarget.offsetParent.tagName != "BODY") {
   realX += realPosX(oTarget.offsetParent);
  }
  return realX;
 }
 catch (e) {
  //alert("realPosX: "+e);
 }
}

function realPosY(oTarget) {
 try {
  var realY = oTarget.offsetTop;
  if (oTarget.offsetParent.tagName != "BODY") {
   realY += realPosY(oTarget.offsetParent);
  }
  return realY;
 }
 catch (e) {
  //alert("realPosY: "+e);
 }
}

function HideElement(strElementTagName){
	try{
		for(i=0;i<document.getElementsByTagName(strElementTagName).length; i++){
			var objTemp = document.getElementsByTagName(strElementTagName)[i];
			objTemp.style.visibility = "hidden";
		}
	}catch(e){
		//alert(e.message);
	}
}

function ShowElement(strElementTagName){
	try{
		for(i=0;i<document.getElementsByTagName(strElementTagName).length; i++){
			var objTemp = document.getElementsByTagName(strElementTagName)[i];
			objTemp.style.visibility = "visible";
		}
	}catch(e){
		//alert(e.message);
	}
}

function hideElementAll(){
	HideElement("SELECT");
	HideElement("OBJECT");
	HideElement("IFRAME");
}

function showElementAll(){
	ShowElement("SELECT");
	ShowElement("OBJECT");
	ShowElement("IFRAME");
}

function trim(str) {
   return str.replace(/^\s*|\s*$/g,"");
}

			
function setValueA(aItem,aItemNo,formName,displayField,valueField,kind,subFormName,FormAct) {
	var CodeNameB='';
	try{
		CodeNameB = document.forms[subFormName]["CodeNameB"].value;
	}catch(e){
	}
	if (subFormName.indexOf('CITY')>0){
		if(CodeNameB!=''){aItem=CodeNameB+aItem;}
	}
    if(kind>=3){
		displayField = document.forms[formName][displayField];
		AddItem(aItem, aItemNo, displayField, kind);
	}
	else{
		document.forms[formName][displayField].value=aItem;
		document.forms[formName][valueField].value=aItemNo;
		//if(formName=='DForm'){
		//	document.forms["DForm"]["fmLstr"].value=aItem;
		//	document.forms["DForm"]["codeNo"].value=aItemNo;
		//}else if(formName=='SForm') {
		//	document.forms["DForm"]["fmLstr"].value=aItem;
		//	document.forms["DForm"]["codeNo"].value=aItemNo;
			//document.forms["SForm"]["fmLstr2"].value=aItem;
			//document.forms["SForm"]["codeNo2"].value=aItemNo;
		//}
		if(FormAct=="1"){
			document.forms[formName].submit();
		}
	}
	hiddenLayer(popLayerID);
}

function setValueB(formName,displayField,valueField,subFormName) {
	nLen = document.forms[subFormName]["codeno"].length;
	document.forms[formName][valueField].value = '';
	document.forms[formName][displayField].value = '';
	bool = false;
	sVal = '';
	sVals = '';
	for (i=0;i<nLen;i++){
	  if (document.forms[subFormName]["codeno"][i].checked){
		  bool = true;
			code = document.forms[subFormName]["codeno"][i].value.split('_');
			sVal = sVal + code[0]+',';
			sVals = sVals + code[1]+',';
		}
	}
	if (!bool) {
	  alert('您忘了選取小類喔！');
		return false;
	}
	if (bool) {
	  sVal = sVal.substring(0,sVal.length-1);
		sVals = sVals.substring(0,sVals.length-1);
	}
		document.forms[formName][valueField].value = sVal;
		document.forms[formName][displayField].value = sVals;
	hiddenLayer(popLayerID);
}

function AddItem(newItem, newItemvalue, displayField, maxCount) {
	lenC = displayField.options.length;
	if (lenC >= maxCount)
		window.alert('最多只能選'+maxCount+'項');
	else {
		HasSelected = false;
		for (var i=0; i<lenC; i++ ) {
			if (displayField.options[i].value%100==0 && Math.floor(newItemvalue/100)==displayField.options[i].value/100) {
				HasSelected = true;
				window.alert('大類已經包含這個小類');
				break;
			}
			if (displayField.options[i].value==newItemvalue) {
				HasSelected = true;
				window.alert('這一項已經選過了');
				break;
			}
			if (newItemvalue%100==0 && Math.floor(displayField.options[i].value/100)==newItemvalue/100) {
				//已經有小類後選擇大類
				for (k=i; k<lenC-1; k++) {
					displayField.options[k].text = displayField.options[k+1].text;
					displayField.options[k].value = displayField.options[k+1].value;
				}
				i--;
				lenC--;
				displayField.options.length = lenC;
			}
		}
		if (HasSelected == false) {
			for (var j=0; j<lenC; j++) {
				if (displayField.options[j].value == '') {
					break;
				}
			}
			displayField.options[j] = new Option(newItem, newItemvalue);
		}
	}
}

function DeleteItem(Obj) {
  var  check_index = new Array();
  for (i=Obj.length-1; i>=0; i--) {
    if (Obj.options[i].selected) {
      check_index[i] = true;
      Obj.options[i].selected = false;
    }
    else
      check_index[i] = false;
  }
  for (i=Obj.length-1; i>=0; i--) {
    if (check_index[i]) {
      info = Obj.options[i].value;
      Obj.options[i] = null
    }
  }
  var b=0
  var indexarr = new Array()
  for (i=0;i<Obj.length;i++) {
    value1 = Obj.options[i].value
  }
  for (var c=0;c<b;c++) {
    Obj.options[indexarr[c]-c]=null
  }
}

function ClearItem(objA,objB) {
	objA.value='';
	objB.value='';
}

function selectForm(frmName,objText) {
  pp=document.forms[frmName]['nameOfFormFields'].value.split(',');
  for (var j=0; j< pp.length; j++ ) {
    fLen =  document.forms[frmName][pp[j]].length;
    for (i =0 ;i< fLen;i++) {
      document.forms[frmName][pp[j]].options[i].selected=true;
    }
  }
}

function checkSelect(frm, fld, caption) {
	if (document.forms[frm][fld].length == 0) {
    errMsg = errMsg + caption + '\n';
  }
}

function checkInput(frm, fld, caption) {
	if (trim(document.forms[frm][fld].value).length == 0) {
    errMsg = errMsg + caption + '\n';
  }
}

function setValueAdd(aItem,aItemNo,formName,displayField,valueField,kind,subFormName) {
	alert('dddd');
	var CodeNameB='';
	try{
		CodeNameB = document.forms[subFormName]["CodeNameB"].value;
	}catch(e){
	}
	if (subFormName.indexOf('CITY')>0){
		if(CodeNameB!=''){aItem=CodeNameB+aItem;}
	}
    if(kind>=3){
		displayField = document.forms[formName][displayField];
		AddItem(aItem, aItemNo, displayField, kind);
	}else{
		var strDisp = String(document.forms[formName][displayField].value)
		if (Trim(strDisp) == "")
		{
			document.forms[formName][displayField].value=aItem;
			document.forms[formName][valueField].value=aItemNo;
		}
		else
		{
			document.forms[formName][displayField].value=document.forms[formName][displayField].value+','+aItem;
			document.forms[formName][valueField].value=document.forms[formName][valueField].value+','+aItemNo;
		}
	}
	hiddenLayer(popLayerID);
}


///////////////////// ShowBigPic ////////////////////////////////

var oDiv=null;
function showbigpic(elm,odivid,oimgid,ssrc,Pos_left)
{
var iTopPos,iLeftPos,iClientHeight,iScrollTop,iPicHeight,ielmTop,ielmLeft,iTop,iLeft,Pos_left;

	if (self.document.all(oimgid).src=="")
		self.document.all(oimgid).src=ssrc;
	iClientHeight=document.body.clientHeight;
	iScrollTop=document.body.scrollTop;
	iTop=elm.offsetTop;  
	iLeft=elm.offsetLeft;  
	while(elm=elm.offsetParent) {  
		iTop+=elm.offsetTop;  
		iLeft+=elm.offsetLeft;  
	}
	if (odivid=='spc1')
		iPicHeight=310
	else
		iPicHeight=310;	
	
	if(oDiv) if(oDiv.id!=odivid) oDiv.style.display="none";
	if(oDiv=self.document.all(odivid)){
		oDiv.style.position="absolute";
		oDiv.style.display="inline";
		if (odivid=="casepic0")
			iTop-=1
		else if (odivid=="spc1")
			iTop-=16			
		else
			iTop-=8;		
		iTopPos=iTop;
		iLeftPos=iLeft;	
		if ((iTopPos+iPicHeight)>(iClientHeight+iScrollTop))
			iTopPos=iClientHeight+iScrollTop-iPicHeight;	
		if (iTopPos<iScrollTop)
			iTopPos=iScrollTop+10;			
		oDiv.style.top=iTopPos;
		oDiv.style.left=parseInt(iLeftPos)+Pos_left;		
	}
}


/////////////////////////////////////////////////////


function hiddenbigpic(odivid)
{
	if(oDiv) oDiv.style.display="none";
}

function checkall(input1,input2){
    var objForm = document.forms[input1];
    var objLen = objForm.length;
    for (var iCount = 0; iCount < objLen; iCount++){
        if (input2.checked == true){
            if (objForm.elements[iCount].type == "checkbox"){
                objForm.elements[iCount].checked = true;
            }
        }else{
            if (objForm.elements[iCount].type == "checkbox"){
                objForm.elements[iCount].checked = false;
            }
        }
    }
}


function ShowItem(pos){
	if(pos =='1'){
		document.getElementById("show1").style.display="block";
		document.getElementById("show2").style.display="none";
	}else if(pos =='2'){
		document.getElementById("show1").style.display="none";
		document.getElementById("show2").style.display="block";
	}else{
		document.getElementById("show1").style.display="block";
		document.getElementById("show2").style.display="none";
	}
		document.getElementById("show3").style.display="block";
}


////////////////////換頁簽////////////////////////////

function ChgHomeTab(pos){
	if(pos =='1'){
		document.getElementById("showTab1").style.display="block";
		document.getElementById("showTab2").style.display="none";
		document.getElementById("showTab3").style.display="none";
		document.getElementById("showTab4").style.display="none";
	}else if(pos =='2'){
		document.getElementById("showTab1").style.display="none";
		document.getElementById("showTab2").style.display="block";
		document.getElementById("showTab3").style.display="none";
		document.getElementById("showTab4").style.display="none";
	}else if(pos == '3'){
		document.getElementById("showTab1").style.display="none";
		document.getElementById("showTab2").style.display="none";
		document.getElementById("showTab3").style.display="block";
		document.getElementById("showTab4").style.display="none";
	}else if(pos == '4'){
		document.getElementById("showTab1").style.display="none";
		document.getElementById("showTab2").style.display="none";
		document.getElementById("showTab3").style.display="none";
		document.getElementById("showTab4").style.display="block";
	}
}

function ChgProdTab(pos){
	if(pos =='1'){
		document.getElementById("showTab1").style.display="block";
		document.getElementById("showTab2").style.display="none";
		document.getElementById("showTab3").style.display="none";
	}else if(pos =='2'){
		document.getElementById("showTab1").style.display="none";
		document.getElementById("showTab2").style.display="block";
		document.getElementById("showTab3").style.display="none";
	}else if(pos == '3'){
		document.getElementById("showTab1").style.display="none";
		document.getElementById("showTab2").style.display="none";
		document.getElementById("showTab3").style.display="block";
	}
}

function ChgSBItem(pos){
	if(pos =='1'){
		document.getElementById("showTR1").style.display="block";
		document.getElementById("showTR2").style.display="block";
		document.getElementById("showTR3").style.display="block";
	}else{
		document.getElementById("showTR1").style.display="none";
		document.getElementById("showTR2").style.display="none";
		document.getElementById("showTR3").style.display="none";
	}
}

function ChgBLItem(pos) {
    if (pos == '1') {
        document.getElementById("showBL1").style.display = "block";
        document.getElementById("showBL2").style.display = "block";
    } else {
        document.getElementById("showBL1").style.display = "none";
        document.getElementById("showBL2").style.display = "none";
    }
}


function ChgSPBItem(pos){
	if(pos =='1'){
		document.getElementById("showTRs").style.display="block";
	}else{
		document.getElementById("showTRs").style.display="none";
	}
}

function send()
{
    var theForm = document.mjoin;
    if (theForm.magree.checked) {
		theForm.submit();
    }else{
		alert('您是否已經閱讀過上述同意書並接受 1111旅遊網會員申請同意書!!');
	}
}

function sendMail()
{
	window.location.href = "mailto:travel@staff.1111.com.tw?cc=liza@staff.1111.com.tw;eric.liu@staff.1111.com.tw";
}