/**
 * 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   integer   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;
    }

    // 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);
        }
    } // end 3

    // 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


function selectCheckbox (id) {

        document.getElementById(id).checked = (document.getElementById(id).checked ? false : true);
        checkAllStatus(id);

} // END selectCheckbox()


function rowPointer (theRow, action, dftCls, ovrCls) {
        if (dftCls == '') {
           dftCls = 'unhighlight';
        }
        if (ovrCls == '') {
           ovrCls = 'highlight';
        }

        if (action == 'over') {
           theRow.className = ovrCls;
        } else {
           theRow.className = dftCls;
        }
} // END rowPointer()


function colPointer (theCol, colNum, action, dftColor, ovrColor) {
        var domDetect;
        var newColor;

        if (dftColor == '') {
           dftColor = '#FFFFFF';
        }

        if (typeof(document.getElementsByTagName) != 'undefined') {
           var parentRow = theCol.parentNode
           var theCells  = parentRow.getElementsByTagName('td');
        } else {
           return false;
        }

        if (typeof(window.opera) == 'undefined' && typeof(theCells[0].getAttribute) != 'undefined') {
           domDetect = true;
        } else {
           domDetect = false;
        }

        if (action == 'over') {
           newColor = ovrColor;
        } else {
           newColor = dftColor;
        }

        if (domDetect) {
           if (colNum == 1) { // first column //
              theCells[0].setAttribute('bgcolor', newColor, 0);
              theCells[1].setAttribute('bgcolor', newColor, 0);
           } else { // second column //
              theCells[3].setAttribute('bgcolor', newColor, 0);
              theCells[4].setAttribute('bgcolor', newColor, 0);
           }
        }  else {
           if (colNum == 1) { // first column //
              theCells[0].style.backgroundColor = newColor;
              theCells[1].style.backgroundColor = newColor;
           } else {
              theCells[3].style.backgroundColor = newColor;
              theCells[4].style.backgroundColor = newColor;
           }
        }
} // END columnPointer()

// CHECKBOX STATUS //
function checkAllStatus (id) {

        if (!document.getElementById(id).checked) {
           // untick one of the 'cb[]' checkboxes, untick 'checkall' too //
           document.form1.checkall.checked = false;
           return true;
        }

        for (x=0; x<document.form1.elements.length; x++) {
           e = document.form1.elements[x];

           if (e.name == "cb[]" && !e.checked) {
              // untick checkbox found, skip to tick 'checkall' //
              return true;
              break;
           }
        } // end FOR loop to all 'cb[]' elements

        // detected all checkboxes have ticked, tick 'checkall' too //
        document.form1.checkall.checked = true;
} // END checkAllStatus()

// CHECKBOX THAT TICK ALL //
function checkAll () {
        var x;
        var e;
        var rowNum;
        var row = 1;

        for (x=0; x<document.form1.elements.length; x++) {
           e = document.form1.elements[x];

           if (e.name == "cb[]") {
              rowNum = e.id.substr(2);

              // check/uncheck all checkbox at this form //
              e.checked = document.form1.checkall.checked;

              if (e.checked == true) {
                 marked_row[rowNum] = true;
              } else {
                 marked_row[rowNum] = false;
              }

              var parentRow = document.getElementById(e.id).parentNode.parentNode;
              var theCells  = parentRow.getElementsByTagName('td');

              for (var i=0; i<theCells.length; i++) {
                 var bgclr = theCells[i].getAttribute('bgcolor'); //TODO// lebih punya //

                 if (e.checked) {
                    // select the row //
                    theCells[i].setAttribute('bgcolor', '#FFCC99', 0);
                 } else if (!e.checked) {
                    // unselect the row //
                    if (row == 1) {
                       theCells[i].setAttribute('bgcolor', '#FFFFFF', 0);
                    } else {
                       theCells[i].setAttribute('bgcolor', '#F9F9F9', 0);
                    }
                 }
              }

              if (row == 1) {
                 row = 2;
              } else {
                 row = 1;
              }
           }
        }
} // END checkAll()

//
// elements
//
function useCls (e, className) {

        if (window.event) {
           var el = event.srcElement;
        } else {
           var el = e.target;
        }

        el.className = className;

} // useCls
function requiredField (e, cls) {

        if (window.event) {
           var el = event.srcElement;
        } else {
           var el = e.target;
        }

        el.className = cls;

} // END requiredField()

function setOpacity (el, opacity) {

        opacity = (opacity == 100) ? 99.999 : opacity;

        // IE/Win
        el.style.filter = 'alpha(opacity:'+opacity+')';

        // Safari<1.2, Konqueror
        el.style.KHTMLOpacity = opacity/100;

        // Older Mozilla and Firefox
        el.style.MozOpacity = opacity/100;

        // Safari 1.2, newer Firefox and Mozilla, CSS3
        el.style.opacity = opacity/100;

} // setOpacity