/* Shared Javascript Library

This file should contain only *generic* functions used on *multiple* pages.
Specialized Javascript used only by a single page should reside on that page.

Other JavaScript Libraries:

    Action Results -- Javascript functions to mimic server-side Action Results
    messages, such as setInfo(), setWarn(), setError(), and setConfirm() in:
    ~/godspeed/ui/webui/common-packages/navigation/ActionResults.tmpl

*/





// Standard method always called before the closing BODY tag.
function bodyOnLoad() {
    //Test confirm dialog
    //setYesNoConfirm("Ist das gut?","alert('Gut!')");
}

// Simply a more compact method call.
function getObj(Id) {
    obj = document.getElementById(Id);
    return obj
}

// Confirmation Dialog Methods
function confirmDialogInit() {
  document.write('<iframe id="confirm_mask" style="display:none" \
    src="javascript:false" frameborder="0" scrolling="no"></iframe>')
  document.write('\
    <div id="confirm_dialog" style="display:none; vertical-align:middle"> \
      <div id="confirm_header"> \
        <span id="confirm_title">Confirm</span> \
      </div> \
      <form id="confirm_form" name="confirm_form"> \
        <table align="center" height="120" width="94%"> \
          <tr><td style="text-align: center;"> \
            <span id="confirm_message">message</span> \
          </td></tr> \
          <tr><td style="vertical-align: bottom;"> \
            <span id="confirm_buttons">message</span> \
          </td></tr> \
        </table> \
      </form> \
    </div>');
}
confirmDialogInit();

function confirmDialogResize(d) {
    if (document.documentElement && document.documentElement.scrollTop)
        var top = document.documentElement.scrollTop;
    else if (document.body)
        var top = document.body.scrollTop
    else
        var top = window.pageYOffset;
    var height = 150;
    var width = 350;
    d.style.width = width + 'px';
    d.style.height = height + 'px';
    d.style.left = (screen.availWidth/2 - width/2 - 50) + 'px';    // centered
    d.style.top = (top + height) + 'px';
}

var isConfirmDialogShown = false;
function confirmDialogHide() {
    if (isConfirmDialogShown) {
        var d = getObj('confirm_dialog');
        if(d) d.style.display = 'none';
        var m = getObj('confirm_mask');
        if(m) m.style.display = 'none';
    }
}

// Create a customized confirmation dialog.
// Parameters must not contain double-quotes.
function setConfirm(title, message, buttonCancel, buttonOk, onCancel, onOk) {
    var d = getObj('confirm_dialog');
    if(d) {
        d.style.display = 'none';
        isConfirmDialogShown = false;
        var dt = getObj('confirm_title');
        dt.innerHTML = title;
        var dm = getObj('confirm_message');
        dm.innerHTML =  message
        var db = getObj('confirm_buttons');
        db.innerHTML = '<input id="confirm_ok" type="button" \
            value="'+buttonOk+'" \
            class="button" style="float: right" onClick="'+onOk+'"> \
            <input type="button" class="button" style="float: left" \
            value="'+buttonCancel+'" onClick="'+onCancel+'">';
        confirmDialogResize(d);
        // This would allow the dialog to be dismissed by clicking anywhere.
        // document.onclick = confirmDialogHide;
        var m = getObj('confirm_mask');
        if(m) confirmDialogResize(m);
        m.style.display = '';
        d.style.display = '';
        setTimeout("isConfirmDialogShown = true;getObj('confirm_ok').focus();",50);
    }
}

// Create a customized cancellation dialog with one Cancel button
function setCancel(title, message, buttonOk, onOk) {
    var d = getObj('confirm_dialog');
    if(d) {
        d.style.display = 'none';
        isConfirmDialogShown = false;
        var dt = getObj('confirm_title');
        dt.innerHTML = title;
        var dm = getObj('confirm_message');
        dm.innerHTML =  message
        var db = getObj('confirm_buttons');
        db.parentNode.width = "100%";
        db.parentNode.align = "center";
        db.innerHTML = '<input id="confirm_ok" type="button" class="button" \
            value="'+buttonOk+'" onClick="'+onOk+'">';
        confirmDialogResize(d);
        // This would allow the dialog to be dismissed by clicking anywhere.
        // document.onclick = confirmDialogHide;
        var m = getObj('confirm_mask');
        if(m) confirmDialogResize(m);
        m.style.display = '';
        d.style.display = '';
        setTimeout("isConfirmDialogShown = true;getObj('confirm_ok').focus();",50);
    }
}

