/* ----------------------------------------------------------------
   CYBERFORMS by cybersoft.ch
   
   Author: Mario Bodenüller
   Date:   2008-12-29
   ---------------------------------------------------------------- */
 
 
 
/* Original copyright information
 * ------------------------------
 * Name: Niceforms
 * Version: 2.0
 * Author: Lucian Slatineanu
 * URL: http://www.emblematiq.com/projects/niceforms/
 * Feel free to use and modify but please keep this copyright intact.
 ------------------------------------------------------------------ */

//Theme Variables - edit these to match your theme
var imagesPath = "templates/firefly/javascript/niceforms/img/";
var selectRightWidthSimple = 19;
var selectRightWidthScroll = 2;
var selectMaxHeight = 200;
var textareaTopPadding = 10;
var textareaSidePadding = 10;

//Global Variables
var NF = new Array();
var isIE = false;
var resizeTest = 1;

//Initialization function
function NFInit(){
    try {
        document.execCommand('BackgroundImageCache', false, true);
    } 
    catch (e) {
    }
    if (!document.getElementById) {
        return false;
    }
    //alert("click me first");
    NFDo('start');
}

function NFDo(what){
    var niceforms = document.getElementsByTagName('form');
    var identifier = new RegExp('(^| )' + 'niceform' + '( |$)');
    var identifierBox = new RegExp('(^| )' + 'nicebox' + '( |$)');
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        var ieversion = new Number(RegExp.$1);
        if (ieversion < 7) {
            return false;
        } //exit script if IE6
        isIE = true;
    }
    for (var q = 0; q < niceforms.length; q++) {
        if (identifier.test(niceforms[q].className)) {
            if (what == "start") { //Load Niceforms
                NF[q] = new niceform(niceforms[q]);
                niceforms[q].start();
				includeCSS('templates/firefly/javascript/niceforms/niceforms.ext.css');
            }
            else { //Unload Niceforms
                niceforms[q].unload();
                NF[q] = "";
            }
        }
		if (identifierBox.test(niceforms[q].className)) {
            if (what == "start") { //Load Niceforms
                NF[q] = new nicebox(niceforms[q]);
                niceforms[q].start();
            }
            else { //Unload Niceforms
                niceforms[q].unload();
                NF[q] = "";
            }
        }
    }
}

function NFFix(){
    NFDo('stop');
    NFDo('start');
}

