<!--
function invert(form) {
	for(var i=0; i < form.length; i++) {
			obj = form.elements[i];
		if(obj.type == 'checkbox') {
			obj.checked =(obj.checked) ? false : true;
		}
	}
}

function encodeHtml(str) {
    return str.replace(/</g, '&lt;')
              .replace(/>/g, '&gt;')
              .replace(/&/g, '&amp;')
              .replace(/\\/g, '&#92;')
              .replace(/'/g, '&#39;')
              .replace(/"/g, '&quot;');
}

var myAlphabets = [
    'A',
    'B',
    'C',
    'D',
    'E',
    'F',
    'G',
    'H',
    'I',
    'J',
    'K',
    'L',
    'M',
    'N',
    'O',
    'P',
    'Q',
    'R',
    'S',
    'T',
    'U',
    'V',
    'W',
    'X',
    'Y',
    'Z'
];

var myArabicAlphabets = [
"أ",
"ب",
"ت",
"ث",
"ج",
"ح",
"خ",
"د",
"ذ",
"ر",
"ز",
"س",
"ش",
"ص",
"ض",
"ط",
"ظ",
"ع",
"غ",
"ف",
"ق",
"ك",
"ل",
"م",
"ن",
"ه",
"و",
"ي"

];

var myCurrentDirectory = null;
var myCurrentFieldName = null;
var myCurrentKeys = [];
var myCurrentTarget = null;
var myCurrentType = null;

function insertKeyPadString(str) {
    if (myCurrentTarget != null) {
        myCurrentTarget.value += str;
        myCurrentTarget.focus();
    }
}

function selectMenuItem(str) {
    if (myCurrentTarget != null) {
        myCurrentTarget.value = str;
    }
    hideDirectory();
}

function hideDirectory() {
    $("#myMenu").fadeOut("fast");
}

function pickMenuItem(source) {
    var stringValue = $(source).text();
    myMenuTarget.value = stringValue;
}

function selectTab(tab) {
    myCurrentKeys[myCurrentType.value] = tab;
    $.getJSON(
        "menulist.php",
        {
            id: myCurrentType.value,
            keys: myCurrentKeys[myCurrentType.value]
        },
        function(jsonResults) {
            populateMenu(jsonResults);
        }
    );
}

function populateMenu(jsonResults) {
    if (jsonResults['success'] != true) {
        hideDirectory();
        alert( "No directory entries found for current field.\n" + "لا دليل لادخالات الميدانيه الحالية " );
        return;
    }

    var resultId = jsonResults['id'];
    var resultLang = jsonResults['lang'];
    var resultKeys = jsonResults['keys'];
    var resultList = jsonResults['list'];
    var resultDesc = jsonResults['desc'];
    var resultDescLang = jsonResults['descLang'];

    var menuItemClass;
    var newTabHtml = '';
    if (resultLang == 'en') {
        menuItemClass = 'menuItem';
        if (resultKeys.length > 0) {
            newTabHtml = "<table noborder cellspacing='0' class='menuTab'>";
            for (var i=0; i<myAlphabets.length; i+=2) {
                var odd = myAlphabets[i];
                var even = myAlphabets[i+1];
                newTabHtml += "<tr "
                        + "onMouseOver='this.style.color=\"white\"'"
                        + "onMouseOut='this.style.color=\"black\"'"
                        + "onClick='selectTab(\"" + (i+1) + ":" + (i+2) + "\")'"
                        + ">";
                newTabHtml += "<th>" + odd + "</th><th>" + even + "</th>";
                newTabHtml += "</tr>";
            }
            newTabHtml += "</table>";
        }
    }
    else if (resultLang == 'ar') {
        menuItemClass = 'menuArabicItem';
        if (resultKeys.length > 0) {
            newTabHtml = "<table noborder cellspacing='0' class='menuTab'>";
            for (var i=0; i<myArabicAlphabets.length; i+=2) {
                var odd = myArabicAlphabets[i];
                var even = myArabicAlphabets[i+1];
                newTabHtml += "<tr "
                        + "onMouseOver='this.style.color=\"white\"'"
                        + "onMouseOut='this.style.color=\"black\"'"
                        + "onClick='selectTab(\"" + (i+1) + ":" + (i+2) + "\")'"
                        + ">";
                newTabHtml += "<th>" + even + "</th><th>" + odd + "</th>";
                newTabHtml += "</tr>";
            }
            newTabHtml += "</table>";
        }
    }
    $("#myMenuTab div p").html(newTabHtml);

    if (resultList != undefined) {
        var newListHtml = "";
        if (resultDesc != undefined) {
            var itemDescClass = 'itemDesc';
            if (resultDescLang == 'ar') {
                itemDescClass = 'itemArabicDesc';
            }
            newListHtml = "<table>";
            for (var i=0; i<resultList.length; ++i) {
                theItem = encodeHtml(resultList[i]);
                theDesc = encodeHtml(resultDesc[i]);
                if (theDesc.length > 0) {
                    theDesc = '(' + theDesc + ')'
                }
                newListHtml += "<tr onClick='selectMenuItem(\"" + theItem + "\")' onMouseOver='this.bgColor=\"#B0FFB0\";' onMouseOut='this.bgColor=\"#E5FFE5\";'>";
                newListHtml += "<td class='" + menuItemClass + "'>" + theItem + " <span class='" + itemDescClass + "'>" + theDesc + "</span></td>";
                newListHtml += "</tr>";
            }
            newListHtml += "</table>";
        } else {
            newListHtml = "<table>";
            for (var i=0; i<resultList.length; ++i) {
                theItem = encodeHtml(resultList[i]);
                newListHtml += "<tr onClick='selectMenuItem(\"" + theItem + "\")' onMouseOver='this.bgColor=\"#B0FFB0\";' onMouseOut='this.bgColor=\"#E5FFE5\";'>";
                newListHtml += "<td class='" + menuItemClass + "'>" + theItem + "</td>";
                newListHtml += "</tr>";
            }
            newListHtml += "</table>";
        }
        $("#myMenuBody div p").html(newListHtml);
    }

    $("#myMenuBody div").css("height", 290);
    var o = $(myCurrentDirectory).offset();
    var top = o.top + $(myCurrentDirectory).height() + 4;
    var left = o.left;
    $("#myMenu").css("top", top);
    $("#myMenu").css("left", left);
    $("#myMenu").fadeIn("fast");
}

function showKeyPad(tdObj, form, row) {
    hideDirectory();
    myCurrentTarget = form.elements["text[" + row + "]"];
    currentLanguage = form.elements["language[" + row + "]"];

    var o = $(tdObj).offset();
    var top = o.top + $(tdObj).height() + 4;
    var left = o.left;

/* NOTE: latin keypad disabled
    if (currentLanguage[0].checked) {
        $("#arabicKeyPad").hide();
        $("#latinKeyPad").css("top", top);
        $("#latinKeyPad").css("left", left);
        $("#latinKeyPad").fadeIn("fast");
    } else {
*/
        $("#latinKeyPad").hide();
        $("#arabicKeyPad").css("top", top);
        $("#arabicKeyPad").css("left", left);
        $("#arabicKeyPad").fadeIn("fast");
/* NOTE: latin keypad disabled
    }
*/
}

function hideArabicKeyPad()
{
    $("#arabicKeyPad").fadeOut("fast");
}

function hideLatinKeyPad()
{
    $("#latinKeyPad").fadeOut("fast");
}

function hideKeyPad() {
    hideArabicKeyPad();
    hideLatinKeyPad();
}

function showDirectory(tdObj, form, row) {
    hideKeyPad();
    myCurrentDirectory = tdObj;
    myCurrentTarget = form.elements["text[" + row + "]"];
    myCurrentFieldName = "field[" + row + "]";
    myCurrentType = form.elements[myCurrentFieldName];
    if ( (typeof myCurrentType != 'undefined') ) {
        if (myCurrentKeys[myCurrentType.value] == null) {
            myCurrentKeys[myCurrentType.value] = "";
        }
        $.getJSON(
            "menulist.php",
            {
                id: myCurrentType.value,
                keys: myCurrentKeys[myCurrentType.value]
            },
            function(jsonResults) {
                populateMenu(jsonResults);
            }
        );
    }
}

function hideDirectory() {
    $("#myMenu").fadeOut("fast");
}

function hideAll() {
    hideDirectory();
    hideKeyPad();
}
-->