// Shortcut for dialogs that have a cancel action.
function setConfirmCancel(title, message, buttonOk, onOk) {
    setConfirm(title, message, 'Cancel', buttonOk,"confirmDialogHide();return(false);", onOk)
}
//Shortcuts for other common dialogs.
function setYesNoConfirm(message, onOk) {
    setConfirmCancel('Confirm', message, 'Continue', onOk)
}
function setConfirmOk(title, message, onOk) {
    setConfirmCancel(title, message, 'OK', onOk)
}
function setConfirmDelete(message, onOk) {
    setConfirmCancel('Confirm Delete', message, 'Delete', onOk)
}

// Contextual Bubble Dialog Methods
function bubbleDialogInit() {
    document.write('<iframe id="bubble_mask" style="display:none" \
      src="javascript:false" frameborder="0" scrolling="no"></iframe>')
    document.write('\
      <div id="bubble_dialog" style="display:none"> \
        <div id="bubble_header"> \
          <span style="float: right; cursor: pointer;">X</span> \
          <span id="bubble_title">Help</span> \
        </div> \
        <div id="bubble_message">message</div> \
      </div>');
}
bubbleDialogInit();

/* These help us find the absolute +X and +Y position of an element from
the top left corner of the browser. */
function getAbsX(elt) { return (elt.x) ? elt.x : getAbsPos(elt,"Left"); }
function getAbsY(elt) { return (elt.y) ? elt.y : getAbsPos(elt,"Top"); }

function getAbsPos(elt,which) {
    iPos = 0;
    while (elt != null) {
        iPos += elt["offset" + which];
        elt = elt.offsetParent;
    }
    return iPos;
}

function bubbleDialogResize(d,ctrl,s) {
    var width = 220;
    d.style.width = width + 'px';
    //d.style.height = '120px';

    /* Aggregate offsets of parents beneath BODY. But first we need to do
    some math and figure out if our box is going to blowout the left or bottom
    of the window, and display it to the right and/or top if necessary. */

    var aTag = ctrl;
    var aTagWidth = 250;
    var aTagHeight = 237;
    var windowWidth = 0;
    var windowHeight = 0;
    if (window.innerWidth > 0){
      windowWidth = window.innerWidth;
      windowHeight = window.innerHeight;
    }
    else if (document.documentElement.clientWidth > 0){
      windowWidth = document.documentElement.clientWidth;
      windowHeight = document.documentElement.clientHeight;
    }

    aTagX = getAbsX(ctrl)
    aTagY = getAbsY(ctrl)

    pullLeft = ((aTagX + aTagWidth) > windowWidth)
    pullBottom = ((aTagY + aTagHeight) > windowHeight)

    var left = 25;
    var top = -3;
    if (pullLeft) {
        left = -242;
    }
    if (pullBottom) {
        top = -240;
    }
    do {
        left += aTag.offsetLeft;
        top += aTag.offsetTop;
        aTag = aTag.offsetParent;
    } while (aTag.tagName != 'BODY');

    d.style.left = left + 'px';
    d.style.top = top + 'px';
    if (s) {
      left += 4;
      s.style.left = left + 'px';
      top += 12;
      s.style.top = top + 'px';
    }
}

var isBubbleDialogShown = false;
function bubbleDialogHide() {
    if (isBubbleDialogShown) {
        var d = getObj('bubble_dialog');
        if(d) d.style.display = 'none';
        d = getObj('bubble_mask');
        if(d) d.style.display = 'none';
    }
}