function niceform(nf){
    nf._inputText = new Array();
    nf._inputRadio = new Array();
    nf._inputCheck = new Array();
    nf._inputSubmit = new Array();
    nf._inputFile = new Array();
    nf._textarea = new Array();
    nf._select = new Array();
    nf._multiselect = new Array();
    nf.add_inputText = function(obj){
        this._inputText[this._inputText.length] = obj;
        inputText(obj);
    }
    nf.add_inputRadio = function(obj){
        this._inputRadio[this._inputRadio.length] = obj;
        inputRadio(obj);
    }
    nf.add_inputCheck = function(obj){
        this._inputCheck[this._inputCheck.length] = obj;
        inputCheck(obj);
    }
    nf.add_inputSubmit = function(obj){
        this._inputSubmit[this._inputSubmit.length] = obj;
        inputSubmit(obj);
    }
    nf.add_inputFile = function(obj){
        this._inputFile[this._inputFile.length] = obj;
        inputFile(obj);
    }
    nf.add_textarea = function(obj){
        this._textarea[this._textarea.length] = obj;
        textarea(obj);
    }
    nf.add_select = function(obj){
        this._select[this._select.length] = obj;
        selects(obj);
    }
    nf.add_multiselect = function(obj){
        this._multiselect[this._multiselect.length] = obj;
        multiSelects(obj);
    }
    nf.start = function(){
        //Separate and assign elements
        var allInputs = this.getElementsByTagName('input');
        for (var w = 0; w < allInputs.length; w++) {
            switch (allInputs[w].type) {
                case "text":
                case "password":{
                    this.add_inputText(allInputs[w]);
                    break;
                }
                case "radio":{
                    this.add_inputRadio(allInputs[w]);
                    break;
                }
                case "checkbox":{
                    this.add_inputCheck(allInputs[w]);
                    break;
                }
                case "submit":
                case "reset":
                case "button":{
                    this.add_inputSubmit(allInputs[w]);
                    break;
                }
                case "file":{
                    this.add_inputFile(allInputs[w]);
                    break;
                }
            }
        }
        var allButtons = this.getElementsByTagName('button');
        for (var w = 0; w < allButtons.length; w++) {
            this.add_inputSubmit(allButtons[w]);
        }
        var allTextareas = this.getElementsByTagName('textarea');
        for (var w = 0; w < allTextareas.length; w++) {
            this.add_textarea(allTextareas[w]);
        }
        var allSelects = this.getElementsByTagName('select');
        for (var w = 0; w < allSelects.length; w++) {
            if (allSelects[w].size == "1") {
                this.add_select(allSelects[w]);
            }
            else {
                this.add_multiselect(allSelects[w]);
            }
        }
        //Start
        for (w = 0; w < this._inputText.length; w++) {
            this._inputText[w].init();
        }
        for (w = 0; w < this._inputRadio.length; w++) {
            this._inputRadio[w].init();
        }
        for (w = 0; w < this._inputCheck.length; w++) {
            this._inputCheck[w].init();
        }
        for (w = 0; w < this._inputSubmit.length; w++) {
            this._inputSubmit[w].init();
        }
        for (w = 0; w < this._inputFile.length; w++) {
            this._inputFile[w].init();
        }
        for (w = 0; w < this._textarea.length; w++) {
            this._textarea[w].init();
        }
        for (w = 0; w < this._select.length; w++) {
            this._select[w].init(w);
        }
        for (w = 0; w < this._multiselect.length; w++) {
            this._multiselect[w].init(w);
        }
    }
    nf.unload = function(){
        //Stop
        for (w = 0; w < this._inputText.length; w++) {
            this._inputText[w].unload();
        }
        for (w = 0; w < this._inputRadio.length; w++) {
            this._inputRadio[w].unload();
        }
        for (w = 0; w < this._inputCheck.length; w++) {
            this._inputCheck[w].unload();
        }
        for (w = 0; w < this._inputSubmit.length; w++) {
            this._inputSubmit[w].unload();
        }
        for (w = 0; w < this._inputFile.length; w++) {
            this._inputFile[w].unload();
        }
        for (w = 0; w < this._textarea.length; w++) {
            this._textarea[w].unload();
        }
        for (w = 0; w < this._select.length; w++) {
            this._select[w].unload();
        }
        for (w = 0; w < this._multiselect.length; w++) {
            this._multiselect[w].unload();
        }
    }
}

function nicebox(nf){
    nf._inputSubmit = new Array();
    nf.add_inputSubmit = function(obj){
        this._inputSubmit[this._inputSubmit.length] = obj;
        inputSubmit(obj);
    }
    nf.start = function(){
        //Separate and assign elements
        var allInputs = this.getElementsByTagName('input');
        for (var w = 0; w < allInputs.length; w++) {
            switch (allInputs[w].type) {
                case "submit":
                case "reset":
                case "button":{
                    this.add_inputSubmit(allInputs[w]);
                    break;
                }
            }
        }
        var allButtons = this.getElementsByTagName('button');
        for (var w = 0; w < allButtons.length; w++) {
            this.add_inputSubmit(allButtons[w]);
        }
        //Start
        for (w = 0; w < this._inputSubmit.length; w++) {
            this._inputSubmit[w].init();
        }
    }
    nf.unload = function(){
        //Stop
        for (w = 0; w < this._inputSubmit.length; w++) {
            this._inputSubmit[w].unload();
        }
    }
}

function includeCSS(p_file){
    var v_css = document.createElement('link');
    v_css.rel = 'stylesheet'
    v_css.type = 'text/css';
    v_css.href = p_file;
    document.getElementsByTagName('head')[0].appendChild(v_css);
}

