/*#############################################################
Name: Niceforms
Version: 2.0
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/projects/niceforms/

Feel free to use and modify but please this copyright intact.
#############################################################*/

//Theme Variables - edit these to match your theme
var imagesPath = "../images/";
var selectRightWidthSimple = 19;
var selectRightWidthScroll = 2;
var selectMaxHeight = 200;
var textareaTopPadding = 10;
var textareaSidePadding = 10;

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

//Initialization function
function NFInit() {
    try {
        document.execCommand('BackgroundImageCache', false, true);
    } catch(e) {}
    if(!document.getElementById) {return false;}
    NFStart();
}
function NFStart() { //Load Niceforms
    var niceforms = document.getElementsByTagName('form');
    var identifier = new RegExp('(^| )'+'niceform'+'( |$)');
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        var ieversion=new Number(RegExp.$1);
        if(ieversion < 7) {return false;} //exit script if IE6
        isIE = true;
    }
    //Separate and assign elements
    for(var q = 0; q < niceforms.length; q++) {
        if(identifier.test(niceforms[q].className)) {
            NF[q] = new niceform("NF"+q);
            var allInputs = niceforms[q].getElementsByTagName('input');
            for(var w = 0; w < allInputs.length; w++) {
                switch(allInputs[w].type) {
                    //case "text": case "password": {NF[q].add_inputText(allInputs[w]); break;}
                    case "radio": {NF[q].add_inputRadio(allInputs[w]); break;}
                    case "checkbox": {NF[q].add_inputCheck(allInputs[w]); break;}
                    //case "submit": case "reset": case "button": {NF[q].add_inputSubmit(allInputs[w]); break;}
                    //case "file": {NF[q].add_inputFile(allInputs[w]); break;}
                }
            }
            var allTextareas = niceforms[q].getElementsByTagName('textarea');
            for(var w = 0; w < allTextareas.length; w++) {
                NF[q].add_textarea(allTextareas[w]);
            }
            var allSelects = niceforms[q].getElementsByTagName('select');
            for(var w = 0; w < allSelects.length; w++) {
                NF[q].add_select(allSelects[w]);
            }
        }
    }
    //Begin
    for(var q = 0; q < NF.length; q++) {
        //for(w = 0; w < NF[q]._inputText.length; w++) {NF[q]._inputText[w].init();}
        for(w = 0; w < NF[q]._inputRadio.length; w++) {NF[q]._inputRadio[w].init();}
        for(w = 0; w < NF[q]._inputCheck.length; w++) {NF[q]._inputCheck[w].init();}
        //for(w = 0; w < NF[q]._inputSubmit.length; w++) {NF[q]._inputSubmit[w].init();}
        //for(w = 0; w < NF[q]._inputFile.length; w++) {NF[q]._inputFile[w].init();}
        //for(w = 0; w < NF[q]._textarea.length; w++) {NF[q]._textarea[w].init();}
        //for(w = 0; w < NF[q]._select.length; w++) {NF[q]._select[w].init(w);}
    }
}
function NFStop() { //unload Niceforms
    for(var q = 0; q < NF.length; q++) {
        for(w = 0; w < NF[q]._inputText.length; w++) {NF[q]._inputText[w].unload();}
        for(w = 0; w < NF[q]._inputRadio.length; w++) {NF[q]._inputRadio[w].unload();}
        for(w = 0; w < NF[q]._inputCheck.length; w++) {NF[q]._inputCheck[w].unload();}
        for(w = 0; w < NF[q]._inputSubmit.length; w++) {NF[q]._inputSubmit[w].unload();}
        for(w = 0; w < NF[q]._inputFile.length; w++) {NF[q]._inputFile[w].unload();}
        for(w = 0; w < NF[q]._textarea.length; w++) {NF[q]._textarea[w].unload();}
        for(w = 0; w < NF[q]._select.length; w++) {NF[q]._select[w].unload();}
    }
    for(var q = 0; q < NF.length; q++) {NF[q] = "";}
}
function NFFix() {
    NFStop();
    NFStart();
}
function niceform(NFname) {
    this.name = NFname;
    this._inputText = new Array(); this._inputRadio = new Array(); this._inputCheck = new Array(); this._inputSubmit = new Array(); this._inputFile = new Array(); this._textarea = new Array(); this._select = new Array();
    this.add_inputText = function(obj) {this._inputText[this._inputText.length] = obj; inputText(obj);}
    this.add_inputRadio = function(obj) {this._inputRadio[this._inputRadio.length] = obj; inputRadio(obj);}
    this.add_inputCheck = function(obj) {this._inputCheck[this._inputCheck.length] = obj; inputCheck(obj);}
    this.add_inputSubmit = function(obj) {this._inputSubmit[this._inputSubmit.length] = obj; inputSubmit(obj);}
    this.add_inputFile = function(obj) {this._inputFile[this._inputFile.length] = obj; inputFile(obj);}
    this.add_textarea = function(obj) {this._textarea[this._textarea.length] = obj; textarea(obj);}
    this.add_select = function(obj) {this._select[this._select.length] = obj; selects(obj);}
}
function inputText(el) { //extent Text inputs
    el.oldClassName = el.className;
    el.left = document.createElement('img');
    el.left.src = imagesPath + "input-left.png";
    el.left.className = "NFTextLeft";
    el.right = document.createElement('img');
    el.right.src = imagesPath + "input-right.png";
    el.right.className = "NFTextRight";
    el.onfocus = function() {
        this.className = "NFText NFh";
        this.left.className = "NFTextLeft NFh";
        this.right.className = "NFTextRight NFh";
    }
    el.onblur = function() {
        this.className = "NFText";
        this.left.className = "NFTextLeft";
        this.right.className = "NFTextRight";
    }
    el.init = function() {
        this.parentNode.insertBefore(this.left, this);
        this.parentNode.insertBefore(this.right, this.nextSibling);
        this.className = "NFText";
    }
    el.unload = function() {
        this.parentNode.removeChild(this.left);
        this.parentNode.removeChild(this.right);
        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 = findPosX(el) + 4 + 'px'; el.dummy.style.top = findPosY(el) + 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.gif";
    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('images');
    el.left.className = "NFButtonLeft";
    el.left.src = imagesPath + "blank.gif";
    el.right = document.createElement('images');
    el.right.src = imagesPath + "blank.gif";
    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.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.gif";
    el.left.className = "NFTextLeft";
    el.button = document.createElement('img');
    el.button.src = imagesPath + "0.gif";
    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.file.appendChild(this.clone);
        this.file.insertBefore(this.left, this.clone);
        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.clone.className = "NFText NFh";
        this.button.className = "NFFileButton NFh";
    }
    el.onblur = function() {
        this.left.className = "NFTextLeft";
        this.clone.className = "NFText";
        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.gif";
    el.topLeft.className = "NFTextareaTopLeft";
    el.topRight = document.createElement('div');
    el.topRight.className = "NFTextareaTop";
    el.bottomLeft = document.createElement('img');
    el.bottomLeft.src = imagesPath + "0.gif";
    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 = "NFTextareaLeft NFh";
        this.right.className = "NFTextareaRight NFhr";
        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.gif";
    el.left.className = "NFSelectLeft";
    el.right = document.createElement('div');
    el.right.className = "NFSelectRight";
    el.txt = document.createTextNode(el.options[0].text);
    el.opt = document.createElement('ul');
    el.opt.className = "NFSelectOptions";
    el.opt.style.display = "none";
    el.dummy.style.left = findPosX(el) + 'px';
    el.dummy.style.top = findPosY(el) + 'px';
    el.opts = new Array(el.options.length);
    el._onclick = el.onclick || function () {};
    el.init = function(pos) {
        this.dummy.appendChild(this.left);
        this.right.appendChild(this.txt);
        this.dummy.appendChild(this.right);
        this.dummy.appendChild(this.opt);
        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";
            }
        }
        this.dummy.style.zIndex = 999 - 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() {
        el._onclick();
        if(this.ref.opt.style.display == "none") {this.ref.opt.style.display = "block";}
        else {this.ref.opt.style.display = "none";}
        if(this.ref.opt.offsetHeight > selectMaxHeight) {this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthScroll + 'px';}
        else {this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthSimple + 'px';}
    }
    el.opt.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')) 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;
        else{this.ref.opt.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) {
                    var newOne = active + 1;
                    this.options[newOne].selected = "selected";
                    this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;
                }
                break;
            case 38: //up
                if(active > 0) {
                    var newOne = active - 1;
                    this.options[newOne].selected = "selected";
                    this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;
                }
                break;
            default:
                break;
        }
    }
}
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;
}
//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 existingLoadEvent = window.onload || function () {};
var existingResizeEvent = window.onresize || function() {};
window.onload = function () {
    existingLoadEvent();
    NFInit();
}
window.onresize = function() {
    existingResizeEvent();
    NFFix();
}