// Create a customized bubble dialog.
// Parameters must not contain double-quotes.
function bubbleDialog(ctrl, type, title, message) {
    var d = getObj('bubble_dialog');
    if(d) {
        d.style.display = 'none';
        isBubbleDialogShown = false;
        var dh = getObj('bubble_header');
        dh.className = 'bubble-header-info';
        if(type == 'error') dh.className = 'bubble-header-error';
        var dt = getObj('bubble_title');
        dt.innerHTML = title;
        var dm = getObj('bubble_message');
        dm.className = 'bubble-message-info';
        if(type == 'error') dm.className = 'bubble-message-error';
        dm.innerHTML = message;
        bubbleDialogResize(d,ctrl);
        dm.style.height = '190px';
        dm.style.width = '212px';
        document.onclick = bubbleDialogHide;
        var m = getObj('bubble_mask');
        m.style.height = '217px';
        if(m) bubbleDialogResize(m,ctrl);
        if(m) m.style.display = '';
        m.style.width = '220px';
        d.style.display = '';
        setTimeout("isBubbleDialogShown = true", 50);
    }
}

function bubbleInfo(ctrl, title, message) {
    bubbleDialog(ctrl, 'info', title, message)
}

function bubbleError(ctrl, title, message) {
    bubbleDialog(ctrl, 'error', title, message)
}



// Trap the ENTER key for form submission onKeyPress within a text-input field.
// Do not use this for onKeyUp because that breaks multilanguage IME support.
var prevKeyCode = 0;
function doTextAction(event, form, action) {
    if (event.keyCode == 13) {
        if(action != '')
            return doClickAction(form, action);
        else
            return false;
    }
    prevKeyCode = event.keyCode;
}

// Make an input-button work like an input-submit.
//    form - form object
//    action - action name
//    sf - bool option whether to submit form or not (default true)
//
// This example allows different actions, default action on "Enter" press,
// in IE prevents multiple POSTs on submitting
// via submit button or "Enter" press:
//
// <form name="form" id="form" action="...">
//     <input type="hidden" name="action" value="MyDefaultAction" />
//        ...
//     <input type="button" class="button"
//             onclick="doClickAction(document.forms['form'], 'Cancel');" value="Cancel" />
//     <input type="button" class="button"
//             onclick="doClickAction(document.forms['form'], 'AnotherAction');"
//             value="Another action" />
//     <input type="submit"
//             onclick="doClickAction(document.forms['form'], 'MyDefaultAction', false);" />
// </form>

// This example allows different actions, default action on "Enter" press
// (except IE), prompts,
// in IE prevents multiple POSTs on submitting
// via submit button or "Enter" press:
// TODO: in IE submit on "Enter" press
//
// <form name="form" id="form" action="..." onsubmit="return false">
//     <input type="hidden" name="action" value="MyDefaultAction" />
//        ...
//     <input type="button" class="button"
//             onclick="doClickAction(document.forms['form'], 'Cancel');" value="Cancel" />
//     <input type="button" class="button"
//             onclick="setYesNoConfirm('Another prompt', 'doClickAction(document.forms['form'], \'AnotherAction\');');"
//             value="Another action" />
//     <input type="submit"
//             onclick="setYesNoConfirm('Default prompt', 'doClickAction(document.forms['form'], \'MyDefaultAction\');');" />
// </form>
// <script language="javascript"><!--
//    f = document.forms['form'];
// // -->
// </script>

function doClickAction(form, action, sf) {
        if (sf == null) sf = true;
        if (sf) {
                        form.elements['action'].value = action;
                        form.submit();
        }
        else
                return false;
}

// Submit only with a confirmation message.
var _doConfirm_form;
var _doConfirm_action;
function doConfirmClickAction(form, action, title, message, buttonOk) {
    _doConfirm_form = form;
    _doConfirm_action = action;
    setConfirmCancel(title, message, buttonOk,
        "doClickAction(_doConfirm_form, _doConfirm_action)")
}

function goPage(page, param, fm) {
    if (fm != ''){
        fm.elements['pg'].value = page;
        fm.submit();
    }
    else {
        location.href="?pg=" + page + param;
    }
}