function inputText(el){ //extent Text inputs
    el.oldClassName = el.className;
    el.left = document.createElement('img');
    el.left.src = imagesPath + "0.png";
    el.left.className = "NFTextLeft";
    el.right = document.createElement('img');
    el.right.src = imagesPath + "0.png";
    el.right.className = "NFTextRight";
    el.dummy = document.createElement('div');
    el.dummy.className = "NFTextCenter";
    el.onfocus = function(){
        this.dummy.className = "NFTextCenter NFh";
        this.left.className = "NFTextLeft NFh";
        this.right.className = "NFTextRight NFh";
    }
    el.onblur = function(){
        this.dummy.className = "NFTextCenter";
        this.left.className = "NFTextLeft";
        this.right.className = "NFTextRight";
    }
    el.init = function(){
        this.parentNode.insertBefore(this.left, this.parentNode.firstChild);
        this.parentNode.insertBefore(this.right, this.left.nextSibling);
        this.right.parentNode.insertBefore(this.dummy, this.right);
        this.dummy.appendChild(this);
        this.className = "NFText";
    }
    el.unload = function(){
        this.parentNode.parentNode.appendChild(this);
        this.parentNode.removeChild(this.left);
        this.parentNode.removeChild(this.right);
        this.parentNode.removeChild(this.dummy);
        this.className = this.oldClassName;
    }
}

function inputRadio(el){ //extent Radio buttons
    el.oldClassName = el.className;
    el.dummy = document.createElement('div');
    if (el.checked) {
        el.dummy.className = "NFRadio NFh";
    }
    else {
        el.dummy.className = "NFRadio";
    }
    el.dummy.ref = el;
    //if(isIE == false) {el.dummy.style.left = findPosX(el) + 'px'; el.dummy.style.top = findPosY(el) + 'px';}
    //else {el.dummy.style.left = 4 + 'px'; el.dummy.style.top = 4 + 'px';}
    el.dummy.onclick = function(){
        if (!this.ref.checked) {
            var siblings = getInputsByName(this.ref.name);
            for (var q = 0; q < siblings.length; q++) {
                siblings[q].checked = false;
                siblings[q].dummy.className = "NFRadio";
            }
            this.ref.checked = true;
            this.className = "NFRadio NFh";
        }
    }
    el.onclick = function(){
        if (this.checked) {
            var siblings = getInputsByName(this.name);
            for (var q = 0; q < siblings.length; q++) {
                siblings[q].dummy.className = "NFRadio";
            }
            this.dummy.className = "NFRadio NFh";
        }
    }
    el.onfocus = function(){
        this.dummy.className += " NFfocused";
    }
    el.onblur = function(){
        this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");
    }
    el.init = function(){
        this.parentNode.insertBefore(this.dummy, this);
        el.className = "NFhidden";
    }
    el.unload = function(){
        this.parentNode.removeChild(this.dummy);
        this.className = this.oldClassName;
    }
}

function inputCheck(el){ //extend Checkboxes
    el.oldClassName = el.className;
    el.dummy = document.createElement('img');
    el.dummy.src = imagesPath + "0.png";
    if (el.checked) {
        el.dummy.className = "NFCheck NFh";
    }
    else {
        el.dummy.className = "NFCheck";
    }
    el.dummy.ref = el;
	/*
    if (isIE == false) {
        el.dummy.style.left = findPosX(el) + 'px';
        el.dummy.style.top = findPosY(el) + 'px';
    }
    else {
        el.dummy.style.left = findPosX(el) + 4 + 'px';
        el.dummy.style.top = findPosY(el) + 4 + 'px';
    }
	*/    
	el.dummy.onclick = function(){
        if (!this.ref.checked) {
            this.ref.checked = true;
            this.className = "NFCheck NFh";
        }
        else {
            this.ref.checked = false;
            this.className = "NFCheck";
        }
    }
    el.onclick = function(){
        if (this.checked) {
            this.dummy.className = "NFCheck NFh";
        }
        else {
            this.dummy.className = "NFCheck";
        }
    }
    el.onfocus = function(){
        this.dummy.className += " NFfocused";
    }
    el.onblur = function(){
        this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");
    }
    el.init = function(){
        this.parentNode.insertBefore(this.dummy, this);
        el.className = "NFhidden";
    }
    el.unload = function(){
        this.parentNode.removeChild(this.dummy);
        this.className = this.oldClassName;
    }
}

