/*
Elm.js
Created 1/21/2009 by Dan Roentsch - Ogilvy
*/
function elm()
{  
  //array of made objects
    this.elms = [];
    //incrementing id for each made object
    this.elmId = 0;
}

//the enclosing method
elm.prototype.make = function(element_or_id) {
    var that = this;
    if (that.IsEmpty(element_or_id)) { return this; }
    var l = element_or_id;
    var ll = null;
    if (typeof (l) == "string") {
        ll = document.getElementById(l);
        if (ll === null) { return this; }
    }
    else {
        ll = l;
    }

    var theValue = null;
    var theValues = [];
    var isHidden = null;
    var regex = null;
    ll.isValid = true;
    ll.remove = function() {
        if (that.IsEmpty(this.parentNode)) { return this; }
        this.parentNode.removeChild(this);
    }
    ;
    ll.test = function(is_required) {
        var value = this.getValue();
        //the default is required
        is_required = (that.IsEmpty(is_required) || is_required === true);

        if (is_required === true) {
            if (that.IsEmpty(value) || value == "" || value == "NULL" || value === false) return false;
        }
        else {
            if (that.IsEmpty(value) || value == "" || value == "NULL" || value === false) return true;
        }

        if (!that.IsEmpty(regex)) {
            return regex.test(value)
        }
        return true;
    }
    ;
    ll.setRegex = function(regular_expression) {
        if (that.IsEmpty(regular_expression)) {
            regular_expression = null;
        }
        regex = regular_expression;
    }
    ;
    ll.getValue = function() {
        switch (this.tagName.toUpperCase()) {
            case "INPUT":
                if (this.getAttribute("type").toUpperCase() == "TEXT") return this.value;
                if (this.getAttribute("type").toUpperCase() == "RADIO") return this.checked;
                if (this.getAttribute("type").toUpperCase() == "CHECKBOX") return this.checked;
                break;
            case "SELECT":
                if (typeof (this.options) !== undefined && this.options !== null && this.selectedIndex !== null) {
                    return this.options[this.selectedIndex].value;
                }
                break;
            case "BUTTON":
                if (typeof (this.textContent) !== undefined && this.textContent !== null) return this.textContent;
                if (typeof (this.innerText) !== undefined && this.innerText !== null) return this.innerText;
                break;
            default:
                if (typeof (this.innerHTML) !== undefined && this.innerHTML !== null) return this.innerHTML;
        }
        return null;
    }
    ;
    ll.hasField = function(data_field) {
        if (that.IsEmpty(data_field)) { return false; }
        if (that.IsEmpty(this.DataFields.length) || this.DataFields.length == 0) { return false; }
        var casedDF = data_field.toUpperCase();
        for (var i = 0; i < this.DataFields.length; i++) {
            if (this.DataFields[i].toUpperCase() == casedDF) { return true; }
        }
        return false;
    }
    ;
    ll.getPredicate = function() {
        //prefix is expected to be "pred:"
        for (var i = 0; i < this.DataFields.length; i++) {
            var field = this.DataFields[i];
            if (field.toUpperCase().indexOf("PRED:") != -1) {
                var s = field.split(":");
                if (that.IsEmpty(s.length)) return null;
                return s[1];
            }
        }
    }
    ;
    ll.setStyle = function(attrib_value) {
        if (that.IsEmpty(attrib_value)) return null;

        var styleString = null;
        var styleName = null;
        var styleValue = null;
        var camelize = function(a) {
            a = a.toLowerCase();
            var dash = a.indexOf("-");
            var camel = a;
            var humper = null;
            if (dash != -1) {
                humper = a.split("-");
                var hump = humper[1].toUpperCase().charAt(0);
                var rest = humper[1].substring(1);
                camel = humper[0] + hump + rest;
            }
            return camel;
        }
        //if it's a string
        if (typeof (attrib_value) == "string") {
            //if it's multiple styles
            var splitPos = attrib_value.indexOf(";");
            if (splitPos != -1 && splitPos < attrib_value.length + 1) {
                attrib_value = attrib_value.split(";");
            }
            else {
                //if it's one style.
                styleString = attrib_value.replace(";", "");
                styleName = camelize(styleString.split(":")[0]);

                styleValue = styleString.split(":")[1];
                this.style[styleName] = styleValue;
                return this;
            }
        }

        //if it's an array
        if (typeof (attrib_value) == "object") {
            for (var i = 0; i < attrib_value.length; i++) {
                styleString = attrib_value[i].replace(";", "");
                styleName = camelize(styleString.split(":")[0]);
                styleValue = styleString.split(":")[1];
                this.style[styleName] = styleValue;
            }
            return this;
        }
    }
    ;
    ll.setValue = function(attrib_name, attrib_value) {
        if (attrib_name.toUpperCase() == "STYLE") {
            this.setStyle(attrib_value);
            return this;
        }

        if (that.IsEmpty(attrib_value)) {
            this.setViewValue(attrib_name);
            return this;
        }

        var attr = document.createAttribute(attrib_name);
        attr.nodeValue = attrib_value;

        try {
            this.setAttributeNode(attr);
        }
        catch (err) {
            ;
        }
        return this;
    }
    ;
    ll.setViewValue = function(in_value) {
        switch (this.tagName.toUpperCase()) {
            case "INPUT":
                if (this.getAttribute("type").toUpperCase() == "TEXT") this.value = in_value;
                if (this.getAttribute("type").toUpperCase() == "RADIO") this.checked = in_value;
                if (this.getAttribute("type").toUpperCase() == "CHECKBOX") this.checked = in_value;
                break;
            case "SELECT":
                this.options[this.selectedIndex].value = in_value;
                break;
            case "BUTTON":
                if (typeof (this.textContent) !== undefined && this.textContent !== null) this.textContent = in_value;
                if (typeof (this.innerText) !== undefined && this.innerText !== null) this.innerText = in_value;
                break;
            default:
                if (typeof (this.innerHTML) !== undefined && this.innerHTML !== null) this.innerHTML = in_value;
        }
        return this;
    }
    ;
    ll.setClass = function(attrib_value) {
        if (that.IsEmpty(attrib_value)) return null;
        if (this.usesClass(attrib_value)) return;
        this.setValue("class", this.theValues.join(" ") + attrib_value);
    }
    ;
    ll.pushStyle = function(property_name, property_value) {
        if (that.IsEmpty(property_name)) { return; }
        if (that.IsEmpty(property_value)) { return; }
        var trim = /^\s+|\s+$/g;

        var pn = property_name.replace(trim, "");

        var pv = typeof (property_value) == "string" ? property_value.replace(trim, "") : property_value;

        this.setStyle(pn + ":" + pv);
    }
    ;
    //pushStyles pushes an array of style objects
    //each style object must consist of a name property and a value property
    ll.pushStyles = function(style_array) {
        if (that.IsEmpty(style_array)) return;
        if (typeof (style_array) != "object") return;
        for (var i = 0; i < style_array.length; i++) {
            if (!that.IsEmpty(style_array[i].name) && !that.IsEmpty(style_array[i].value)) {
                this.pushStyle(style_array[i].name, style_array[i].value);
            }
        }
    }
    ;
    // pushValue()
    ll.hide = function() {
        //this.pushStyle("display","none");
        this.pushStyle("visibility", "hidden");
        isHidden = true;
        return;
    }
    ;
    // hide()
    ll.show = function() {
        //this.pushStyle("display","none");
        this.pushStyle("visibility", "visible");
        isHidden = false;
        return;
    }
    ;
    // show()
    ll.showHide = function() {
        if (isHidden) this.show();
        else this.hide();
        return;
    }
    ;
    //addText.  Add text to a given element, append that element to this element.
    //style = optional style to add
    //returnHTML = true if you want the HTML added to the innerHTML rather than created
    //              as a text node
    ll.addText = function(text_to_add, element_type, style, returnHTML) {

        if (that.IsEmpty(text_to_add)) return;
        var HasElementType = !(that.IsEmpty(element_type));
        var HasStyle = !(that.IsEmpty(style));
        var IsStyleArray = (HasStyle && typeof (style) == "object");
        //explicit and implicit HTML detected
        if (that.IsEmpty(returnHTML)) {
            if ((text_to_add.indexOf("<") == -1 || text_to_add.indexOf(">") == -1)) {
                returnHTML = false;
            }
            else {
                returnHTML = true;
            }
        }
        var tn = document.createTextNode(text_to_add);
        var theNode = tn;
        if (HasElementType) {
            var et = document.createElement(element_type);
            et.appendChild(tn);
            theNode = et;
        }
        if (!returnHTML) {
            this.appendChild(theNode);
        }
        var a_node = that.make(theNode);
        if (IsStyleArray) {
            for (var i = 0; i < style.length; i++) {
                a_node.pushStyle(style[i].name, style[i].value);
            }
        }
        else {
            if (HasStyle) {
                a_node.setStyle(style);
            }
        }
        if (!returnHTML) return a_node;
        this.innerHTML += a_node.innerHTML;
    }
    ;
    ll.addElement = function(element_type, style) {
        if (that.IsEmpty(element_type)) return;
        var HasStyle = !(that.IsEmpty(style));
        var IsStyleArray = (HasStyle && typeof (style) == "object");
        var theNode = document.createElement(element_type);
        this.appendChild(theNode);
        var a_node = that.make(theNode);
        if (IsStyleArray) {
            for (var i = 0; i < style.length; i++) {
                a_node.pushStyle(style[i].name, style[i].value);
            }
        }
        else {
            if (HasStyle) {
                a_node.setStyle(style);
            }
        }
        return a_node;
    }
    ;
    ll.moveTo = function(x_pos, y_pos) {
        this.positioning(x_pos, y_pos, "absolute");
        return;
    }
    ;
    ll.offsetTo = function(x_pos, y_pos) {
        this.positioning(x_pos, y_pos, "relative");
        return;
    }
    ;
    ll.positioning = function(x_pos, y_pos, position_type) {
        if (that.IsEmpty(x_pos) || that.IsEmpty(y_pos) || that.IsEmpty(position_type)) return;
        var x = x_pos;
        var y = y_pos;

        this.pushStyle("position", position_type);
        this.pushStyle("top", y + "px");
        this.pushStyle("left", x + "px");

        return;
    }
	;
    ll.addSelectors = function() {
        //associate any number of strings with the variable.
        if (arguments.length > 1) {
            if (that.IsEmpty(this.DataFields)) this.DataFields = [];
            var ary = Array.prototype.slice.call(arguments);
            for (var i = 0; i < ary.length; i++) {
                this.DataFields.push(ary[i]);
            }
        }
    }
	;
    ll.elmId = this.elmId;
    ll.DataFields = [];
    // build the userid array
    if (arguments.length > 1) {
        var ary = Array.prototype.slice.call(arguments);
        ll.DataFields = ary.slice(1);
    }
    this.elmId++;
    this.elms.push(ll);

    return ll;
}