// Enable or disable an object, and set the background color.
function set_obj_enabled(obj, enabled) {
    obj.disabled = !enabled;

    if (!enabled) {
        if (obj.type != 'radio' && obj.type != 'checkbox') {
            obj.style.color = '#999999';
            obj.style.backgroundColor = '#E0E0E0';
        }
    }
    else if (obj.type == 'button' || obj.type == 'submit') {
        obj.style.color = '#FFFFFF';
        obj.style.background = '#666699';

    }
    else {
        obj.style.color = '';
        obj.style.backgroundColor = '';
    }
}

// Set disabled attribute and style for an input element.
function set_enabled(id, enabled, doFocus) {
    var obj = document.getElementById(id);
    if (!obj && document.forms['form'])
        obj = document.forms['form'].elements[id];
    if (obj) {
        if (obj.type == 'radio') {
            // This fixes a rather annoying javascript bug with radios.
            // The radio returned by getElementById has no length property.
            obj = obj.form[obj.id];
            for (var i=0; i<obj.length; i++)
                set_obj_enabled(obj[i], enabled);
        }
        else
            set_obj_enabled(obj, enabled);
        if (enabled && doFocus &&
           (obj.type == 'text' || obj.type == 'textarea'))
            obj.focus();
    }
}

// Check a checkbox field by id. Returns true if the checkbox was set.
function set_checkbox(checkboxId) {
    var obj = document.getElementById(checkboxId);
    if (!obj && document.forms['form'])
        obj = document.forms['form'].elements[checkboxId];
    if (obj && !obj.disabled) {
        obj.checked = true;
        return true;
    }
    return false;
}

// Check a checkbox field by id if prerequisite is met.
function set_checkbox_preq(checkboxId, preq) {
    var obj = document.getElementById(preq);
    if (obj && obj.disabled)
        return;
    else {
        obj = document.getElementById(checkboxId);
        if (obj)
            set_obj_checked(obj);
    }
}

// Check a specific radio field.
function set_radio(obj, index) {
    obj[index].checked = true;
}
// Check a checkbox or radio object.
function set_obj_checked(obj) {
    obj.checked = true;
}

// Enable an input field.
function enable_input(inputId) {
    set_enabled(inputId, true, true);
}

// Disable an input field.
function disable_input(inputId) {
    set_enabled(inputId, false, false);
}

// Enable an input field without setting the focus.
function enable_input_nofocus(inputId) {
    set_enabled(inputId, true, false);
}

// Toggle an input field    enabled/disabled based on checkbox setting.
function toggle_input(inputId, checked) {
    set_enabled(inputId, checked, true);
}

// Toggle an input field without setting the focus.
function toggle_input_nofocus(inputId, checked) {
    set_enabled(inputId, checked, false);
}

// Check all checkboxes for the form.
function check_all(form, checked) {
    var elts = form.elements;
    var len = elts.length;
    for (i = 0; i < len; i++) {
            e = elts[i];
            if (e.name=='senders[]')
                    e.checked = checked;
    }
}

// Sort a select list alphabetically.
function sort_select(sel) {
if (sel.options == null || sel.options.length <= 1)
        return;

    var o = new Array();
    for (var i = 0; i < sel.options.length; i++)
        o[o.length] = new Option(sel.options[i].text,
                                 sel.options[i].value,
                                 sel.options[i].defaultSelected,
                                 sel.options[i].selected);

    // Null-proof sort
    o = o.sort(function(a,b) {
        if ((a.text+"") < (b.text+""))
            return -1;
        if ((a.text+"") > (b.text+""))
            return 1;
        return 0;
    });

    for (var i = 0; i < o.length; i++)
        sel.options[i] = new Option(o[i].text, o[i].value,
                                                                o[i].defaultSelected, o[i].selected);
}

// Takes two select lists, and moves selected items from one to the other.
function select_move(from, to) {
    for (var i = 0; i < from.options.length;) {
        var o = from.options[i];
        if (o.selected) {
            to[to.length] = new Option(o.text, o.value, false, false);
            from.options[i] = null;
        }
        else
            i++;
    }
    sort_select(from);
    sort_select(to);
    return true;
}

// Mark options in a select (multiple) list as selected.
function select_all(sel) {
    if (sel.options == null)
        return true;
    for (i = 0; i < sel.options.length; i++)
        sel.options[i].selected = true;
    return true;
}