function inputSubmit(el){ //extend Buttons
    el.oldClassName = el.className;
    el.left = document.createElement('img');
    el.left.className = "NFButtonLeft";
    el.left.src = imagesPath + "0.png";
    el.right = document.createElement('img');
    el.right.src = imagesPath + "0.png";
    el.right.className = "NFButtonRight";
    el.onmouseover = function(){
        this.className = "NFButton NFh";
        this.left.className = "NFButtonLeft NFh";
        this.right.className = "NFButtonRight NFh";
    }
    el.onmouseout = function(){
        this.className = "NFButton";
        this.left.className = "NFButtonLeft";
        this.right.className = "NFButtonRight";
    }
    el.init = function(){
        this.parentNode.insertBefore(this.left, this);
        this.parentNode.insertBefore(this.right, this.nextSibling);
        this.className = "NFButton";
    }
    el.unload = function(){
        this.parentNode.removeChild(this.left);
        this.parentNode.removeChild(this.right);
        this.className = this.oldClassName;
    }
}

function inputFile(el){ //extend File inputs
    el.oldClassName = el.className;
    el.dummy = document.createElement('div');
    el.dummy.className = "NFFile";
    el.file = document.createElement('div');
    el.file.className = "NFFileNew";
    el.center = document.createElement('div');
    el.center.className = "NFTextCenter";
    el.clone = document.createElement('input');
    el.clone.type = "text";
    el.clone.className = "NFText";
    el.clone.ref = el;
    el.left = document.createElement('img');
    el.left.src = imagesPath + "0.png";
    el.left.className = "NFTextLeft";
    el.button = document.createElement('img');
    el.button.src = imagesPath + "0.png";
    el.button.className = "NFFileButton";
    el.button.ref = el;
    el.button.onclick = function(){
        this.ref.click();
    }
    el.init = function(){
        var top = this.parentNode;
        if (this.previousSibling) {
            var where = this.previousSibling;
        }
        else {
            var where = top.childNodes[0];
        }
        top.insertBefore(this.dummy, where);
        this.dummy.appendChild(this);
        this.center.appendChild(this.clone);
        this.file.appendChild(this.center);
        this.file.insertBefore(this.left, this.center);
        this.file.appendChild(this.button);
        this.dummy.appendChild(this.file);
        this.className = "NFhidden";
        this.relatedElement = this.clone;
    }
    el.unload = function(){
        this.parentNode.parentNode.appendChild(this);
        this.parentNode.removeChild(this.dummy);
        this.className = this.oldClassName;
    }
    el.onchange = el.onmouseout = function(){
        this.relatedElement.value = this.value;
    }
    el.onfocus = function(){
        this.left.className = "NFTextLeft NFh";
        this.center.className = "NFTextCenter NFh";
        this.button.className = "NFFileButton NFh";
    }
    el.onblur = function(){
        this.left.className = "NFTextLeft";
        this.center.className = "NFTextCenter";
        this.button.className = "NFFileButton";
    }
    el.onselect = function(){
        this.relatedElement.select();
        this.value = '';
    }
}