// end make()
elm.prototype.showHideAll = function()
{
    for (i=0;i<this.elms.length;i++)
    {
        this.elms[i].showHide();
    }
}
elm.prototype.select = function(data_field)
{
    if (this.IsEmpty(data_field)) return this.wrapArray(this.elms);

    var return_array = [];
    for (i=0;i<this.elms.length;i++)
    {
        if (typeof(this.elms[i].DataFields) !== "undefined") var df = this.elms[i].DataFields;
        if (df != null)
        {
            for (var j = 0; j < df.length; j++)
            {
                if (df[j] == data_field) return_array.push(this.elms[i]);
            }
        }
    }

    if (return_array.length==1)
    {
        return return_array[0];
    }
    return this.wrapArray(return_array);
}    
elm.prototype.selectClass = function(class_name)
{
    if (this.IsEmpty(class_name)) return this.wrapArray(this.elms);
    var return_array = [];
    for (i=0;i<this.elms.length;i++)
    {
        if (this.elms[i].usesClass(class_name)) return_array.push(this.elms[i]);
    }
    return this.wrapArray(return_array);
}
elm.prototype.selectById = function(field)
{
    if (this.IsEmpty(field)) return null;
    if (this.IsEmpty(this.elms) || this.elms.length == 0) return null; 

    var return_array = [];
    for (i=0;i<this.elms.length;i++)
    {
        if (this.elms[i].id.toUpperCase == field.toUpperCase()) return this.elms[i];
    }
    return null;
}    
elm.prototype.wrapArray = function(raw_array)
{
    var that = this;
    if (typeof(raw_array) != "object")
    {
        return null;
    }
    var r = raw_array;
    r.test = function(is_required, regular_expression)
    {
        if (that.IsEmpty(regular_expression))
        {
            regular_expression = null;
        }
        if (that.IsEmpty(is_required))
        {
            is_required = true;
        }
        for (i=0;i<this.length;i++)
        {
            this[i].test(is_required, regular_expression);
        }
    }
    ;
    r.select = function(data_field)
    {
        if (that.IsEmpty(data_field)) return that.wrapArray(this);

        var return_array = [];
        for (i=0;i<this.length;i++)
        {
            if (typeof(this[i].DataFields) !== "undefined") var df = this[i].DataFields;
            if (df != null)
            {
                for (var j = 0; j < df.length; j++)
                {
                    if (df[j] == data_field) return_array.push(this[i]);
                }
            }
        }
        if (return_array.length==1)
        {
            return return_array[0];
        }
        return that.wrapArray(return_array);
    }
    ;
    r.setValue = function(attrib_name, attrib_value)
    {
        if (that.IsEmpty(attrib_name)) return this;
        if (that.IsEmpty(attrib_value))
        {
            for (i=0;i<this.length;i++)
            {
                this[i].setValue(attrib_name);
            }
        }
        else
        {
            for (i=0;i<this.length;i++)
            {
                this[i].setValue(attrib_name, attrib_value);
            }
        }
        return this;
    }
    ;
    //THE LINE
    //toggle display all elements in the array
    r.showHide = function()
    {            
        for (i=0;i<this.length;i++)
        {
            this[i].showHide();
        }
    }
    ;
    r.show = function()
    {            
        for (i=0;i<this.length;i++)
        {
            this[i].show();
        }
    }
    ;
    r.hide = function()
    {            
        for (i=0;i<this.length;i++)
        {
            this[i].hide();
        }
    }
    ;
    //set a style on all elements in the array
    r.setStyle = function(attrib_value)
    {
        if (that.IsEmpty(attrib_value)) return;
        for (i=0;i<this.length;i++)
        {
            this[i].setStyle(attrib_value);
        }            
    }
    ;
    //get the first element of an array
    r.first = function()
    {
        if (that.IsEmpty(this[0])) return null;
        return this[0];
    }
    ;
    //get the first element of an array
    r.pushStyle = function(property_name, property_value)
    {
        if (that.IsEmpty(property_name) || that.IsEmpty(property_value)) return null;
        for (i=0;i<this.length;i++)
        {
            this[i].pushStyle(property_name, property_value);
        }            
    }
    ;
    r.moveTo = function(x_pos,y_pos)
    {
        if (that.IsEmpty(x_pos) || that.IsEmpty(y_pos)) return null;
        for (i=0;i<this.length;i++)
        {
			this[i].moveTo(x_pos, y_pos);			
        }            
		return;
    }
    ;
    r.offsetTo = function(x_pos,y_pos)
    {
        if (that.IsEmpty(x_pos) || that.IsEmpty(y_pos)) return null;
        for (i=0;i<this.length;i++)
        {
			this[i].offsetTo(x_pos, y_pos);			
        }            
		return;
    }
    ;
    r.IsWrapped = true;
    return r;
}
elm.prototype.IsEmpty = function(test_var)
{
    if (typeof(test_var) === "undefined") return true;
    if (test_var === null) return true;
    if (test_var == "null") return true;
    return false;
}
elm.prototype.addText = function(text_to_add, element_type, style)
{
    if (this.IsEmpty(text_to_add)) return;
    var HasElementType = !(this.IsEmpty(element_type));
    var HasStyle = !(this.IsEmpty(style));
    var IsStyleArray = (HasStyle && typeof(style) == "object");
    var tn = document.createTextNode(text_to_add);
    var theNode = tn;
    if (HasElementType)
    {
        var et = document.createElement(element_type);
        et.appendChild(tn);
        theNode = et;
    }
    var a_node = this.make(theNode);
    if (IsStyleArray)
    {
		for (var i = 0; i < style.length; i++)
		{
			a_node.pushStyle(style[i].name,style[i].value);
		}
    }
    else
    {
		if (HasStyle)
		{
			a_node.setStyle(style);                
		}
    }
    return a_node;
}