function resetElement(elementId, setting) {
    var obj = getObj(elementId);
    resetElementObj(obj, setting);
}

function resetElementObj(obj, setting) {
    // Recursively resets all form elements inside a span or div element.
    // Setting can be hide, show, disable, enable
    // Used a hack to detect a HTMLSpanElement in IE -
    // name all spans with a prefix of "span_".    Same for table, tbody and tr.
    var n = obj.childNodes.length;
    for(var i=0;i<n;i++) {
        child = obj.childNodes[i];

        if (
                (child.type=='text') || (child.type=='select-one') ||
                (child.type=='button') || (child.type=='textarea') ||
                (child.type=='label') || (child.type=='radio') ||
                (child.type=='checkbox')
            ) {
            switch (setting) {
                case 'hide':
                    hideObj(child);
                    break;
                case 'show':
                    showObj(child);
                    break;
                case 'enable':
                    set_obj_enabled(child,true);
                    break;
                case 'disable':
                    set_obj_enabled(child,false);
    case 'clear_err':
        child.className = '';
            }
        }
        else if (child.id) {
            var string = child.id.toString().split("_");
            if (string[0]=='err' && setting == 'clear_err') {
                hideObj(child);
    }
            else if (string[0]=='td') {
        hideObj(child);
                resetElementObj(child, setting);
            }
            else if ((string[0]=='tr') || (string[0]=='txt'))
                hideObj(child);
            else
                resetElementObj(child, setting);
        }
        else if (child){
            if (child.childNodes)
                resetElementObj(child, setting);
        }
    }
}

function hideObj(obj) {
    if(obj) {
        obj.style.display = 'none';
        obj.style.height='0px';
    }
}

function showObj(obj) {
    if(obj) {
        obj.style.display = '';
        obj.style.height='';
    }
}

function popUp(url, w, h) {
    nw = window.open(url, 'newWin',
        'width=' + w + ',height=' + h + ',menubar=1,resizable=1,scrollbars=1');
    nw.moveTo(40,40)
    //moveTo positions location of new window from the topleft of screen
    nw.focus();
}


// Make a portion of the page flicker to emphasize that it has changed.
var flicker_yellow = new Array('#eeeeee',
    '#eeeeee','#efefea','#f0f0e6','#f1f1e2',
    '#f2f2de','#f3f3da','#f4f4d6','#f5f5d2',
    '#f6f6ce','#f7f7ca','#f8f8c6','#f9f9c2',
    '#fafabe','#fbfbba','#fcfcb6','#fdfdb2',
    '#fefeae','#ffffaa','#ffffaa');
var flicker_red = new Array('#eeeeee',
    '#eeeeee','#efeaea','#f0e6e6','#f1e2e2',
    '#f2dede','#f3dada','#f4d6d6','#f5d2d2',
    '#f6cece','#f7caca','#f8c6c6','#f9c2c2',
    '#fabebe','#fbbaba','#fcb6b6','#fdb2b2',
    '#feaeae','#ffaaaa','#ffaaaa');
var flicker_colors;
var flicker_end_color;
var flicker_up;
var flicker_loops;
var flicker_id;

function flicker(id, color_choice, end_color) {
    flicker_id = id;
    flicker_end_color = end_color;
    flicker_colors = flicker_yellow;
    if(color_choice == 'red') flicker_colors = flicker_red;
    flicker_loops = 2;
    flicker_up = true;
    flicker_loop(0);
}

function flicker_loop(i) {
    var delay = 40;
    if(flicker_id == '' ) return;
    var flicker_obj = getObj(flicker_id);
    flicker_obj.style.backgroundColor = flicker_colors[i];
    if (flicker_up) {
        if (i++ < flicker_colors.length) {
            setTimeout("flicker_loop(" + i + ")", delay);
        }
        else {
            flicker_up = false;
            flicker_loop(--i);
        }
    }
    else {
        if (i-- > 0) {
            setTimeout("flicker_loop(" + i + ")", delay);
        }
        else {
            if (--flicker_loops > 0) {
                flicker_up = true;
                flicker_loop(0);
            }
            else {
                flicker_obj.style.backgroundColor = flicker_end_color;
            }
        }
    }
}