function textarea(el){ //extend Textareas
    el.oldClassName = el.className;
    el.height = el.offsetHeight - textareaTopPadding;
    el.width = el.offsetWidth - textareaSidePadding;
    el.topLeft = document.createElement('img');
    el.topLeft.src = imagesPath + "0.png";
    el.topLeft.className = "NFTextareaTopLeft";
    el.topRight = document.createElement('div');
    el.topRight.className = "NFTextareaTop";
    el.bottomLeft = document.createElement('img');
    el.bottomLeft.src = imagesPath + "0.png";
    el.bottomLeft.className = "NFTextareaBottomLeft";
    el.bottomRight = document.createElement('div');
    el.bottomRight.className = "NFTextareaBottom";
    el.left = document.createElement('div');
    el.left.className = "NFTextareaLeft";
    el.right = document.createElement('div');
    el.right.className = "NFTextareaRight";
    el.init = function(){
        var top = this.parentNode;
        if (this.previousSibling) {
            var where = this.previousSibling;
        }
        else {
            var where = top.childNodes[0];
        }
        top.insertBefore(el.topRight, where);
        top.insertBefore(el.right, where);
        top.insertBefore(el.bottomRight, where);
        this.topRight.appendChild(this.topLeft);
        this.right.appendChild(this.left);
        this.right.appendChild(this);
        this.bottomRight.appendChild(this.bottomLeft);
        el.style.width = el.topRight.style.width = el.bottomRight.style.width = el.width + 'px';
        el.style.height = el.left.style.height = el.right.style.height = el.height + 'px';
        this.className = "NFTextarea";
    }
    el.unload = function(){
        this.parentNode.parentNode.appendChild(this);
        this.parentNode.removeChild(this.topRight);
        this.parentNode.removeChild(this.bottomRight);
        this.parentNode.removeChild(this.right);
        this.className = this.oldClassName;
        this.style.width = this.style.height = "";
    }
    el.onfocus = function(){
        this.topLeft.className = "NFTextareaTopLeft NFh";
        this.topRight.className = "NFTextareaTop NFhr";
        this.left.className = "NFTextareaLeftH";
        this.right.className = "NFTextareaRightH";
        this.bottomLeft.className = "NFTextareaBottomLeft NFh";
        this.bottomRight.className = "NFTextareaBottom NFhr";
    }
    el.onblur = function(){
        this.topLeft.className = "NFTextareaTopLeft";
        this.topRight.className = "NFTextareaTop";
        this.left.className = "NFTextareaLeft";
        this.right.className = "NFTextareaRight";
        this.bottomLeft.className = "NFTextareaBottomLeft";
        this.bottomRight.className = "NFTextareaBottom";
    }
}