// widget.itable functions
function itable_del(e, id) {
    var t = document.getElementById(id);
    var r = itable_get_TRow(e);
    var i = 0;
    for (i = 0; i < t.rows.length;++i) {
        if (t.rows[i] == r) {
            break;
        }
    }
    if (i > 0) {
        t.deleteRow(i);
    } else {
        alert('Can not delete row');
    }

    return false;
}

function itable_get_TRow(e) {
    return e.parentNode.parentNode;
}

function itable_addRow(id, del) {
    var t = document.getElementById(id);
    var _r = t.rows[t.rows.length-1];
    var row;
    //handling special rows
    if (_r.id != id + '-footer') {
        row  = t.insertRow(t.rows.length);
    } else {
        row = t.insertRow(t.rows.length-1);
    }

    var i;
    for (i in itable_col_defs[id]) {
        var cell = row.insertCell(i)
        var el = document.createElement('input');
        var fld = itable_col_defs[id][i];
        for (j in fld) {
            if (j == 'id') {
                var v = id + '['+itable_next_counter(id)+']['+fld[j]+']';
                el.setAttribute('name', v);
                el.setAttribute('id', v);
            } else {
                el.setAttribute(j, fld[j]);
            }
        }
        ev = id + '_itable_keypress';
        el.onkeypress = eval(id + '_itable_keypress');
        cell.appendChild(el);
        if (i == 0) {
            el.focus();
        }
    }
    var cell = row.insertCell(row.childNodes.length);
    cell.setAttribute('align', 'center');
    cell.innerHTML = del;
    return false;
}

function itable_next_counter(id) {
    return ++itable_row_counter[id];
}


var itable_col_defs = new Array();
var itable_row_counter = new Array();

//methods of class CheckBoxes are aimed to check/uncheck given checkboxes and enable/disable given buttons
function CheckBoxes (element, chk_box_name, buttons) {

    this.element = element;
    this.elements = this.element.form.elements;
    this.elements_length = this.elements.length;
    this.chk_box_name = chk_box_name;
    this.buttons = buttons;

    this._none_selected = function (){
        for (var i=0; i < this.elements_length; ++i) {
            if (this.elements[i].name == this.chk_box_name && this.elements[i].checked) {
                return false;
            }
        }
        return true;
    }

    this._check_selected = function (){
        for (var i=0; i < this.elements_length; ++i) {
            if (this.elements[i].name == this.chk_box_name && this.elements[i].checked == false) {
                return false;
            }
        }
        return true;
    }

    this._toggle_all = function () {
        for (var i=0; i < this.elements_length; ++i) {
            if (this.elements[i].name == this.chk_box_name || this.elements[i].value == this.chk_box_name) {
                this.elements[i].checked = this.element.checked;
            }
        }
        this._disable_if_none_selected();
        return true;
    }

    this._disable_if_none_selected = function () {
        l = this.buttons.length;
        if ( this._none_selected() ) {
            e = this.element.form.elements;
            for (var i=0; i < l; ++i) {
                this.buttons[i].disabled = true;
                this.buttons[i].className = 'submit button-disabled';
//                this.buttons[i].
            }
            this.element.checked = false;
        } else {
            for (var i=0; i < l; ++i) {
                this.buttons[i].disabled = false;
                this.buttons[i].className = 'submit';
//                this.buttons[i].
            }
        }
        if ( this._check_selected() ) {
            this.element.checked = true;
            }
         else {
            this.element.checked = false;
            }

        for (var i=0; i < l; ++i) {
            if (this.elements[i].name == this.chk_box_name && this.elements[i].checked == false) {
                this.element.checked = false;
                return true;
            }
        }
    }

}

function doSorting(column, order, param, fm) {
    if (fm != ''){
        fm.elements['s_col'].value = column;
        fm.elements['s_ord'].value = order;
        fm.submit();
    }
    else {
        location.href="?s_col=" + column + '&amp;s_ord=' + order + param;
    }
}