function selects(el){ //extend Selects
    el.oldClassName = el.className;
    el.dummy = document.createElement('div');
    el.dummy.className = "NFSelect";
    el.dummy.style.width = el.offsetWidth + 'px';
    el.dummy.ref = el;
    el.left = document.createElement('img');
    el.left.src = imagesPath + "0.png";
    el.left.className = "NFSelectLeft";
    el.right = document.createElement('div');
    el.right.className = "NFSelectRight";
    el.txt = document.createTextNode(el.options[0].text);
    el.bg = document.createElement('div');
    el.bg.className = "NFSelectTarget";
    el.bg.style.display = "none";
    el.opt = document.createElement('ul');
    el.opt.className = "NFSelectOptions";
    //el.dummy.style.left = findPosX(el) + 'px';
    //el.dummy.style.top = findPosY(el) + 'px';
    el.opts = new Array(el.options.length);
    el.init = function(pos){
        this.dummy.appendChild(this.left);
        this.right.appendChild(this.txt);
        this.dummy.appendChild(this.right);
        this.bg.appendChild(this.opt);
        this.dummy.appendChild(this.bg);
        for (var q = 0; q < this.options.length; q++) {
            this.opts[q] = new option(this.options[q], q);
            this.opt.appendChild(this.options[q].li);
            this.options[q].lnk.onclick = function(){
                this._onclick();
                this.ref.dummy.getElementsByTagName('div')[0].innerHTML = this.ref.options[this.pos].text;
                this.ref.options[this.pos].selected = "selected";
                for (var w = 0; w < this.ref.options.length; w++) {
                    this.ref.options[w].lnk.className = "";
                }
                this.ref.options[this.pos].lnk.className = "NFOptionActive";
            }
        }
        if (this.options.selectedIndex) {
            this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[this.options.selectedIndex].text;
            this.options[this.options.selectedIndex].lnk.className = "NFOptionActive";
        }
        this.dummy.style.zIndex = 99 - pos;
        this.parentNode.insertBefore(this.dummy, this);
        this.className = "NFhidden";
    }
    el.unload = function(){
        this.parentNode.removeChild(this.dummy);
        this.className = this.oldClassName;
    }
    el.dummy.onclick = function(){
        var allDivs = document.getElementsByTagName('div');
        for (var q = 0; q < allDivs.length; q++) {
            if ((allDivs[q].className == "NFSelectTarget") && (allDivs[q] != this.ref.bg)) {
                allDivs[q].style.display = "none";
            }
        }
        if (this.ref.bg.style.display == "none") {
            this.ref.bg.style.display = "block";
        }
        else {
            this.ref.bg.style.display = "none";
        }
        if (this.ref.opt.offsetHeight > selectMaxHeight) {
            this.ref.bg.style.width = this.ref.offsetWidth - selectRightWidthScroll + 33 + 'px';
            this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthScroll + 'px';
        }
        else {
            this.ref.bg.style.width = this.ref.offsetWidth - selectRightWidthSimple + 33 + 'px';
            this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthSimple + 'px';
        }
    }
    el.bg.onmouseout = function(e){
        if (!e) 
            var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) 
            e.stopPropagation();
        var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
        if ((reltg.nodeName == 'A') || (reltg.nodeName == 'LI') || (reltg.nodeName == 'UL')) 
            return;
        if ((reltg.nodeName == 'DIV') || (reltg.className == 'NFSelectTarget')) 
            return;
        else {
            this.style.display = "none";
        }
    }
    el.dummy.onmouseout = function(e){
        if (!e) 
            var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) 
            e.stopPropagation();
        var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
        if ((reltg.nodeName == 'A') || (reltg.nodeName == 'LI') || (reltg.nodeName == 'UL')) 
            return;
        if ((reltg.nodeName == 'DIV') || (reltg.className == 'NFSelectTarget')) 
            return;
        else {
            this.ref.bg.style.display = "none";
        }
    }
    el.onfocus = function(){
        this.dummy.className += " NFfocused";
    }
    el.onblur = function(){
        this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");
    }
    el.onkeydown = function(e){
        if (!e) 
            var e = window.event;
        var thecode = e.keyCode;
        var active = this.selectedIndex;
        switch (thecode) {
            case 40: //down
                if (active < this.options.length - 1) {
                    for (var w = 0; w < this.options.length; w++) {
                        this.options[w].lnk.className = "";
                    }
                    var newOne = active + 1;
                    this.options[newOne].selected = "selected";
                    this.options[newOne].lnk.className = "NFOptionActive";
                    this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;
                }
                return false;
                break;
            case 38: //up
                if (active > 0) {
                    for (var w = 0; w < this.options.length; w++) {
                        this.options[w].lnk.className = "";
                    }
                    var newOne = active - 1;
                    this.options[newOne].selected = "selected";
                    this.options[newOne].lnk.className = "NFOptionActive";
                    this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;
                }
                return false;
                break;
            default:
                break;
        }
    }
}

function multiSelects(el){ //extend Multiple Selects
    el.oldClassName = el.className;
    el.height = el.offsetHeight;
    el.width = el.offsetWidth;
    el.topLeft = document.createElement('img');
    el.topLeft.src = imagesPath + "0.png";
    el.topLeft.className = "NFMultiSelectTopLeft";
    el.topRight = document.createElement('div');
    el.topRight.className = "NFMultiSelectTop";
    el.bottomLeft = document.createElement('img');
    el.bottomLeft.src = imagesPath + "0.png";
    el.bottomLeft.className = "NFMultiSelectBottomLeft";
    el.bottomRight = document.createElement('div');
    el.bottomRight.className = "NFMultiSelectBottom";
    el.left = document.createElement('div');
    el.left.className = "NFMultiSelectLeft";
    el.right = document.createElement('div');
    el.right.className = "NFMultiSelectRight";
    el.init = function(){
        var top = this.parentNode;
        if (this.previousSibling) {
            var where = this.previousSibling;
        }
        else {
            var where = top.childNodes[0];
        }
        top.insertBefore(el.topRight, where);
        top.insertBefore(el.right, where);
        top.insertBefore(el.bottomRight, where);
        this.topRight.appendChild(this.topLeft);
        this.right.appendChild(this.left);
        this.right.appendChild(this);
        this.bottomRight.appendChild(this.bottomLeft);
        el.style.width = el.topRight.style.width = el.bottomRight.style.width = el.width + 'px';
        el.style.height = el.left.style.height = el.right.style.height = el.height + 'px';
        el.className = "NFMultiSelect";
    }
    el.unload = function(){
        this.parentNode.parentNode.appendChild(this);
        this.parentNode.removeChild(this.topRight);
        this.parentNode.removeChild(this.bottomRight);
        this.parentNode.removeChild(this.right);
        this.className = this.oldClassName;
        this.style.width = this.style.height = "";
    }
    el.onfocus = function(){
        this.topLeft.className = "NFMultiSelectTopLeft NFh";
        this.topRight.className = "NFMultiSelectTop NFhr";
        this.left.className = "NFMultiSelectLeftH";
        this.right.className = "NFMultiSelectRightH";
        this.bottomLeft.className = "NFMultiSelectBottomLeft NFh";
        this.bottomRight.className = "NFMultiSelectBottom NFhr";
    }
    el.onblur = function(){
        this.topLeft.className = "NFMultiSelectTopLeft";
        this.topRight.className = "NFMultiSelectTop";
        this.left.className = "NFMultiSelectLeft";
        this.right.className = "NFMultiSelectRight";
        this.bottomLeft.className = "NFMultiSelectBottomLeft";
        this.bottomRight.className = "NFMultiSelectBottom";
    }
}

function option(el, no){ //extend Options
    el.li = document.createElement('li');
    el.lnk = document.createElement('a');
    el.lnk.href = "javascript:;";
    el.lnk.ref = el.parentNode;
    el.lnk.pos = no;
    el.lnk._onclick = el.onclick ||
    function(){
    };
    el.txt = document.createTextNode(el.text);
    el.lnk.appendChild(el.txt);
    el.li.appendChild(el.lnk);
}

//Get Position
function _findPosY(obj){
    var posTop = 0;
    do {
        posTop += obj.offsetTop;
    }
    while (obj = obj.offsetParent);
    return posTop;
}

function _findPosX(obj){
    var posLeft = 0;
    do {
        posLeft += obj.offsetLeft;
    }
    while (obj = obj.offsetParent);
    return posLeft;
}

function findPosY(obj){
    return obj.offsetTop;
}

function findPosX(obj){
    return obj.offsetLeft;
}



//Get Siblings
function getInputsByName(name){
    var inputs = document.getElementsByTagName("input");
    var w = 0;
    var results = new Array();
    for (var q = 0; q < inputs.length; q++) {
        if (inputs[q].name == name) {
            results[w] = inputs[q];
            ++w;
        }
    }
    return results;
}

//Add events
//var existingOnload = window.onload;
var existingLoadEvent = window.onload || function(){};
//var existingOnresize = window.onresize;
var existingResizeEvent = window.onresize || function(){};

window.onload = function(){
    /*if (existingOnload){
		existingLoadEvent();
	}
	*/
    NFInit();
}
window.onresize = function(){
    if (resizeTest != document.documentElement.clientHeight) {
	    /*
		if (existingOnresize){
			existingResizeEvent();
		}
		*/
        NFFix();
    }
    resizeTest = document.documentElement.clientHeight;
}