if (!AJAX) { var AJAX	= {}; }

 AJAX.isBETA	= 0;

 AJAX.normalizeForIE	= function() {
	if (window.ActiveXObject && !window.XMLHttpRequest) {
		window.XMLHttpRequest = function() {
			var msxmls = new Array(
				'Msxml2.XMLHTTP.5.0',
				'Msxml2.XMLHTTP.4.0',
				'Msxml2.XMLHTTP.3.0',
				'Msxml2.XMLHTTP',
				'Microsoft.XMLHTTP');
			for (var i = 0; i < msxmls.length; i++) {
				try {
					return new ActiveXObject(msxmls[i]);
				} catch (e) {
				}
			}
			return null;
		};
	}
 };

 AJAX.getJSON = function (script,variablestr,callback) {
	var req	= new XMLHttpRequest();
//	req.callback	= callback;
	req.onreadystatechange = function() {
		if (req.readyState == 4) { if (req.status == 200) {
//alert(callback.toString());
			if (typeof(callback) == "function") {
				callback(eval("(" + req.responseText + ")"));
			} else if (callback.callback) {
				callback.callback(eval("(" + req.responseText + ")"));
			}
		} }
	};
	req.open('POST', script, true);
	req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	var isbetastr	= (variablestr) ? "&isBETA=" + AJAX.isBETA : "isBETA=" + AJAX.isBETA;
//DEBUGPANE.innerHTML	+= "variables = " + variablestr + isbetastr + "\n";
	req.send(variablestr + isbetastr);
 };

 AJAX.getJSON2 = function (script,variablestr,callback,callbackfname) {
    /*
     *  If callback is an instance method, then 'this' will
     *  not work inside of the callback.
     *  However, you can define 'var self = this;' in your object,
     *  and callback can reference 'self.'
     *
     *  You can also change this function to call 'callback.call(instance,req.responseText)'
     *  but you have to pass the instance to this fcn so it knows how to call it
     *  http://onemarco.com/2008/11/12/callbacks-and-binding-and-callback-arguments-and-references/
     */
	if (!callbackfname) { callbackfname = "callback"; }
	var req	= new XMLHttpRequest();
//	req.callback	= callback;
	req.onreadystatechange = function() {
		if (req.readyState == 4) { if (req.status == 200) {
//alert(callback.toString());
			if (typeof(callback) == "function") {
				callback(eval("(" + req.responseText + ")"));
			} else if (callback[callbackfname]) {
				callback[callbackfname](eval("(" + req.responseText + ")"));
			}
		} }
	};
	req.open('POST', script, true);
	req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	var isbetastr	= (variablestr) ? "&isBETA=" + AJAX.isBETA : "isBETA=" + AJAX.isBETA;
//DEBUGPANE.innerHTML	+= "variables = " + variablestr + isbetastr + "\n";
	req.send(variablestr + isbetastr);
 };

 AJAX.getXML = function (script,variablestr,callback) {
	var req	= new XMLHttpRequest();
//	req.callback	= callback;
	req.onreadystatechange = function() {
							     if (req.readyState == 4) { if (req.status == 200) {
									callback(eval(req.responseXML));
//									req.callback(eval(req.responseText));
							     } }
							    };
	req.open('POST', script, true);
	req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	var isbetastr	= (variablestr) ? "&isBETA=" + AJAX.isBETA : "isBETA=" + AJAX.isBETA;
//DEBUGPANE.innerHTML	+= "variables = " + variablestr + isbetastr + "\n";
	req.send(variablestr + isbetastr);
 };

 AJAX.createSRCtag   = function(srcURL,variablestr) {
    var logintag    = document.createElement("SCRIPT");
	if (variablestr) {
		variablestr	+= "&isBETA=" + AJAX.isBETA;
	} else {
		variablestr	= "isBETA=" + AJAX.isBETA;
	}
    logintag.src    = srcURL + "?" + variablestr;
//DEBUGPANE.innerHTML	+= "src = " + logintag.src + "\n";// variablestr = " + variablestr + " isbetastr = " + isbetastr;
    document.getElementsByTagName("HEAD")[0].appendChild(logintag);
 };

 AJAX.require	= function(srcURL,variablestr) {
/*
	if (variablestr) {
		variablestr	+= "&isBETA=" + AJAX.isBETA;
	} else {
		variablestr	= "isBETA=" + AJAX.isBETA;
	}
*/
	if (variablestr) {
    	srcURL	+= "?" + variablestr;
	}
	var currtags	= document.getElementsByTagName("script");
	for (var tIdx = 0; tIdx < currtags.length; tIdx++) {
		if (currtags[tIdx].src == srcURL) {
			return;
		}
	}
    var logintag    = document.createElement("script");
	logintag.src	= srcURL;
    document.getElementsByTagName("head")[0].appendChild(logintag);
	return;
 };

 AJAX.normalizeForIE();
/*
    json.js
    2009-04-18

    Public Domain

    No warranty expressed or implied. Use at your own risk.

    This file has been superceded by http://www.JSON.org/json2.js

    See http://www.JSON.org/js.html

    This code should be minified before deployment.
    See http://javascript.crockford.com/jsmin.html

    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
    NOT CONTROL.

    This file adds these methods to JavaScript:

        object.toJSONString(whitelist)
            This method produce a JSON text from a JavaScript value.
            It must not contain any cyclical references. Illegal values
            will be excluded.

            The default conversion for dates is to an ISO string. You can
            add a toJSONString method to any date object to get a different
            representation.

            The object and array methods can take an optional whitelist
            argument. A whitelist is an array of strings. If it is provided,
            keys in objects not found in the whitelist are excluded.

        string.parseJSON(filter)
            This method parses a JSON text to produce an object or
            array. It can throw a SyntaxError exception.

            The optional filter parameter is a function which can filter and
            transform the results. It receives each of the keys and values, and
            its return value is used instead of the original value. If it
            returns what it received, then structure is not modified. If it
            returns undefined then the member is deleted.

            Example:

            // Parse the text. If a key contains the string 'date' then
            // convert the value to a date.

            myData = text.parseJSON(function (key, value) {
                return key.indexOf('date') >= 0 ? new Date(value) : value;
            });

    This file will break programs with improper for..in loops. See
    http://yuiblog.com/blog/2006/09/26/for-in-intrigue/

    This file creates a global JSON object containing two methods: stringify
    and parse.

        JSON.stringify(value, replacer, space)
            value       any JavaScript value, usually an object or array.

            replacer    an optional parameter that determines how object
                        values are stringified for objects. It can be a
                        function or an array of strings.

            space       an optional parameter that specifies the indentation
                        of nested structures. If it is omitted, the text will
                        be packed without extra whitespace. If it is a number,
                        it will specify the number of spaces to indent at each
                        level. If it is a string (such as '\t' or '&nbsp;'),
                        it contains the characters used to indent at each level.

            This method produces a JSON text from a JavaScript value.

            When an object value is found, if the object contains a toJSON
            method, its toJSON method will be called and the result will be
            stringified. A toJSON method does not serialize: it returns the
            value represented by the name/value pair that should be serialized,
            or undefined if nothing should be serialized. The toJSON method
            will be passed the key associated with the value, and this will be
            bound to the object holding the key.

            For example, this would serialize Dates as ISO strings.

                Date.prototype.toJSON = function (key) {
                    function f(n) {
                        // Format integers to have at least two digits.
                        return n < 10 ? '0' + n : n;
                    }

                    return this.getUTCFullYear()   + '-' +
                         f(this.getUTCMonth() + 1) + '-' +
                         f(this.getUTCDate())      + 'T' +
                         f(this.getUTCHours())     + ':' +
                         f(this.getUTCMinutes())   + ':' +
                         f(this.getUTCSeconds())   + 'Z';
                };

            You can provide an optional replacer method. It will be passed the
            key and value of each member, with this bound to the containing
            object. The value that is returned from your method will be
            serialized. If your method returns undefined, then the member will
            be excluded from the serialization.

            If the replacer parameter is an array of strings, then it will be
            used to select the members to be serialized. It filters the results
            such that only members with keys listed in the replacer array are
            stringified.

            Values that do not have JSON representations, such as undefined or
            functions, will not be serialized. Such values in objects will be
            dropped; in arrays they will be replaced with null. You can use
            a replacer function to replace those with JSON values.
            JSON.stringify(undefined) returns undefined.

            The optional space parameter produces a stringification of the
            value that is filled with line breaks and indentation to make it
            easier to read.

            If the space parameter is a non-empty string, then that string will
            be used for indentation. If the space parameter is a number, then
            the indentation will be that many spaces.

            Example:

            text = JSON.stringify(['e', {pluribus: 'unum'}]);
            // text is '["e",{"pluribus":"unum"}]'


            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'

            text = JSON.stringify([new Date()], function (key, value) {
                return this[key] instanceof Date ?
                    'Date(' + this[key] + ')' : value;
            });
            // text is '["Date(---current time---)"]'


        JSON.parse(text, reviver)
            This method parses a JSON text to produce an object or array.
            It can throw a SyntaxError exception.

            The optional reviver parameter is a function that can filter and
            transform the results. It receives each of the keys and values,
            and its return value is used instead of the original value.
            If it returns what it received, then the structure is not modified.
            If it returns undefined then the member is deleted.

            Example:

            // Parse the text. Values that look like ISO date strings will
            // be converted to Date objects.

            myData = JSON.parse(text, function (key, value) {
                var a;
                if (typeof value === 'string') {
                    a =
/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
                    if (a) {
                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
                            +a[5], +a[6]));
                    }
                }
                return value;
            });

            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
                var d;
                if (typeof value === 'string' &&
                        value.slice(0, 5) === 'Date(' &&
                        value.slice(-1) === ')') {
                    d = new Date(value.slice(5, -1));
                    if (d) {
                        return d;
                    }
                }
                return value;
            });


    This is a reference implementation. You are free to copy, modify, or
    redistribute.
*/

/*jslint evil: true */

/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
    lastIndex, length, parse, parseJSON, prototype, push, replace, slice,
    stringify, test, toJSON, toJSONString, toString, valueOf
*/


// Create a JSON object only if one does not already exist. We create the
// methods in a closure to avoid creating global variables.

//JSON = JSON || {};
if (typeof(JSON) == 'undefined') { JSON = {}; }

(function () {

    function f(n) {
        // Format integers to have at least two digits.
        return n < 10 ? '0' + n : n;
    }

    if (typeof Date.prototype.toJSON !== 'function') {

        Date.prototype.toJSON = function (key) {

            return this.getUTCFullYear()   + '-' +
                 f(this.getUTCMonth() + 1) + '-' +
                 f(this.getUTCDate())      + 'T' +
                 f(this.getUTCHours())     + ':' +
                 f(this.getUTCMinutes())   + ':' +
                 f(this.getUTCSeconds())   + 'Z';
        };

        String.prototype.toJSON =
        Number.prototype.toJSON =
        Boolean.prototype.toJSON = function (key) {
            return this.valueOf();
        };
    }

    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
        gap,
        indent,
        meta = {    // table of character substitutions
            '\b': '\\b',
            '\t': '\\t',
            '\n': '\\n',
            '\f': '\\f',
            '\r': '\\r',
            '"' : '\\"',
            '\\': '\\\\'
        },
        rep;


    function quote(string) {

// If the string contains no control characters, no quote characters, and no
// backslash characters, then we can safely slap some quotes around it.
// Otherwise we must also replace the offending characters with safe escape
// sequences.

        escapable.lastIndex = 0;
        return escapable.test(string) ?
            '"' + string.replace(escapable, function (a) {
                var c = meta[a];
                return typeof c === 'string' ? c :
                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
            }) + '"' :
            '"' + string + '"';
    }


    function str(key, holder) {

// Produce a string from holder[key].

        var i,          // The loop counter.
            k,          // The member key.
            v,          // The member value.
            length,
            mind = gap,
            partial,
            value = holder[key];

// If the value has a toJSON method, call it to obtain a replacement value.

        if (value && typeof value === 'object' &&
                typeof value.toJSON === 'function') {
            value = value.toJSON(key);
        }

// If we were called with a replacer function, then call the replacer to
// obtain a replacement value.

        if (typeof rep === 'function') {
            value = rep.call(holder, key, value);
        }

// What happens next depends on the value's type.

        switch (typeof value) {
        case 'string':
            return quote(value);

        case 'number':

// JSON numbers must be finite. Encode non-finite numbers as null.

            return isFinite(value) ? String(value) : 'null';

        case 'boolean':
        case 'null':

// If the value is a boolean or null, convert it to a string. Note:
// typeof null does not produce 'null'. The case is included here in
// the remote chance that this gets fixed someday.

            return String(value);

// If the type is 'object', we might be dealing with an object or an array or
// null.

        case 'object':

// Due to a specification blunder in ECMAScript, typeof null is 'object',
// so watch out for that case.

            if (!value) {
                return 'null';
            }

// Make an array to hold the partial results of stringifying this object value.

            gap += indent;
            partial = [];

// Is the value an array?

            if (Object.prototype.toString.apply(value) === '[object Array]') {

// The value is an array. Stringify every element. Use null as a placeholder
// for non-JSON values.

                length = value.length;
                for (i = 0; i < length; i += 1) {
                    partial[i] = str(i, value) || 'null';
                }

// Join all of the elements together, separated with commas, and wrap them in
// brackets.

                v = partial.length === 0 ? '[]' :
                    gap ? '[\n' + gap +
                            partial.join(',\n' + gap) + '\n' +
                                mind + ']' :
                          '[' + partial.join(',') + ']';
                gap = mind;
                return v;
            }

// If the replacer is an array, use it to select the members to be stringified.

            if (rep && typeof rep === 'object') {
                length = rep.length;
                for (i = 0; i < length; i += 1) {
                    k = rep[i];
                    if (typeof k === 'string') {
                        v = str(k, value);
                        if (v) {
                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
                        }
                    }
                }
            } else {

// Otherwise, iterate through all of the keys in the object.

                for (k in value) {
                    if (Object.hasOwnProperty.call(value, k)) {
                        v = str(k, value);
                        if (v) {
                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
                        }
                    }
                }
            }

// Join all of the member texts together, separated with commas,
// and wrap them in braces.

            v = partial.length === 0 ? '{}' :
                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
                        mind + '}' : '{' + partial.join(',') + '}';
            gap = mind;
            return v;
        }
    }

// If the JSON object does not yet have a stringify method, give it one.

    if (typeof JSON.stringify !== 'function') {
        JSON.stringify = function (value, replacer, space) {

// The stringify method takes a value and an optional replacer, and an optional
// space parameter, and returns a JSON text. The replacer can be a function
// that can replace values, or an array of strings that will select the keys.
// A default replacer method can be provided. Use of the space parameter can
// produce text that is more easily readable.

            var i;
            gap = '';
            indent = '';

// If the space parameter is a number, make an indent string containing that
// many spaces.

            if (typeof space === 'number') {
                for (i = 0; i < space; i += 1) {
                    indent += ' ';
                }

// If the space parameter is a string, it will be used as the indent string.

            } else if (typeof space === 'string') {
                indent = space;
            }

// If there is a replacer, it must be a function or an array.
// Otherwise, throw an error.

            rep = replacer;
            if (replacer && typeof replacer !== 'function' &&
                    (typeof replacer !== 'object' ||
                     typeof replacer.length !== 'number')) {
                throw new Error('JSON.stringify');
            }

// Make a fake root object containing our value under the key of ''.
// Return the result of stringifying the value.

            return str('', {'': value});
        };
    }


// If the JSON object does not yet have a parse method, give it one.

    if (typeof JSON.parse !== 'function') {
        JSON.parse = function (text, reviver) {

// The parse method takes a text and an optional reviver function, and returns
// a JavaScript value if the text is a valid JSON text.

            var j;

            function walk(holder, key) {

// The walk method is used to recursively walk the resulting structure so
// that modifications can be made.

                var k, v, value = holder[key];
                if (value && typeof value === 'object') {
                    for (k in value) {
                        if (Object.hasOwnProperty.call(value, k)) {
                            v = walk(value, k);
                            if (v !== undefined) {
                                value[k] = v;
                            } else {
                                delete value[k];
                            }
                        }
                    }
                }
                return reviver.call(holder, key, value);
            }


// Parsing happens in four stages. In the first stage, we replace certain
// Unicode characters with escape sequences. JavaScript handles many characters
// incorrectly, either silently deleting them, or treating them as line endings.

            cx.lastIndex = 0;
            if (cx.test(text)) {
                text = text.replace(cx, function (a) {
                    return '\\u' +
                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
                });
            }

// In the second stage, we run the text against regular expressions that look
// for non-JSON patterns. We are especially concerned with '()' and 'new'
// because they can cause invocation, and '=' because it can cause mutation.
// But just to be safe, we want to reject all unexpected forms.

// We split the second stage into 4 regexp operations in order to work around
// crippling inefficiencies in IE's and Safari's regexp engines. First we
// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
// replace all simple value tokens with ']' characters. Third, we delete all
// open brackets that follow a colon or comma or that begin the text. Finally,
// we look to see that the remaining characters are only whitespace or ']' or
// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.

            if (/^[\],:{}\s]*$/.
test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {

// In the third stage we use the eval function to compile the text into a
// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
// in JavaScript: it can begin a block or an object literal. We wrap the text
// in parens to eliminate the ambiguity.

                j = eval('(' + text + ')');

// In the optional fourth stage, we recursively walk the new structure, passing
// each name/value pair to a reviver function for possible transformation.

                return typeof reviver === 'function' ?
                    walk({'': j}, '') : j;
            }

// If the text is not JSON parseable, then a SyntaxError is thrown.

            throw new SyntaxError('JSON.parse');
        };
    }
}());


// Augment the basic prototypes if they have not already been augmented.
// These forms are obsolete. It is recommended that JSON.stringify and
// JSON.parse be used instead.

if (!Object.prototype.toJSONString) {
    Object.prototype.toJSONString = function (filter) {
        return JSON.stringify(this, filter);
    };
    Object.prototype.parseJSON = function (filter) {
        return JSON.parse(this, filter);
    };
}
function popWindow(popupid,locobj) {
    var popup   = document.getElementById(popupid);
    var tmp = (locobj) ? locobj : popup;
    var objLeft = tmp.offsetLeft - tmp.scrollLeft;
    var objTop  = tmp.offsetTop - tmp.scrollTop;
//DEBUGPANE.innerHTML += "\n\nPopping " + popupid + " -> " + tmp.id + "\n";
//DEBUGPANE.innerHTML += "findPos:" + findPos(tmp) + "\n";
//DEBUGPANE.innerHTML	+= "obj: " + tmp.id + "\t" + tmp.scrollTop + "\n";
    while ((tmp=tmp.offsetParent) != null) {
//DEBUGPANE.innerHTML	+= "obj: " + tmp.id + "\t" + tmp.scrollTop + "\n";
        objLeft += tmp.offsetLeft;
        objLeft -= tmp.scrollLeft;
        objTop  += tmp.offsetTop;
		objTop	-= tmp.scrollTop;
		if (tmp.style.position	== "absolute") {
//DEBUGPANE.innerHTML	+= "Found absolute node: " + tmp.id + " is offset by: " + tmp.offsetLeft + "x" + tmp.offsetTop + "\n";
			break;
		}
    }
    popup.style.display = "";
    popup.style.position = "absolute";
    popup.style.left = objLeft + "px";
    popup.style.top = objTop + "px";
//DEBUGPANE.innerHTML	+= "Setting: " + popup.id + " to: " + objLeft + "x" + objTop + "\n";
    return popup;
 }

 function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
 }

 function unpopWindow(popupid) {
    document.getElementById(popupid).style.display = "none";
 }

function getPosition(element)
{

//var element = document.getElementById(elementId);
var left = 0;
var top = 0;
	
if (element != null)
{
    // Try because sometimes errors on offsetParent after DOM changes.
    try
    {
        while (element.offsetParent)
        {
            // While we haven't got the top element in the DOM hierarchy
            // Add the offsetLeft
            left += element.offsetLeft;
            // If my parent scrolls, then subtract the left scroll position
            if (element.offsetParent.scrollLeft) {left -= element.offsetParent.scrollLeft; }
	
            // Add the offsetTop
            top += element.offsetTop;
            // If my parent scrolls, then subtract the top scroll position
            if (element.offsetParent.scrollTop) { top -= element.offsetParent.scrollTop; }
	
            // Grab
            element = element.offsetParent;
        }
    }
    catch (e)
    {
        // Do nothing
    }
	
    // Add the top element left offset and the windows left scroll and subtract the body's client left position.
    left += element.offsetLeft + document.body.scrollLeft - document.body.clientLeft;
	/*
     * Add the top element topoffset and the windows topscroll and subtract the body's client top position.
	 */
    top += element.offsetTop + document.body.scrollTop - document.body.clientTop;
	}
	return {x:left, y:top};

}


function TabbedDisplay() {

 this.toString	= function() { return "[object MISHAP.TabbedDisplay]"; };

 this.targdiv;
 this.tabstable;
 this.slidesdiv;
 this.Slides	= [];
 this.position	= "top";
 this.style	= "tabbed";
 this.borders	= "1";

 this.init	= function() {
	this.targdiv.className	+= " tabbeddisplay " + this.style;
	var gridtable	= document.createElement("table");
	gridtable.className	+= " tabgrid " + this.position + " " + this.style;
	gridtable.cellSpacing	= "0px";
	gridtable.cellPadding	= "0px";
	var tabsdiv	= document.createElement("div");
	var tabstable	= document.createElement("table");
	var slidesdiv	= document.createElement("div");
	this.tabstable	= tabstable;
	this.slidesdiv	= slidesdiv;
	tabstable.className	+= " "+this.position;
	this.targdiv.className	+= " " + this.position + " " + this.style;
	tabstable.cellSpacing = "0px";
	tabstable.cellPadding = "0px";
	tabsdiv.className	+= " tabgroup";
	slidesdiv.className	+= ' tabSlides';
	var tabsCell;
	var slideCell;
	if (this.position == "left") {
		var row1	= gridtable.insertRow(-1);
		tabsCell	= row1.insertCell(-1);
		slideCell	= row1.insertCell(-1);
	} else {
		var row1	= gridtable.insertRow(-1);
		var row2	= gridtable.insertRow(-1);
		tabsCell	= row1.insertCell(-1);
		slideCell	= row2.insertCell(-1);
	}
	tabsCell.className += ' '+this.position + " tabsCell" + " " + this.style;
	tabsCell.appendChild(tabsdiv);
	slideCell.className += " slidesCell";
	tabsdiv.appendChild(tabstable);
	slideCell.appendChild(slidesdiv);
	this.targdiv.appendChild(gridtable);
	tabstable.insertRow(-1);
//	activateSlide(0);
 };

 this.addSlide	= function(obj) {
	var label	= obj.label;
	var slideid	= obj.slideid || "slide" + label.replace(/\s+/g,"");
	var slide	= obj.slide || document.getElementById(slideid) || document.createElement('div');
	var onclick	= obj.onclick || function() { return 0; };
	var tabid	= "tab" + label.replace(/\s+/g,"");
	var tablinkid	= "tablink" + label.replace(/\s+/g,"");
	var tabRow	= this.tabstable.rows[0];
	if (this.position == "left") {
		tabRow	= this.tabstable.insertRow(-1);
	} else {
	}
	var tab	= tabRow.insertCell(-1);
	tab.className	+= " tab";
	var tabDiv	= document.createElement('div');
	var tabLink	= document.createElement('a');
	tabDiv.className	+= ' tab';
	tabDiv.id	= tabid;
	tabLink.href	= "javascript:void(0)";
	tabLink.className	+= " tab tablink tablabel";
//	tabLink.innerHTML	= label;
	tabLink.appendChild(document.createTextNode(label));
	tabDiv.appendChild(tabLink);
	tab.appendChild(tabDiv);
	this.slidesdiv.appendChild(slide);
	slide.className	+= ' slide';
	slide.id	= slideid;
	slide.tab	= tab;
	slide.activate	= function() { this.tab.onclick(); };
	tab.slide	= slide;
	tab.link	= tabLink;
	tab.Slides	= this.Slides;
	tab.afterclick	= onclick;
	tab.onclick	= this._onclickTab;
	this.Slides.push({"label":label,"tab":tab,"slide":slide,"onclick":onclick});
//	tab.className = tab.className.replace(/ ?disabled/ig,"");
	return slide;
 };

 this.activateSlide	= function(n) {
	for (var sIdx = 0; sIdx < Slides.length; sIdx++) {
		Slides[sIdx].tab.className += Slides[sIdx].tab.className.replace(/ ?disabled/ig,"");
		if (n != sIdx) { 
			Slides[sIdx].tab.className	+= " disabled";
		}
	}
	Slides[n].tab.onclick();
 };

 this.getSlideByLabel	= function(tablabel) {
	for (var sIdx = 0; sIdx < this.Slides.length; sIdx++) {
		if (this.Slides[sIdx].label == tablabel) {
			return this.Slides[sIdx];
		}
	}
	return 0;
 };

 this._onclickTab	= function() {
	if (this.className.match(/disabled/)) { return; }
	for (var sIdx = 0; sIdx < this.Slides.length; sIdx++) {
		var currTab = this.Slides[sIdx].tab;
		if (currTab) {
			currTab.className	= currTab.className.replace(/ ?selected/g,"");
		}
		var currSlide = this.Slides[sIdx].slide;
		if (currSlide) {
			currSlide.style.display	= "none";
		}
	}
	this.className	+= " selected";
	this.slide.style.display = "";
	this.link.blur();
	this.afterclick();
 };

 return this;

};
var PageData	= {

 toString	: function() { return "[object PageData]"; },

 iconpath	: "/Icons",

 data	: [],
 divids	: [],

 vieweditdiv	: "",
 statusdelay : 5,

 tagName	: { 
	bardiv : "bardiv",
	contentdiv : "content"
 },

 geticonpath	: function() { return this.iconpath; },

 saveimgsrc	: "/media-floppy.gif",

 thisurl : window.location.href.replace(/\?.*$/,"").replace(/\#.*$/,"").replace(/\/$/,""),

 init	: function() {
//	var editableDivs	= document.getElementsByTagName("PageData");
	for (var eIdx = 0; eIdx < PageData.divids.length; eIdx++) {
		var div	= document.getElementById(PageData.divids[eIdx]);
		if (div) {
			PageData.initDiv(div);
		}
	}
	PageData.setupEditLink();
	PageData.getPageData();
//DEBUGPANE.innerHTML	+= escape(PageData.thisurl) + "\n";
 },

 prepTarg	: function(args) {
	var dataobj	= args.dataobj;
	var targdiv	= args.targdiv;
	var style	= args.style || "";
	if (!targdiv) { targdiv = dataobj.targetDiv; }
	if (!targdiv) { return 0; }
	if (!dataobj.targetDiv) { dataobj.targetDiv = targdiv; }
	targdiv.dataobj = dataobj;
	targdiv.style.display	= "";
	targdiv.className	= targdiv.className.replace(/ ?edit| ?view/g,"");
	targdiv.className	+= " " + style;
	var bardiv = targdiv.getElementsByTagName("Bardiv")[0];
	if (bardiv) {
		bardiv.className	= bardiv.className.replace(/ ?edit| ?view/g,"");
		bardiv.className	+= " " + style;
	}
	var contentdiv = targdiv.getElementsByTagName("Content")[0] || targdiv;
	contentdiv.className += ' content';
	dataobj.contentdiv = contentdiv;
	dataobj.displayDiv = contentdiv;
	contentdiv.dataobj	= dataobj;
	PageData.clearElements(contentdiv);
	return contentdiv;
 },

 initDiv	: function(div) {
//	var oldHTML	= div.innerHTML;
	var dataobj	= div.dataobj;
	if (typeof(dataobj) == "undefined") {
		dataobj	= new PageData.DataObj();
		dataobj.data.divid	= div.id;
		dataobj.data.page	= PageData.thisurl;
		div.dataobj	= dataobj;
		div.className	+= " Object";
	}
	if (!div.className.match("PageData")) { div.className	+= " PageData"; }
	var bardiv	= div.getElementsByTagName("bardiv")[0];
	var contentdiv	= div.getElementsByTagName("content")[0];
	if (!bardiv) {
		bardiv = document.createElement(PageData.tagName.bardiv);
	}
	if (!contentdiv) {
		contentdiv = document.createElement(PageData.tagName.contentdiv);
		contentdiv.className = 'content';
		var nodelength = div.childNodes.length;
		for (var nIdx = 0; nIdx < nodelength; nIdx++) {
			contentdiv.appendChild(div.childNodes[0]);
		}
//		contentdiv.innerHTML = oldHTML;
	}
//	div.innerHTML = "";
	div.appendChild(bardiv);
	div.appendChild(contentdiv);
	div.bardiv	= bardiv;
	div.contentdiv	= contentdiv;
	PageData.makeEditableDiv(div);
	return div;
 },

 addListObj	: function(divid) {
	var div	= document.getElementById(divid);
	var ListObj	= new PageData.ObjList(divid);
	if (div) {
		div.dataobj	= ListObj;
		div.className	+= " List";
	}
	return ListObj;
 },

// this function can be overloaded if you don't want to load from the standard PageData structure.
 getPageData	: function() {
	AJAX.createSRCtag("/js-bin/getPageData.js","page=" + escape(PageData.thisurl));
 },

 gotPageData	: function(dataarr) {
	if (PageData.clearonnodata) {
		for (var eIdx = 0; eIdx < PageData.divids.length; eIdx++) {
		var div	= document.getElementById(PageData.divids[eIdx]);
		if (!div) { continue; }
		var targdiv	= div.getElementsByTagName("Content")[0];
		if (!targdiv) { continue; }
		PageData.clearElements(targdiv);
//		targdiv.innerHTML	= "";
		}
	}
	if (!dataarr) { return; }
	for (var dIdx = 0; dIdx < dataarr.length; dIdx++) {
		var thedata	= dataarr[dIdx];
		var divid	= thedata.divid;
		var div	= document.getElementById(divid);
		if (!div) { continue; }
		if (!div.dataobj) { PageData.initDiv(div); }
		if (div.dataobj == "[object PageData.ObjList]") {
			PageData.gotListData([thedata],divid);
			continue;
		}
		div.dataobj.data	= thedata;
		var bardiv				= div.bardiv || div.getElementsByTagName("bardiv")[0];
		bardiv.className		= bardiv.className.replace(/ ?view| ?edit/g,"");
		bardiv.className		+= " view";
		var contentdiv			= div.contentdiv || div.getElementsByTagName("content")[0];
		contentdiv.className	= contentdiv.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " view";
		div.dataobj.toHTML();
	}
 },

 gotListData	: function(dataobj,divid) {
//DEBUGPANE.innerHTML += "gotListData(" + divid + "," + dataobj.toJSONString() + ")<br>\n";
	if (!dataobj) { return 0; }
	if (!divid) { return 0; }
	var dataarr	= [];
	var success = dataobj.success;
	if (dataobj.stat == 'ok') { success = 1; }
	if (success && dataobj.data) {
		dataarr = dataobj.data;
	} else {
		dataarr = dataobj;
	}
	var div	= document.getElementById(divid);
	if (!div) { alert("Got data, but can't figure out where to put it"); return 0; }
	var listobj	= div.dataobj;
	listobj.targetDiv = div;
	if (listobj != "[object PageData.ObjList]") { return 0; }
/* not sure if I want this
	if (PageData.clearonnodata) {
		for (var eIdx = 0; eIdx < PageData.listids.length; eIdx++) {
		var div	= document.getElementById(PageData.divids[eIdx]);
		var targdiv	= div.getElementsByTagName("Content")[0];
		targdiv.innerHTML	= "";
		}
	}
*/
	for (var dIdx = 0; dIdx < dataarr.length; dIdx++) {
		listobj.addObj(dataarr[dIdx]);
	}
	listobj.toHTML();
	PageData.ongotListData(dataarr,divid);
 },

 ongotListData : function(dataarr,divid) {},

 setvieweditDIV	: function(div) {
	PageData.vieweditdiv	= div;
 },

// this string can be overloaded if you don't want to save to the standard PageData structure.
 saveurl	: "/cgi-bin/savepagedata",

 hideEditLink	: function() {
	PageData.vieweditdiv.style.display = "none";
 },

 showEditLink	: function() {
	PageData.vieweditdiv.style.display = "";
 },

 setupEditLink	: function() {
	if (!PageData.vieweditdiv) { return; }
	var editlink	= document.createElement("A");
	editlink.href	= "javascript:void(0)";
	editlink.onclick	= PageData._setbodyshowhide;
	editlink.className	= "show";
	editlink.action	= "show";
//	editlink.innerHTML	= "edit";
	editlink.appendChild(document.createTextNode("edit"));
	var viewlink	= document.createElement("A");
	viewlink.href	= "javascript:void(0)";
	viewlink.onclick	= PageData._setbodyshowhide;
	viewlink.className	= "hide";
	viewlink.action	= "hide";
	viewlink.appendChild(document.createTextNode("view"));
	PageData.vieweditdiv.appendChild(editlink);
	PageData.vieweditdiv.appendChild(viewlink);
	viewlink.onclick();
 },

 _setbodyshowhide	: function() {
	var div	 = document.getElementsByTagName("BODY")[0];
	if (!div) { return 0; }
	div.className	= div.className.replace(/ ?hide/,"");
	div.className	= div.className.replace(/ ?show/,"");
	div.className	+= " " + this.action;
 },

 setvieworedit	: function(vieworedit) {
	var div	 = document.getElementsByTagName("BODY")[0];
	if (!div) { return 0; }
	div.className	= div.className.replace(/ ?hide/g,"");
	div.className	= div.className.replace(/ ?show/g,"");
	div.className	+= " " + vieworedit;
 },

 setvieworeditdiv	: function(vieworedit,div) {
	if (!div) { return 0; }
	var bardiv = div.getElementsByTagName("bardiv")[0] || div;
	bardiv.className	= bardiv.className.replace(/ ?view/g,"");
	bardiv.className	= bardiv.className.replace(/ ?edit/g,"");
	bardiv.className	+= " " + vieworedit;
 },

 savePageData	: function(args) {
	var dataobj	= args.dataobj || this.targdiv.dataobj;
	var saveurl	= args.saveurl || dataobj.saveurl;
	var callstr2 = args.callstr2;
	var dataobj2 = args.dataobj2 || this.targdiv.dataobj;
	var varstr	= args.varstr;
	var thisservername = PageData.thisurl.replace(/^https?:\/\//g,"").replace(/\/.*/g,"");
	var postservername = saveurl.replace(/^https?:\/\//g,"").replace(/\/.*/g,"") || thisservername;
	var callback	= args.callback || PageData.onPageDataSave;
	var callstr	= args.callstr || "PageData.onPageDataSave";
	var method	= args.method || (thisservername == postservername) ? "POST" : "GET";
	var variablestr	= "page=" + PageData.thisurl + "&json=" + escape(dataobj.data.toJSONString().replace(/\+/g,"%2B")).replace(/\%252B/g,"%2B");
	if (varstr) { variablestr += "&" + varstr; }
//	if (!variablestr.match("&c=")) { if (!(method == "POST")) { variablestr	+= "&c=" + callstr; } }
	if (method == "POST") {
		if (callstr2) { 
//alert(dataobj2.toString()+"."+callstr2+"("+saveurl+"?"+variablestr+");");
			AJAX.getJSON2(saveurl,variablestr,dataobj2,callstr2);
		} else {
			AJAX.getJSON(saveurl,variablestr,callback);
		}
	} else {
		if (!variablestr.match("&c=")) { variablestr += "&c=" + callstr; }
		AJAX.createSRCtag(saveurl,variablestr);
	}
 },

 makeEditable : function() {
	for (var eIdx = 0; eIdx < PageData.divids.length; eIdx++) {
		var div	= document.getElementById(PageData.divids[eIdx]);
		PageData.makeEditableDiv(div);
	}
 },

 makeEditableDiv : function(div) {
//alert(div.tagName + "#" + div.id + "." + div.className);
	var bardiv	= div.bardiv || div.getElementsByTagName("bardiv")[0];
	if (!bardiv) { return; }
	PageData.clearElements(bardiv);
//	bardiv.innerHTML	= "";
	var bar;
	if (div.dataobj == "[object PageData.ObjList]") {
		bar = PageData.createListBarDiv(div);
	} else {
//alert(div.dataobj + "\n" + div.dataobj.saveurl);
		bar = PageData.createBarDiv(div,div.dataobj.saveurl);//,div.dataobj.getsavevariablestr());
	}
//	if (PageData.vieweditdiv) {
		bardiv.appendChild(bar);
		bardiv.className	+= " view";
//	} else {
		/* Stupid IE6 */
//		var ie6hoverwrapper	= document.createElement("A");
//		ie6hoverwrapper.href="javascript:void(0)";
//		bardiv.appendChild(ie6hoverwrapper);
//		ie6hoverwrapper.appendChild(bar);
//	}
	return div;
 },

 createListBarDiv	: function(targdiv) {
	/*
 	 *	Create button bar
 	 */
	var bar	= document.createElement("TABLE");
	bar.id	= 'buttonbardiv';
	bar.className	= 'buttonbardiv';
	var barrow	= bar.insertRow(-1);
	var cell	= barrow.insertCell(-1);
	var addnewimg	= document.createElement("IMG");
	cell.className	= "clickable";
	cell.targdiv	= targdiv;
	addnewimg.border	= 0;
	cell.defaultstyle = targdiv.dataobj.defaultstyle;
	addnewimg.src	= this.geticonpath() + "/icon_addprofile_22x16.gif";
	addnewimg.alt	= "Add New";
	cell.title	= "Add New";
	var addnewtext	= document.createElement("SPAN");
	addnewtext.appendChild(document.createTextNode(" Add"));
//	addnewtext.innerHTML =	"&nbsp; Add";
	cell.onclick	= function() {
		var slideObj;
		if (this.targdiv.dataobj.style == "tabbed") {
			var slideObj = this.targdiv.dataobj.getSlideSelected();
		}
		var lObj = this.targdiv.dataobj.addObj();
		this.targdiv.dataobj.toHTML();
// this needs to be rewritten.
// the reason it does not work is because the above toHTML statement 
// erases the instance of slideObj and creates a new one
// To do this properly, you should only refresh the one slide
		if (slideObj) {
			slideObj.slide.activate();
		}
/*
		if (this.defaultstyle) { lObj.data.style = this.defaultstyle; }
		var oIdx	= this.targdiv.dataobj.dataObjects.length - 1;
		var shade = (oIdx/2 == parseInt(oIdx/2));
		var displayDiv	= this.targdiv.dataobj.addObjDiv(lObj,shade);
//		lObj.targetDiv = this.objdisplayDiv || displayDiv;
		var bardiv				= displayDiv.getElementsByTagName("bardiv")[0];
		bardiv.className		= bardiv.className.replace(/ ?view| ?edit/g,"");
		bardiv.className		+= " edit";
		var contentdiv			= displayDiv.getElementsByTagName("content")[0];
		contentdiv.className	= contentdiv.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " edit";
*/
		lObj.toEDIT();
//		this.targdiv.dataobj.toHTML();
	};
	cell.appendChild(addnewimg);
	cell.appendChild(addnewtext);
	var cell	= barrow.insertCell(-1);
	var refreshimg	= document.createElement("IMG");
	refreshimg.height = 16;
	refreshimg.width = 16;
	cell.className	= "clickable";
	cell.targdiv	= targdiv;
	refreshimg.border	= 0;
	cell.defaultstyle = targdiv.dataobj.defaultstyle;
	refreshimg.src	= this.geticonpath() + "/reload.png";
	refreshimg.alt	= "refresh list with current data";
	cell.title	= "Refresh list with current data.	\nDisplayed data is not neccesarily saved.";
//	refreshimg.innerHTML	= "refresh";
	var refreshtext	= document.createElement("SPAN");
	refreshtext.appendChild(document.createTextNode(" Refresh"));
//	refreshtext.innerHTML =	"&nbsp; Refresh";
	cell.onclick	= function() {
		var slideObj = this.targdiv.dataobj.getSlideSelected();
		this.targdiv.dataobj.toHTML();
		if (slideObj) {
			slideObj.tab.onclick();
		}
	};
	cell.appendChild(refreshimg);
	cell.appendChild(refreshtext);
	var cell	= barrow.insertCell(-1);
	var reloadimg	= document.createElement("IMG");
	reloadimg.height = 16;
	reloadimg.width = 16;
	cell.className	= "clickable";
	cell.targdiv	= targdiv;
	reloadimg.border	= 0;
	cell.defaultstyle = targdiv.dataobj.defaultstyle;
	reloadimg.src	= this.geticonpath() + "/reload_linux.png";
	reloadimg.alt	= "reload list with current data";
	cell.title	= "Reload data from server.	\nUnsaved changes will be lost.";
//	reloadimg.innerHTML	= "reload";
	var reloadtext	= document.createElement("SPAN");
	reloadtext.appendChild(document.createTextNode(" Reload"));
//	reloadtext.innerHTML =	"&nbsp; Reload";
	cell.onclick	= function() {
		this.targdiv.dataobj.dataObjects = [];
		this.targdiv.dataobj.getListData();
	};
	cell.appendChild(reloadimg);
	cell.appendChild(reloadtext);
	return bar;
 },

 createBarDiv	: function(targdiv,saveurl,savevariablestr) {
	var bardiv	= targdiv.bardiv || targdiv.getElementsByTagName("bardiv")[0];
	/*
 	 *	Create button bar
 	 */
	var bar	= document.createElement('div');
	bar.id	= 'buttonbardiv';
	bar.className	= 'bar';
//	var barrow	= bar.insertRow(-1);
	//
 	//	Create Save button
 	//
	var saveimg	= document.createElement("IMG");
	saveimg.targdiv	= targdiv;
	saveimg.alt	= "save";
	saveimg.title	= "Save Changes";
	saveimg.src	= targdiv.dataobj.saveimgsrc || targdiv.saveimgsrc || PageData.geticonpath() + PageData.saveimgsrc;
//alert("setting " + targdiv.tagName + "#" + targdiv.id + "." + targdiv.className.replace(/\s+/,".") + " : " + targdiv.dataobj);
	saveimg.id	= 'saveimg';
	saveimg.className	= "clickable save";
	saveimg.savePageData	= PageData.savePageData;
	saveimg.saveurl	= saveurl || PageData.saveurl;
	saveimg.bardiv	= bardiv;
//	saveimg.variablestr	= savevariablestr || "";
//	saveimg.currPic	= PICLIST.currPic;
//DEBUGPANE.innerHTML += targdiv.id + ": saveurl=" + saveurl + "\n";
//DEBUGPANE.innerHTML += "\t" + targdiv.dataobj + ": saveurl=" + targdiv.dataobj.saveurl + "\n";
	saveimg.onclick	= function() { 
		var statusdiv = this.targdiv.statusdiv;
		if (!statusdiv) { statusdiv = PageData.alertbox; }
		if (statusdiv) {
			PageData.clearElements(statusdiv);
			statusdiv.appendChild(document.createTextNode('Saving . . . .'));
		}
		this.targdiv.dataobj["_edited"]	= 0;
		if (this.bardiv) {
			this.bardiv.className	= this.bardiv.className.replace(/ ?changed/g,"");
		}
		var saveurl	= this.targdiv.dataobj.saveurl || this.saveurl || PageData.saveurl;
//alert("function not yet implemented\nsaveurl: " + saveurl + "\ndataobj: " + this.targdiv.dataobj);
//return;
		var variablestr	= this.targdiv.dataobj.getsavevariablestr() || "";
		this.targdiv.className	= this.targdiv.className.replace(/ changed/g,"");
		var args = {
			dataobj2:this.targdiv.dataobj,
			saveurl:saveurl,
			varstr:variablestr
		}
		var callback = this.targdiv.dataobj.callback;
		if (callback) { 
			args.callback = callback; 
			args.callstr2 = "callback"; 
		}
		this.savePageData(args);
	};
	targdiv.saveimg	= saveimg;
	targdiv.savePageData	= PageData.savePageData;
	targdiv.saveurl	= saveurl || PageData.saveurl;
	targdiv.save	= function() {
		this.saveimg.onclick();
/*
		var saveurl	= this.dataobj.saveurl || this.saveurl || PageData.saveurl;
		var variablestr	= this.dataobj.getsavevariablestr() || "";
		this.className	= this.className.replace(/ changed/g,"");
		this.savePageData(saveurl,variablestr);
 */
	};
	var savecell	= bar.appendChild(document.createElement('div'));
	savecell.className	= "save";
	savecell.className += " barcell";
	savecell.appendChild(saveimg);
	//
 	//	Create View button
 	//
	var viewimg	= document.createElement("IMG");
	viewimg.alt	= "view";
	viewimg.title	= "View";
	viewimg.targdiv	= targdiv;
	viewimg.src	= this.geticonpath() + "/video-display.gif";
	viewimg.id	= 'viewimg';
	viewimg.className	= "clickable " ;//+ targdiv.dataobj.style;
//	viewimg.currPic	= targdiv.currPic;
	viewimg.onclick	= function() {
		var bardiv	= this.targdiv.bardiv || this.targdiv.getElementsByTagName("bardiv")[0];
		bardiv.className	= bardiv.className.replace(/ ?view| ?edit/g,"");
		bardiv.className	+= " view";
		var contentdiv	= this.targdiv.contentdiv || this.targdiv.getElementsByTagName("content")[0];
		contentdiv.className	= contentdiv.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " view";
		this.targdiv.dataobj.toHTML(this.targdiv);
	};
	targdiv.viewimg	= viewimg;
	//
 	//	Create Edit button
 	//
	var editimg	= document.createElement("IMG");
	editimg.alt	= "edit";
	editimg.targdiv	= targdiv;
	editimg.title	= "Edit This";
	editimg.src	= this.geticonpath() + "/blog.gif";
	editimg.id	= 'editimg';
	editimg.className	= "clickable " ;//+ targdiv.dataobj.style;
//	editimg.currPic	= targdiv.currPic;
	editimg.onclick	= function() {
		var bardiv	= this.targdiv.bardiv || this.targdiv.getElementsByTagName("bardiv")[0];
		if (bardiv.className == undefined) { bardiv.className = ""; }
		bardiv.className	= bardiv.className.replace(/ ?view| ?edit/g,"");
		bardiv.className	+= " edit";
		var contentdiv	= this.targdiv.contentdiv || this.targdiv.getElementsByTagName("content")[0];
		if (contentdiv.className == undefined) { contentdiv.className = ""; }
		contentdiv.className	= contentdiv.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " edit";
		this.targdiv.dataobj.toEDIT(this.targdiv);
	};
	targdiv.editimg	= editimg;
	var vieweditcell	= bar.appendChild(document.createElement('div'));
	vieweditcell.className	= 'view';
	vieweditcell.className += ' barcell';
	vieweditcell.id	= 'vieweditcell';
	vieweditcell.appendChild(viewimg);
	vieweditcell.appendChild(editimg);
//	targdiv.appendChild(bar);
	return bar;
 },

 applyEditTags	: function(targdiv) {
 	/*
 	 *	Apply onclick event to all EDIT tags
 	 */
 	var edittags = targdiv.getElementsByTagName("EDIT");
	var addimgtags = targdiv.getElementsByTagName("ADDIMG");
	var delimgtags = targdiv.getElementsByTagName("DELIMG");
 	for (var eIdx = 0; eIdx < edittags.length; eIdx++) {
		var edittag	= edittags[eIdx];
		edittag.displayDiv	= targdiv;
		if (!edittag.type) { edittag.type = "text"; }
		if (edittag.type == "text") {
			if (!edittag.value) {
				edittag.className	+= " blank";
			}
		} else if (edittag.type == "calendar") {
			edittag.title = "click to add date";
			edittag.className += " clickable";
			if (!edittag.innerHTML) {
//				edittag.innerHTML = "click to add date";
				edittag.appendChild(document.createTextNode("click to add date"));
				edittag.className	+= " blank";
			}
		} else if (edittag.type == "img") {
			PageData.clearElements(edittag);
//			edittag.innerHTML	= "";
			var img	= document.createElement("IMG");
			img.src	= edittag.src;
			img.className	= edittag.className;
			edittag.appendChild(img);
		} else if (edittag.type == "upload") {
			edittag.title	= "click to upload";
			edittag.className += " clickable";
			if (!edittag.value) {
				edittag.appendChild(document.createTextNode("click to upload"));
//				edittag.innerHTML = "click to upload";
				edittag.className	+= " blank";
			}
		} else if (edittag.type == "none") {
			edittag.title	= "";
			edittag.className = edittag.className.replace(/ ?clickable/g,"");
		}
// 		edittag.onclick	= PageData._editField;
 		edittag.data	= targdiv.dataobj.data;
		edittag.dataobj	= targdiv.dataobj;
		var inputit	= PageData.createeditField(edittag);
		if (inputit) {
			PageData.clearElements(edittag);
            if (edittag.type == 'taglist') {
                edittag.inputit = inputit;
                edittag.onclick = function() { this.inputit.focus(); };
                edittag.className += ' tagdiv';
                var taglistdiv = document.createElement('div');
                taglistdiv.className = 'taglist';
/*
                edittag.style.border = 'solid thin black';
                edittag.style.cursor = 'text';
                edittag.style.overflow = 'auto';
                edittag.style.width = edittag.width;
                inputit.style.border = 'none';
                inputit.style.float = 'left';
*/
                edittag.appendChild(taglistdiv);
            }
//			edittag.innerHTML	= "";
            var context = document.createElement('div');
            context.className = 'context';
            context.id = edittag.id+'context';
            context.appendChild(document.createTextNode(edittag.inputdata.Context.text));
            context.style.color = edittag.inputdata.Context.color;
            edittag.contextdiv = context;
            if (edittag.inputdata.Context.hide == true) {
                context.style.visibility = 'hidden';
                edittag.onmouseover = function() { this.contextdiv.style.visibility = 'visible'; }
                edittag.onmouseout = function() { this.contextdiv.style.visibility = 'hidden'; }
            }
            if (edittag.inputdata.Context.placement == 'above') {
     			edittag.appendChild(context);
     			edittag.appendChild(inputit);
            } else if (edittag.inputdata.Context.placement == 'below') {
     			edittag.appendChild(inputit);
     			edittag.appendChild(context);
            } else {
     			edittag.appendChild(inputit);
            }
            inputit.title = edittag.inputdata.Title;
            if (edittag.type == 'taglist') {
                var delim = edittag.delim;
                if (inputit.value) {
                    var tags = inputit.value.split(delim);
                    if (!delim) { tags = [ inputit.value ]; }
                    for (var t=0;t<tags.length;t++) {
                        inputit.addTag(tags[t]);
                    }
                    inputit.value = '';
                }
            }
			if (inputit.tagName.match(/^textarea$/i)) {
				PageData.getResizeButtons(inputit);
			}
		}
 	}
	for (var aIdx = 0; aIdx < addimgtags.length; aIdx++) {
		var imgtag	= addimgtags[aIdx];
		var img = document.createElement("IMG");
		imgtag.className	= "clickable";
		img.src = imgtag.src;
		imgtag.appendChild(img);
	}
	for (var dIdx = 0; dIdx < delimgtags.length; dIdx++) {
		var imgtag	= delimgtags[dIdx];
		var img = document.createElement("IMG");
		img.src = imgtag.src;
		imgtag.appendChild(img);
	}
 },

 createeditField	: function(edittag) {
	if (!edittag.datapath) { alert("Mike needs to add a datapath to this element"); return; }
	var inputtype = "span";
	if (edittag.type == "text") {
		inputtype = (edittag.rows == 1) ? "input" : "textarea";
	} else if (edittag.type == "radio") {
		inputtype = "form";
    } else if (edittag.type == "taglist") { 
        inputtype = "input";
	} else if (edittag.type == "drop") {
		inputtype = "form";
	}
 	var inputit	= document.createElement(inputtype);
	inputit.className	= edittag.type;
	inputit.id	= edittag.id + "input";
	inputit.value	= eval("edittag.data." + edittag.datapath);
	if (edittag.type == "radio") {
		var options	= edittag.options.split(/,/);
		for (var oIdx = 0; oIdx < options.length; oIdx++) {
			var radio	= document.createElement("input");
			var radiolabel	= document.createElement("span");
			radio.type	= "radio";
			radio.name = edittag.id + "input";
			radio.value	= options[oIdx];
			radio.textObj	= edittag;
			radio.onclick	= function() {
//alert(this.name + "\n" + this.form.innerHTML);
//				this.checked	= true;
				for (var iIdx = 0; iIdx < this.form[this.name].length; iIdx++) {
					this.form[this.name][iIdx].checked = (this.form[this.name][iIdx] == this);
				}
				var datapath	= this.textObj.datapath;
				var value	= this.value;
 				eval("this.textObj.data." + datapath + "=" + value.toJSONString());
			};
			radio.checked = (radio.value == inputit.value);
			radiolabel.appendChild(document.createTextNode(radio.value));
//			radiolabel.innerHTML	= radio.value;
			inputit.appendChild(radio);
			inputit.appendChild(radiolabel);
			if (!inputit[radio.name]) { 
//				alert('creating inputit Array()'); 
				inputit[radio.name] = new Array();
			}
//			inputit[radio.name].push(radio);
		}
	}
	if (edittag.type == "drop") {
		var options = edittag.options.split(/,/);
		var drop	= document.createElement("select");
		drop.name = edittag.id + "input";
		drop.textObj = edittag;
		drop.onchange	= function() {
//alert(this.name + "\n" + this.form.innerHTML);
//			this.checked	= true;
			for (var iIdx = 0; iIdx < this.form[this.name].length; iIdx++) {
				this.form[this.name][iIdx].checked = (this.form[this.name][iIdx] == this);
			}
			var datapath	= this.textObj.datapath;
			var value	= this.value;
			eval("this.textObj.data." + datapath + "=" + value.toJSONString());
		};
		for (var oIdx = 0; oIdx < options.length; oIdx++) {
			var opt = document.createElement("option");
			opt.type	= "select";
			opt.name = edittag.id + "input";
			opt.value	= options[oIdx];
			opt.selected = (opt.value == inputit.value);
			opt.appendChild(document.createTextNode(options[oIdx]));
			opt.textObj = edittag;
//			drop.checked = (drop.value == inputit.value);
			if (!inputit[drop.name]) {
//				alert('creating inputit['+opt.name+'] Array()'); 
				inputit[drop.name] = new Array();
			}
//			inputit[drop.name].push(drop);
			drop.appendChild(opt);
		}
		inputit.appendChild(drop);
	}
	if (edittag.type == "upload") {
		inputit.title	= "click to upload file";
		var uploadpage	= edittag.uploadpage || "/upload.html";
		var args	= "";
		inputit.args = edittag.args;
		inputit.argtype = edittag.argtype;
		inputit.onclick = function() {
			var args	= "";
			var arghash	= "#" + this.id + "." + this.args;
			var argget	= "?divid=" + this.id + "&" + this.args;
			if (this.argtype == "hash") {
				args	= arghash;
			} else if (this.argtype == "get") {
				args	= argget;
			} else {
				args	= argget + arghash;
			}
			var uploadWin	= window.open(uploadpage + args,"UploadWindow","toolbar=no,width=500,height=75,directories=no,status=no,scrollbars=no,resizable=yes,menubar=no");
		}
	}
	if (inputit.tagName.match(/textarea/i)) {
		inputit.cols = edittag.size;
		inputit.rows = edittag.rows;
	} else {
		inputit.size	= edittag.size;
	}
	if (edittag.width) {
        var widths = edittag.width.match(/^(\d*)(\w*)$/);
        var outwidth = edittag.width;
        var inwidth = widths[1]-6;
        inwidth += widths[2];
		edittag.style.width	= edittag.width;
		inputit.style.width	= inwidth;
    }
    if (edittag.inputwidth) {
        inputit.style.width = edittag.inputwidth;
	}
	if (inputit.tagName.match(/span/i)) {
		PageData.clearElements(inputit);
		var display = inputit.value;
		if (!display) { display = edittag.innerHTML; }
		if (edittag.type == "calendar") {
			display = 'click to add date';
			if (inputit.value) {
				display = str2date(inputit.value);
			}
		}
		inputit.appendChild(document.createTextNode(display));
//		inputit.innerHTML	= inputit.value || edittag.innerHTML;
	} else {
/*
		if (inputit.value.match(/\n/)) {
		 	inputit.rows = inputit.value.split(/\n/g).length || 1;
		} else {
		 	inputit.rows = parseInt(inputit.value.length/50) || 1;
		}
*/
	}
	if (inputit.value == "undefined") {
		inputit.value = edittag.value || "";
		eval("edittag.data." + edittag.datapath + " = inputit.value;");
	}
	if (edittag.type == "calendar") {
		inputit.onclick = function() {
			var asdf = popWindow("popupcalendar",edittag);
			if (PageData.calendar) {
				PageData.calendar.inputit = inputit;
			}
		}
	}
	if ((edittag.displayDiv)	&& !(edittag.displayDiv.className)) { edittag.displayDiv.className = ""; }
	edittag.displayDiv.className = edittag.displayDiv.className.replace(/ ?changed/g,"");
	if (edittag.dataobj["_edited"]) {
		edittag.displayDiv.className	+= " changed";
//	} else {
//		edittag.displayDiv.className = edittag.displayDiv.className.replace(/ ?changed/g,"");
	}
 	inputit.textObj	= edittag;
    inputit.custonchange = edittag.inputdata.OnChange;
    inputit.addTag = function(newtagval) {
        var newtag = document.createElement('div');
        var newtagdelimg = document.createElement('img');
        var newtagtext = document.createElement('span');
        newtagtext.appendChild(document.createTextNode(newtagval));
        newtag.appendChild(newtagtext);
        newtag.appendChild(newtagdelimg);
        newtag.className = 'tag';
        newtagdelimg.src = PageData.geticonpath() + '/failed-sm.gif';
        newtagdelimg.className = 'clickable';
        newtagdelimg.inputdiv = this;
        newtagdelimg.tagdiv = newtag;
        newtagdelimg.value = newtagval;
        newtagdelimg.onclick = function(e) {
            var delim = this.inputdiv.textObj.delim;
            if (!delim) { return; }
            var oldtagval = eval("this.inputdiv.textObj.data." + this.inputdiv.textObj.datapath);
            var tags = oldtagval.split(delim);
            var newtags = [];
            for (var t=0;t<tags.length;t++) {
                var tag = tags[t];
                if (tag == this.value) { continue; }
                newtags.push(tag);
            }
            var newval = newtags.join(delim);
            eval("this.inputdiv.textObj.data." + this.inputdiv.textObj.datapath + "=" + newval.toJSONString());
            this.tagdiv.parentNode.removeChild(this.tagdiv);
        };
        this.parentNode.firstChild.appendChild(newtag);
        return newtag;
    };
 	inputit.onchange	= function() {
		this.textObj.dataobj["_edited"]	= 1;
		this.textObj.displayDiv.className.replace(/ ?changed/g,"");
		this.textObj.displayDiv.className	+= " changed";
		if (this.textObj.displayDiv.bardiv) {
			this.textObj.displayDiv.bardiv.className.replace(/ ?changed/g,"");
			this.textObj.displayDiv.bardiv.className	+= " changed";
		}
		if (this.textObj.type == "radio") { this.custonchange(); return; }
		if (this.textObj.type == "drop") { this.custonchange(); return; }
		if (this.tagName.match(/span/i)) {
			PageData.clearElements(this);
			this.appendChild(document.createTextNode(this.value));
//			this.innerHTML	= this.value;
		}
        var newvalue = this.value;
        if (this.textObj.type == "taglist") {
            newvalue = eval("this.textObj.data." + this.textObj.datapath);
            var newtagval = this.value;
            var delim = this.textObj.delim;
            if (delim) {
                newtagval = newtagval.replace(new RegExp(delim+'$'),'');
                newtagval = newtagval.replace(new RegExp('^'+delim),'');
            }
            if (newtagval) {
                this.addTag(newtagval);
                this.value = '';
                this.filteredstuff = [];
                if (newvalue) { newvalue += delim; }
                newvalue += newtagval;
            }
        }
		this.textObj.className	= this.textObj.className.replace(/ ?blank/g,"");
		if (!newvalue) {
			this.textObj.className	+= " blank";
		}
		eval("this.textObj.data." + this.textObj.datapath + "=" + newvalue.toJSONString());
		var datapaths	= this.textObj.datapath.split("|");
		var values	= this.value.split("|");
		if (datapaths.length > 1) {
			for (var dIdx = 0; dIdx < datapaths.length; dIdx++) {
				var datapath	= datapaths[dIdx];
				var value	= values[dIdx];
 				eval("this.textObj.data." + datapath + "=" + value.toJSONString());
			}
		}
        this.custonchange();
        return;
 	};
	if (edittag.type == 'taglist') { 
		this.applyinputsuggestions(inputit); 
    }
	if (edittag.suggest) { 
		this.applyinputsuggestions(inputit); 
		inputit.stuff = edittag.stuff;
        inputit.filterlist();
	}
	return inputit;
 },

 applyinputsuggestions : function(inputit) {
	inputit.stuff = [];
	inputit.filteredstuff = [];
    inputit.onkeypress = function(e) {
        if (typeof(e) == 'undefined') { e = window.event; }
        var key = e.which;
        if (typeof(key) == 'undefined') { key = e.keyCode; }
        var keyChar = String.fromCharCode(key);
//console.log('down:'+keyChar);
        this.lastkey = keyChar;
        if (this.textObj.delim) {
            if (this.lastkey == this.textObj.delim) { this.onchange(); }
            if (key == 13) { this.onchange(); }
        }
    };
	inputit.onkeyup = function(e) {
        if (this.textObj.delim) {
            this.value = this.value.replace(this.textObj.delim,'');
        }
        if (typeof(e) == 'undefined') { e = window.event; }
        var key = e.which;
        if (typeof(key) == 'undefined') { key = e.keyCode; }
//console.log('  up:'+key);
    	if (key == 37) { return true; } /* left */
    	if (key == 39) { return true; } /* right */
    	if (key == 38) {/* up */
        	if (this.fidx) { this.fidx--; }
        	else { this.fidx = this.filteredstuff.length - 1; }
    	} else if (key == 40) { /* down */
        	if (this.fidx < this.filteredstuff.length - 1) { this.fidx++; }
        	else { this.fidx = 0; }
    	} else {
        	this.filterlist();
        	this.fidx = 0;
        	if (!this.filteredstuff.length) { return true; }
    	}
    	/*  if chars are deleted, we still want to filter the list,
     	*  but don't want to update the display
     	*/
    	if (key == 46) { return true; } /* delete */
    	if (key == 8)  { return true; } /* backspace */
    	this.setvalfromfilteredstuff();
	};
	inputit.setvalfromfilteredstuff = function() {
    	if (!this.filteredstuff.length) { return true; }
    	if (this.fidx > this.filteredstuff.length-1) { return true; }
        var curval = this.value;
    	var fitem = this.filteredstuff[this.fidx];
    	var matchar = fitem.matchar;
    	var sugval = fitem.val;
        //var textlen = curval.length;
    	//if (this.selectionStart) { textlen = this.selectionStart; }
    	/*  if nothing is selected, then selectionStart will be the last char
    	 *  and will not be 0
    	 *  we need to capture the selectionStart because when we change this.value,
    	 *  this.selectionStart will be reset to sugval.length
    	 *  which in our case won't happen because we are matching on /^../
    	 */
    	var oldselstart = this.selectionStart;
    	//if (matchar > textlen) { textlen = matchar; }
    	this.value = sugval;
        /* We want to retain the last n chars as being selected */
    	this.selectionStart = oldselstart;
    	this.selectionEnd = sugval.length;
	};
	inputit.filterlist = function() {
    	var objval = this.value;
    	var stuff = this.stuff;
    	var textlen = objval.length;
    	var filteredstuff = [];
    	for (var i=0; i<stuff.length; i++) {
        	var thing = stuff[i];
        	var matchar = thing.search(new RegExp("^"+objval,"ig"));
        	/* search returns -1 if no match */
        	if (matchar == -1) { continue; }
        	var thingobj = {
            	'val':thing,
            	'matchar':matchar
        	};
        	filteredstuff.push(thingobj);
    	}
    	this.filteredstuff = filteredstuff;
    	return filteredstuff;
	};
 },

 getResizeButtons : function(inputit) {
	var resizediv = document.createElement('div');
	var smallerdiv = document.createElement('div');
	var largerdiv = document.createElement('div');
	smallerdiv.style.cssFloat = 'left';
	largerdiv.style.cssFloat = 'right';
	smallerdiv.className = 'clickable';
	largerdiv.className = 'clickable';
	resizediv.appendChild(smallerdiv);
	resizediv.appendChild(largerdiv);
	inputit.parentNode.appendChild(resizediv);
	smallerdiv.appendChild(document.createTextNode('smaller'));
	largerdiv.appendChild(document.createTextNode('larger'));
	smallerdiv.inputit = inputit;
	largerdiv.inputit = inputit;
	smallerdiv.onclick = function() {
		this.inputit.rows = this.inputit.rows - 5;
	};
	largerdiv.onclick = function() {
		this.inputit.rows = this.inputit.rows + 5;
	};
	return resizediv;
 },

 _editField	: function() {
	if (!this.datapath) { alert("Mike needs to add a datapath to this element"); return; }
	if (this.type == "none") { return; }
	if (this.type == "upload") {
		var args	= "";
		if (this.args) { args = "." + this.args; }
		var uploadWin	= window.open("/upload.html#editpopupinput" + args,"UploadWindow","toolbar=no,width=500,height=75,directories=no,status=no,scrollbars=no,resizable=yes,menubar=no");
	}
 	var inputit	= popWindow('editpopupinput',this);
 	inputit.focus();
	inputit.cols = 50;
	if (this.innerHTML.match(/\n/)) {
	 	inputit.rows = this.innerHTML.split(/\n/g).length || 1;
	} else {
	 	inputit.rows = parseInt(this.innerHTML.length/50) || 1;
	}
//alert(this.tagName);// + "\n" + this.data.toJSONString());
	inputit.value	= eval("this.data." + this.datapath);
	if (inputit.value == "undefined") {
		inputit.value = this.innerHTML || "";
//DEBUGPANE.innerHTML = "inputit.value = " + inputit.value + "\n";
		eval("this.data." + this.datapath + " = inputit.value;");
	}
	if (this.type == "calendar") {
// 		unpopWindow('editpopupinput');
		var asdf = popWindow("popupcalendar",this);
	}
/*
	inputit.value	= "";
	if (this.className.match(/blank/)) {
		inputit.value = "";
	} else if (this.type == "img") {
		inputit.value	= this.src;
	} else if (this.type == "link") {
		inputit.value	= this.innerHTML + "|" + this.href;
	} else {
		inputit.value = this.innerHTML.replace(/&amp;/,"&");
	}
*/
 	inputit.textObj	= this;
 	inputit.onchange	= function() {
		this.textObj.displayDiv.className.replace(/ ?changed/g,"");
		this.textObj.displayDiv.className	+= " changed";
		this.textObj.className	= this.textObj.className.replace(/ blank/g,"");
		if (this.textObj.type	== "link") {
			var linkparts	= this.value.split("|");
			this.textObj.appendChild(document.createTextNode(linkparts[0]));
//			this.textObj.innerHTML	= linkparts[0];
			this.textObj.href	= linkparts[1];
		} else if (this.textObj.type == "img") {
			this.textObj.src = this.value;
			var img	= this.textObj.getElementsByTagName("IMG")[0];
			if (img) { img.src = this.textObj.src; }
		} else if ((this.textObj.type == "text") || (this.textObj.type == "upload")) {
 			this.textObj.appendChild(document.createTextNode(this.value));
// 			this.textObj.innerHTML = this.value;
			if (this.value) {
			} else {
				this.textObj.className	+= " blank";
				this.textObj.appendChild(document.createTextNode("click to add text"));
//				this.textObj.innerHTML = "click to add text";
			}
		} else if (this.textObj.type == "calendar") {
			var displdate = str2date(this.value);
			this.textObj.appendChild(document.createTextNode(displdate));
			if (this.value) {
			} else {
				this.textObj.className	+= " blank";
				this.textObj.appendChild(document.createTextNode("click to add text"));
			}
		}
		var datapaths	= this.textObj.datapath.split("|");
		var values	= this.value.split("|");
		for (var dIdx = 0; dIdx < datapaths.length; dIdx++) {
			var datapath	= datapaths[dIdx];
			var value	= values[dIdx];
 			eval("this.textObj.data." + datapath + "=" + value.toJSONString());
		}
 	}
 	inputit.onblur	= function() { unpopWindow('editpopupinput'); }
 },

// overload these function for custom stuff

 onPageDataSave	: function(obj) { 
	if (!obj) {
		PageData.alertit("Error!\nNothing returned");
		return 0;
	}
	var issucc = 0;
	if (obj.success == "1") { issucc = 1; }
	if (obj.stat == "ok") { issucc = 1; }
	var uid = obj.uid;
	if (!uid) { if (obj.data) { uid = obj.data.uid; } }
	if (issucc) {
		PageData.alertit("Success!");
	} else if (obj.err) { 
		PageData.alertit("Error!\n" + obj.err.msg); 
	}
 },

 alertit : function(text) {
	if (this.alertbox) {
		PageData.clearElements(this.alertbox);
		this.alertbox.appendChild(document.createTextNode(text));
		setTimeout('PageData.clearalertbox()',PageData.statusdelay*1000);
	} else {
		alert(text);
	}
 },

 clearalertbox : function() {
	if (this.alertbox) {
		PageData.clearElements(this.alertbox);
	}
 },

 verifyDatapath	: function(dataobj,datapath) {
	var datapatharr	= datapath.split(/\./);
	var originaldataobj = dataobj;
	dataobj	= dataobj.data;
	for (var dIdx = 0; dIdx < datapatharr.length; dIdx++) {
//DEBUGPANE.innerHTML += "\nBEFORE: " + originaldataobj.data.toJSONString() + "\n";
		var currpath	= datapatharr[dIdx];
//DEBUGPANE.innerHTML += "\tcurrpath: " + currpath + "\n";
//DEBUGPANE.innerHTML	+= "\ttypeof(dataobj): " + typeof(dataobj) + "\n";
//DEBUGPANE.innerHTML	+= "\ttypeof(dataobj[currpath]): " + typeof(dataobj[currpath]) + "\n";
/*
 * This broke when datapath was "Logins[0]" because it made the attribute the entire string.
		if (!dataobj[currpath]) { 
			dataobj[currpath] = (dIdx == datapatharr.length - 1) ? "" : {}; 
		}
		dataobj = dataobj[currpath];
 */
		if (!currpath) { continue; }
		if (!eval('dataobj.' + currpath)) { 
			eval('dataobj.' + currpath + ' = (dIdx == datapatharr.length - 1) ? "" : {}'); 
		}
		dataobj = eval('dataobj.' + currpath);
//DEBUGPANE.innerHTML += " AFTER: " + originaldataobj.data.toJSONString() + "\n";
	}
 },

 createEditTable	: function(dataobj,datapatharr) {
	var edittabletop	= document.createElement("TABLE");
	var edittable	= document.createElement("TBODY");
	edittabletop.appendChild(edittable);
	for (var dIdx = 0; dIdx < datapatharr.length; dIdx++) {
        var inputdata = datapatharr[dIdx];
		var datapath	= inputdata.Path;
		PageData.verifyDatapath(dataobj,datapath);
        if (typeof(inputdata['Default'])=='undefined') { inputdata['Default'] = ''; }
        if (typeof(inputdata['Type'])=='undefined') { inputdata['Type'] = 'text'; }
        if (typeof(inputdata['Options'])=='undefined') { inputdata['Options'] = ''; }
        if (typeof(inputdata['Delim'])=='undefined') { inputdata['Delim'] = ''; }
        if (typeof(inputdata['Suggest'])=='undefined') { inputdata['Suggest'] = ''; }
        if (typeof(inputdata['Suggestions'])=='undefined') { inputdata['Suggestions'] = []; }
        if (typeof(inputdata['Rows'])=='undefined') { inputdata['Rows'] = '1'; }
        if (typeof(inputdata['Size'])=='undefined') { inputdata['Size'] = '50'; }
        if (typeof(inputdata['Width'])=='undefined') { inputdata['Width'] = ''; }
        if (typeof(inputdata['OnChange'])=='undefined') { inputdata['OnChange'] = function() {}; }
        if (typeof(inputdata['InputWidth'])=='undefined') { inputdata['InputWidth'] = ''; }
        if (typeof(inputdata['UploadPage'])=='undefined') { inputdata['UploadPage'] = ''; }
        if (typeof(inputdata['Label'])=='undefined') { inputdata['Label'] = ''; }
        if (typeof(inputdata['Context'])=='undefined') { inputdata['Context'] = {'text':'','placement':'','color':'black'}; }
        if (typeof(inputdata['Title'])=='undefined') { inputdata['Title'] = ''; }
		var row	= edittable.insertRow(-1);
        if (inputdata.Label) {
		    var labelCell	= row.insertCell(-1);
		    labelCell.className	= 'label';
		    labelCell.appendChild(document.createTextNode(inputdata.Label));
        }
		var textCell	= row.insertCell(-1);
		textCell.className	= 'text';
		var textEdit	= document.createElement("EDIT");
        textEdit.inputdata = inputdata;
		textEdit.id	= datapath.replace(/\./g,"") + "edit";
		textEdit.options	= inputdata.Options;
		textEdit.stuff	= inputdata.Suggestions;
		textEdit.suggest	= inputdata.Suggest;
		textEdit.delim	= inputdata.Delim;
		textEdit.type	= inputdata.Type;
		textEdit.rows	= inputdata.Rows;
		textEdit.size	= inputdata.Size;
		textEdit.width	= inputdata.Width;
		textEdit.inputwidth	= inputdata.InputWidth;
		textEdit.className	= "text";
		textEdit.datapath	= datapath;
		textEdit.uploadpage = inputdata.UploadPage;
		textEdit.value = "";
		if (datapath) {
//console.log("default: " + inputdata['Default'] + "\ndataobj.data." + datapath + " = " + eval("dataobj.data." + datapath));
        /* 
         *  The following could be used to replace the eval() statements
         *
            var dod = dataobj.data;
            var dps = datapath.split(/[\.\[\]]/);
            for (var i=0;i<dps.length;i++) {
                var dp = dps[i];
                if (dp == '') { continue; }
                var dod = dod[dp];
            }
         *
         *  On second thought, you may have to pop the last element and then put that into [] if you want to make an assignment
         */
			if (!eval("dataobj.data." + datapath)) { eval("dataobj.data." + datapath + " = \"" + inputdata['Default'] + "\";") }
			textEdit.value	= eval("dataobj.data." + datapath + "");// || inputdata['Default'] || "";
			textEdit.value	= textEdit.value.toString().replace(/</g,"&lt;").replace(/</g,"&lt;").replace(/\n/g,"<BR>");
		}
		textCell.appendChild(textEdit);
	}
	return edittabletop;
 },

 createEditTableHoriz	: function(dataobj,dataarrpath,datapatharr) {
	var edittable	= document.createElement("TABLE");
	var edittablehead	= document.createElement("THEAD");
	var edittablebody	= document.createElement("TBODY");
	edittable.appendChild(edittablehead);
	edittable.appendChild(edittablebody);
	var hRow	= edittablehead.insertRow(-1);
	hRow.className	= "header";
	hRow.insertCell(-1);	// delete img cell
	for (var dIdx = 0; dIdx < datapatharr.length; dIdx++) {
		var datalabel	= datapatharr[dIdx].Label;
		var cell	= hRow.insertCell(-1);
		cell.appendChild(document.createTextNode(datalabel));
//		cell.innerHTML	= datalabel;
	}
	var dataarr	= eval("dataobj.data." + dataarrpath);
	for (var rIdx = 0; rIdx < dataarr.length; rIdx++) {	// rows
		var dRow	= edittablebody.insertRow(-1);
		var delCell	= dRow.insertCell(-1);
		delCell.className = "delete";
		for (var cIdx = 0; cIdx < datapatharr.length; cIdx++) { // cells
            var inputdata = datapatharr[cIdx];
			var datapath	= dataarrpath + "[" + rIdx + "]." + inputdata.Path;
			PageData.verifyDatapath(dataobj,datapath);
            if (typeof(inputdata['Default'])=='undefined') { inputdata['Default'] = ''; }
            if (typeof(inputdata['Type'])=='undefined') { inputdata['Type'] = 'text'; }
            if (typeof(inputdata['Options'])=='undefined') { inputdata['Options'] = ''; }
            if (typeof(inputdata['Delim'])=='undefined') { inputdata['Delim'] = ''; }
            if (typeof(inputdata['Suggest'])=='undefined') { inputdata['Suggest'] = ''; }
            if (typeof(inputdata['Suggestions'])=='undefined') { inputdata['Suggestions'] = []; }
            if (typeof(inputdata['Rows'])=='undefined') { inputdata['Rows'] = '1'; }
            if (typeof(inputdata['Size'])=='undefined') { inputdata['Size'] = '50'; }
            if (typeof(inputdata['Width'])=='undefined') { inputdata['Width'] = ''; }
            if (typeof(inputdata['OnChange'])=='undefined') { inputdata['OnChange'] = function() {}; }
            if (typeof(inputdata['InputWidth'])=='undefined') { inputdata['InputWidth'] = ''; }
            if (typeof(inputdata['UploadPage'])=='undefined') { inputdata['UploadPage'] = ''; }
            if (typeof(inputdata['Label'])=='undefined') { inputdata['Label'] = ''; }
            if (typeof(inputdata['Context'])=='undefined') { inputdata['Context'] = {'text':'','placement':'','color':'black'}; }
            if (typeof(inputdata['Title'])=='undefined') { inputdata['Title'] = ''; }
			var textCell	= dRow.insertCell(-1);
			textCell.className	= 'text';
            var textEdit    = document.createElement("EDIT");
            textEdit.inputdata = inputdata;
            textEdit.id = datapath.replace(/\./g,"") + "edit";
            textEdit.options    = inputdata.Options;
            textEdit.stuff  = inputdata.Suggestions;
            textEdit.suggest    = inputdata.Suggest;
            textEdit.delim  = inputdata.Delim;
            textEdit.type   = inputdata.Type;
            textEdit.rows   = inputdata.Rows;
            textEdit.size   = inputdata.Size;
            textEdit.width  = inputdata.Width;
            textEdit.inputwidth = inputdata.InputWidth;
            textEdit.className  = "text";
            textEdit.datapath   = datapath;
            textEdit.uploadpage = inputdata.UploadPage;
            textEdit.value = "";
			textEdit.id	= datapath.replace(/[\.\[\]]/g,"") + "edit";
			if (!eval("dataobj.data." + datapath)) { eval("dataobj.data." + datapath + " = \"" + inputdata['Default'] + "\";") }
			textEdit.appendChild(document.createTextNode(eval("dataobj.data." + datapath)));
			textCell.appendChild(textEdit);
		}
		var delimg	= document.createElement("IMG");
		delimg.src	= this.geticonpath() + "/failed-sm.gif";
		delimg.className	= "clickable";
		delimg.dataobj		= dataobj;
		delimg.table		= edittable;
		delimg.row			= dRow;
		delimg.dataarr		= dataarr;
		delimg.onclick		= function() {
			var idx = this.row.rowIndex;
			this.dataarr.splice(idx-1,1);
			this.table.deleteRow(idx);
		};
		delCell.appendChild(delimg);
	}
	return edittable;
 },

// this doesn't really work out.	need to rethink this.	for now, just need to do this manually.
 addArrayToEditTable	: function(args) { //dataobj,datalabel,datapatharr,edittable) {
	var dataobj	= args.dataobj;
	var datalabel	= args.Label;
	var datapatharr	= args.datapatharr;
	var edittable	= args.edittable;
	var edittablebody;
	if (edittable.tagName.match(/table/i)) {
		edittablebody	= document.createElement("TBODY");
		edittable.appendChild(edittablebody);
	} else if (edittable.tagName.match(/tbody/i)) {
		edittablebody	= edittable;
		edittable	= edittablebody.parentNode;
	}
	edittablebody.dataobj	= this;
	edittablebody.refresh	= function() { this.dataobj.toEDITapplytoproducts(this); }
	var tlen	= edittablebody.rows.length;
	for (var rIdx = 0; rIdx < tlen; rIdx++) {
		edittablebody.deleteRow(0);
	}
	var firstrow	= edittablebody.insertRow(-1);
	var labelCell	= firstrow.insertCell(-1);
	labelCell.rowSpan	= datapatharr.length;
	labelCell.className	= 'label';
	labelCell.appendChild(document.createTextNode(datalabel));
//	labelCell.innerHTML	= datalabel;
	labelAdd	= document.createElement("ADDIMG");
	labelAdd.dataobj	= dataobj;
	labelAdd.className	= "clickable";
	labelAdd.edittablebody	= edittablebody;
	labelAdd.row	= firstrow;
	labelAdd.cell	= labelCell;
	labelAdd.refresh	= args.refresh;
	labelAdd.src	= this.geticonpath() + "/icon_addprofile_22x16.gif";
	labelAdd.onclick	= function() {
//		this.cell.rowSpan++;
//		this.edittablebody.insertRow(-1);
		
		this.refresh(this.edittablebody);
	};
	labelCell.appendChild(labelAdd);
	for (var dIdx = 0; dIdx < datapatharr.length; dIdx++) {
		var row	= (dIdx == 0) ? firstrow : edittablebody.insertRow(-1);
		var textCell	= row.insertCell(-1);
		var textEdit	= document.createElement("EDIT");
		var datatype	= datapatharr[dIdx].Type || "text";
		var datapath	= datapatharr[dIdx].Path;
		var datadefault	= datapatharr[dIdx].Default || "";
		var datarows	= datapatharr[dIdx].Rows || "1";
		var datasize	= datapatharr[dIdx].Size || "50";
		var datawidth	= datapatharr[dIdx].Width || "";
		textEdit.type	= datatype;
		textEdit.rows	= datarows;
		textEdit.size	= datasize;
		textEdit.width	= datawidth;
		textEdit.className	= "text";
		textEdit.datapath	= datapath;
		textEdit.innerHTML	= eval("dataobj.data." + datapath) || datadefault || "";
		textCell.className	= 'text';
		textEdit.innerHTML	= textEdit.innerHTML.replace(/</g,"&lt;").replace(/</g,"&lt;").replace(/\n/g,"<BR>");
		textCell.appendChild(textEdit);
	}
	return edittablebody;
 },

 addButtonToBar	: function(targdiv,buttobj) {
	if (!targdiv) { return 0; }
	var bardiv	= targdiv.bardiv || targdiv.getElementsByTagName('bardiv')[0];
	if (!bardiv) { return 0; }
	var bar = bardiv.firstChild;
	if (!bar) { return 0; }
	var newcell	= bar.appendChild(document.createElement('div'));
	newcell.className	= "clickable";
	newcell.className += " barcell";
	if (buttobj.link) {
		var link = document.createElement('a');
		link.href = buttobj.link;
		newcell.appendChild(link);
		newcell = link;
	}
	if (buttobj.img) {
		var img = document.createElement('img');
		img.height	= 16;
		img.width	= 16;
		img.border	= 0;
		img.src = buttobj.img.src;
		img.alt	= buttobj.img.alt;		
		newcell.appendChild(img);
	}
	newcell.savePageData	= PageData.savePageData;
	newcell.targdiv	= targdiv;
	newcell.bardiv	= bardiv;
	newcell.title	= buttobj.description;
	if (buttobj.text) {
		var text	= document.createElement('span');
		text.appendChild(document.createTextNode(buttobj.text));
		newcell.appendChild(text);
	}
	newcell.onclick	= buttobj.onclick;
	return newcell;
 },

 clearElements	: function(element) {
	var len = element.childNodes.length;
	for (var cIdx = 0; cIdx < len; cIdx++) {
		element.removeChild(element.firstChild);
	}
 },

 fixCase : function(str) {
	if (!str) { return ''; }
	if (str != str.toLowerCase()) { if (str != str.toUpperCase()) { return str; } }
	str = str.toLowerCase().replace(/([-\.']) */g,'$1 ');		
	var rx = /\b([a-z'-\.]+)\b/ig;
	str = str.replace(rx,function(w) {
		return w.charAt(0).toUpperCase()+w.substring(1);
	});
	return str.replace(/^ *|(\-|') *| *$/g,'$1');
 },

 fixPhone : function(phone) {
	if (!phone) { return ''; }
	if (phone.match(/^\d\d\d-\d\d\d-\d\d\d\d$/)) { return phone; }
	phone = phone.replace(/\)\s*/,'-');
	phone = phone.replace(/[\(\s]/g,'');
	phone = phone.replace(/[\.\s]/g,'-');
	if (phone.match(/^\d+$/)) {
		phonep = phone.substr(0,3);
		phonee = phone.substr(3,3);
		phones = phone.substr(6,4);
		phone = phonep + '-' + phonee + '-' + phones;
	}
	return phone;
 }

};

/*  these are included here because there are still 
 *  pages out there that use the v2 of these functions
 *  from before I depricated v1
 */
PageData.addButtonToBar2 = PageData.addButtonToBar; 
PageData.createBarDiv2 = PageData.createBarDiv; 
 PageData.DataObj	= function(obj) {

 this.toString   = function() { return "[object PageData.DataObj]"; };

 this.data	= {
		uid		: "",
		page	: "",
		style	: "textblock",
		divid	: "",
		title	: "",
		category	: "",
		align	: "center",
		html	: ""
 };

 if (obj) { this.data = obj; }

 this.style	= "";

 this.defaultstyle = "textblock";

 this.saveurl	= "/cgi-bin/savepagedata";
 this.getsavevariablestr = function() { return ""; };

 this.tagName   = "DIV";
 this.className	= "";

 this.toHTML	= function(div) {
	this.style	= "view";
	if (!div) {
		div	= document.getElementById(this.data.divid);
	}
	div.className	= div.className.replace(/ ?edit| ?view/g,"");
	div.className	+= " view";
	var targdiv	= div.getElementsByTagName("Content")[0];
	if (!this.data.style) { this.data.style = "textblock"; }
	if (this.data.style	== "textblock") {
		this.toHTMLtextblock(targdiv);
	} else if (this.data.style == "link") {
		this.toHTMLlink(targdiv);
	}
 },

 this.toHTMLtextblock	= function(targdiv) {
	var contentdiv = PageData.prepTarg({dataobj:this,targdiv:targdiv,style:"view"});
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "label";
	var htmldiv	= document.createElement("DIV");
	htmldiv.style.textAlign	= this.data.align || "center";
	htmldiv.className	= "html";
	contentdiv.appendChild(titlediv);
	contentdiv.appendChild(htmldiv);
	var titletext	= this.data.title || "";
	var htmltext	= this.data.html || "";
	htmltext = htmltext.replace(/<script/g,"&lt;script");
	htmltext = htmltext.replace(/\n/g,"<br>").replace(/<br><li>/g,"<li>");
	titlediv.appendChild(document.createTextNode(titletext));
	htmldiv.innerHTML	= htmltext;
 };

 this.toHTMLlink	= function(targdiv) {
	targdiv.innerHTML	= "";
	var link	= this.data.link;
	var text	= this.data.text;
	var description	= this.data.description;
	var linkdiv	= document.createElement("DIV");
	linkdiv.style.textAlign	= this.data.align || "center";
	var linkhtml	= document.createElement("A");
	linkhtml.className	= "label";
	linkhtml.innerHTML	= text;
	linkhtml.href	= link;
	linkhtml.target	= "_blank";
	var htmldiv	= document.createElement("DIV");
	htmldiv.style.textAlign	= this.data.align || "center";
	htmldiv.className	= "html";
	htmldiv.innerHTML	= description;
	linkdiv.appendChild(linkhtml);
	targdiv.appendChild(linkdiv);
	targdiv.appendChild(htmldiv);
 };

 this.toEDIT	= function(targdiv) {
	var contentdiv = PageData.prepTarg({dataobj:this,targdiv:targdiv,style:"edit"});
	if (!this.data.style) { this.data.style = "textblock"; }
	if (this.data.style	== "textblock") {
		this.toEDITtextblock(contentdiv);
	} else if (this.data.style == "text") {
		this.toEDITtextblock(contentdiv);
	} else if (this.data.style == "link") {
		this.toEDITlink(contentdiv);
	}
	return;
 };

 this.toEDITtextblock	= function(targdiv) {
	targdiv.innerHTML	= "";
	var datapatharr	= [
		{
		 Default: "textblock",
		 Path: "style",
		 Type: "radio",
		 Options: "textblock,link",
		 Label: "Style"
		},
		{
		 Default: "",
		 Path: "category",
		 Label: "Category"
		},
		{
		 Default: "",
		 Path: "title",
		 Label: "Title"
		},
		{
		 Default: "center",
		 Path: "align",
		 Type: "radio",
		 Options: "left,center,right",
		 Label: "Align"
		},
		{
		 Default: "",
		 Path: "html",
		 Label: "Text",
		 Rows: "7"
		}
	];
	targdiv.dataobj	= this;
	targdiv.appendChild(PageData.createEditTable(this,datapatharr));
	PageData.applyEditTags(targdiv);
 };

 this.toEDITlink	= function(targdiv) {
	targdiv.innerHTML	= "";
	var datapatharr	= [
		{
		 Default: "text",
		 Path: "style",
		 Type: "radio",
		 Options: "textblock,link",
		 Label: "Style"
		},
		{
		 Default: "center",
		 Path: "align",
		 Type: "radio",
		 Options: "left,center,right",
		 Label: "Align"
		},
		{
		 Default: "",
		 Path: "category",
		 Label: "Category"
		},
		{
		 Default: "",
		 Path: "text",
		 Label: "Site Name"
		},
		{
		 Default: "",
		 Path: "link",
		 Label: "URL"
		},
		{
		 Default: "",
		 Path: "description",
		 Label: "Description"
		}
	];
	targdiv.dataobj	= this;
	targdiv.appendChild(PageData.createEditTable(this,datapatharr));
	PageData.applyEditTags(targdiv);
 };

 return this;
 };
//AJAX.require("http://code.mishapentertainment.com/js-lib/PageData.js");
if (typeof PageData == "undefined") { var PageData = {}; }

PageData.ObjList	= function(divid) {

 this.toString   = function() { return "[object PageData.ObjList]"; };

/* Not sure if this is really needed */
 this.data	= {
	uid		: "",
	page	: "",
	divid	: "",
	title	: "",
	style	: "",
	dataobj	: "",
	saveurl	: "",
	category: "",
	tablabel: "",
	html	: ""
 };
/* Not sure if that was really needed */

 this.DataObj	= PageData.DataObj; //function() { return this; }; // the objects in the list; this function will be called with 'new'
 this.dataObjects = [];
 this.custombutts = [];
 this.allowedObjects	= []; // for future use if I find a way to allow mulitple types of objects in the same list
 this.style	= "html"; // as opposed to "index" : should determine if toHTML or toIndex is called on object
 this.action	= "view";
 this.position = "top";
 this.title	= "";
 this.defaultlabel = "Other";
 this.saveurl	= "";
 this.objDisplayFcn = "toHTML";
 this.getsavevariablestr = function() { return ""; };
 this.targdiv	= document.getElementById(divid) || "";
 this.currTab;
 this.currSelect;
 this.sortfunction = function(a,b) {
	if (parseInt(a.data.listidx) < parseInt(b.data.listidx)) { return -1; }
	if (parseInt(a.data.listidx) > parseInt(b.data.listidx)) { return 1; }
	return 0;
 };

 this.Slides	= []; /* { tab : "" , slide : "" } */


 this.setCategoryPath	= function(cat) {
	this.data.category	= cat;
	return this;
 };

 this.getCategoryPath	= function() {
	return this.data.category;
 };

 this.setTablabelPath	= function(cat) {
	this.data.tablabel	= cat;
	return this;
 };

 this.getTablabelPath	= function() {
	return this.data.tablabel;
 };

 this.addObj	= function(obj) {
	var dataobj	= new this.DataObj(obj);
	dataobj.data.divid	= this.targdiv.id;
	if (dataobj.data.listidx == undefined) {
		dataobj.data.listidx =  this.dataObjects.length;
	}
	this.dataObjects.unshift(dataobj);
	if (this.style == "tabbed") {
		var tablabelpath	= this.getTablabelPath();
		if (!eval("dataobj.data." + tablabelpath)) {
			var slideObj = this.getSlideSelected();
			if (slideObj) {
				eval("dataobj.data." + tablabelpath + " = \"" + slideObj.label + "\"")
			}
		}
	}
	return dataobj;
 };

 this.toHTML	= function() {
	if (this.style == "html") {
		return this.toHTMLstandard();
	} else if (this.style == "index") {
		return this.toHTMLindex();
	} else if (this.style == "categorized") {
		return this.toHTMLcategorized();
	} else if (this.style == "tabbed") {
		return this.toHTMLtabbed2();
	}
 };

 this.displayTabByLabel = function(label) {
	if (this.style != "tabbed") { return; }
	var Slides = this.TabbedDisplay.Slides;
	for (var sIdx = 0; sIdx < Slides.length; sIdx++) {
		if (Slides[sIdx].label == label) {
			Slides[sIdx].tab.onclick();
			break;
		}
	}
 };

 this.collectTablabels	= function() {
	var retArr	= [];
	var tablabelpath	= this.getTablabelPath();
	if (!tablabelpath) { return retArr; }
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
//		var tablabel	= eval("lObj.data." + tablabelpath) || this.defaultlabel;
        var tablabel    = eval("this.convertTabLabel(lObj.data." + tablabelpath+")") || this.defaultlabel;
		var name	= lObj.data.Name;
		var unique	= 1;
		for (var aIdx = 0; aIdx < retArr.length; aIdx++) {
			if (retArr[aIdx] == tablabel) {
				unique = 0;
				break;
			}
		}
		if (!unique) { continue; }
		retArr.push(tablabel);
	}
	return retArr;
 };

 this.collectCategories	= function() {
	var retArr	= [];
	var catpath	= this.getCategoryPath();
	if (!catpath) { return retArr; }
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
		var cat	= eval("lObj.data." + catpath) || "Unspecified";
		var name	= lObj.data.Name;
		var unique	= 1;
		for (var aIdx = 0; aIdx < retArr.length; aIdx++) {
			if (retArr[aIdx] == cat) {
				unique = 0;
				break;
			}
		}
		if (!unique) { continue; }
		retArr.push(cat);
	}
	return retArr;
 };

 this.convertTabLabel = function(label) {
	return label;
 }

 this.toHTMLtabbed = function() {
//DEBUGPANE.innerHTML = "";
	if (!this.targdiv) { return 0; }
	var tablabelpath	= this.getTablabelPath();
	if (!tablabelpath) { return retArr; }
//	var shade	= false;
	this.dataObjects = this.dataObjects.sort(this.sortfunction);
//	this.action	= "view";
	var div	= this.targdiv;
	var targdiv	= div.getElementsByTagName("Content")[0] || div;
	PageData.clearElements(targdiv);
//	targdiv.innerHTML	= "";
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	titlediv.appendChild(document.createTextNode(this.title));
	targdiv.appendChild(titlediv);
	var tabtable	= document.createElement("div");
	var tabBar		= document.createElement("div");
	var tabBarTable	= document.createElement("table");
	var tabSlides	= document.createElement("div");
	var tablabels = this.collectTablabels().sort();
	tabBarTable.cellPadding	= "0";
	tabBarTable.cellSpacing	= "0";
	tabtable.className	= "tabbeddisplay";
	tabBar.className	= "tabgroup";
	tabBarTable.className	= "tabBarTable top";
	tabSlides.className	= "tabSlides";
	tabBar.appendChild(tabBarTable);
	tabtable.appendChild(tabBar);
	tabtable.appendChild(tabSlides);
	targdiv.appendChild(tabtable);
	var tabBarTableRow	= tabBarTable.insertRow(-1);
//alert("creating " + tablabels.length + " tabs\nThere are " + this.Slides.length + " slides");
	for (var tIdx = 0; tIdx < tablabels.length; tIdx++) {
		var tablabel	= tablabels[tIdx];
		var slideObj	= this.getSlideByLabel(tablabel);
		if (!slideObj) {
//DEBUGPANE.innerHTML += "** building new slide **\n";
			var tab		= document.createElement("div");
			var tabLink	= document.createElement("a");
			var slide	= document.createElement("div");
			slideObj = {"label":tablabel,"tab":tab,"slide":slide};
			this.Slides.push(slideObj);
			tab.id	= "tab" + tablabel;
			tabLink.id	= "tablink" + tablabel;
			slide.id	= "slide" + tablabel;
			tab.className	= "tab";
			tabLink.className	= "tabLabel";
			slide.className	= "slide";
			tabLink.href	= "javascript:void(0)";
			tabLink.appendChild(document.createTextNode(tablabel));
			tab.appendChild(tabLink);
			tab.ObjList	= this;
			tab.slide	= slide;
			tab.onclick	= function() {
				this.currTab	= this;
				for (var sIdx = 0; sIdx < this.ObjList.Slides.length; sIdx++) {
					var currTab = this.ObjList.Slides[sIdx].tab;
					if (currTab) {
						currTab.className	= currTab.className.replace(/ ?selected/g,"");
					}
					var currSlide = this.ObjList.Slides[sIdx].slide;
					if (currSlide) {
						currSlide.style.display	= "none";
					}
				}
				this.className	+= " selected";
				this.slide.style.display = "";
				this.blur();
			};
		}
		var tab		= slideObj.tab;
		var slide	= slideObj.slide;
		tabBarTableRow.insertCell(-1).appendChild(tab);
		tabSlides.appendChild(slide);
		PageData.clearElements(slide);
//		slide.innerHTML = "";
	}
	this.Slides[0].tab.onclick();
//	var targdiv	= div;
//alert("creating " + this.dataObjects.length + " " + this.dataObjects[0].toString() + "s");
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
		if (!lObj.saveurl) {
			lObj.saveurl	= this.saveurl || PageData.saveurl || "";
		}
		var ltagName	= lObj.tagName || "DIV";
		var lclassName	= lObj.className || "";
		var objectdiv	= document.createElement(lObj.tagName);
		objectdiv.style.display	= "block";
		objectdiv.className	= " ListItem " + lclassName;
		var tablabel	= eval("lObj.data." + tablabelpath) || this.defaultlabel;
//DEBUGPANE.innerHTML += "\ntablabel: " + tablabel + "\tobjectdiv: " + objectdiv.tagName + "\n";
		if (!tablabel) { continue; }
		var slideObj	= this.getSlideByLabel(tablabel);
		if (!slideObj) { continue; }
		var slide	= slideObj.slide;
		if (slideObj.num) {
			slideObj.num++;
		} else {
			slideObj.num = 1;
		}
		var numsl	= slideObj.num;
		var shade = (numsl/2 == parseInt(numsl/2));
		if (shade) { objectdiv.className	+= " shade"; }
		slide.appendChild(objectdiv);
		objectdiv.dataobj	= lObj;
		PageData.initDiv(objectdiv);
		var div	= objectdiv;
		var bardiv				= div.getElementsByTagName("BARDIV")[0];
		bardiv.className		= div.className.replace(/ ?view| ?edit/g,"");
		bardiv.className		+= " view";
		var contentdiv			= div.getElementsByTagName("CONTENT")[0];
		contentdiv.className	= div.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " view";
		lObj.targetDiv	= objectdiv;
//DEBUGPANE.innerHTML += "\taction: " + this.action + "!\n";
		if (this.action == "view") {
			lObj.toHTML(objectdiv);
		} else if (this.action == "edit") {
			lObj.toEDIT(objectdiv);
		}
//DEBUGPANE.innerHTML += objectdiv.parentNode.tagName + "#" + objectdiv.parentNode.id + "." + objectdiv.parentNode.className.replace(/ /g,".") + "\n";
	}
 };

 this.toHTMLtabbed2 = function() {
//DEBUGPANE.innerHTML = "";
	if (!this.targdiv) { return 0; }
	var tablabelpath	= this.getTablabelPath();
	if (!tablabelpath) { return retArr; }
	this.dataObjects = this.dataObjects.sort(this.sortfunction);
	var div	= this.targdiv;
	var targdiv	= div.getElementsByTagName("Content")[0] || div;
	PageData.clearElements(targdiv);
//	targdiv.innerHTML	= "";
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	titlediv.appendChild(document.createTextNode(this.title));
//	titlediv.innerHTML	= this.title;
	targdiv.appendChild(titlediv);
	var tablabels = this.collectTablabels().sort();
	var TabDis	= new TabbedDisplay();
	TabDis.targdiv	= targdiv;
	TabDis.position = this.position;
	TabDis.init();
	this.TabbedDisplay = TabDis;
	for (var tIdx = 0; tIdx < tablabels.length; tIdx++) {
		var tablabel	= tablabels[tIdx];
		var slidediv	= document.createElement("div");
		slidediv.id	= tablabel + "slide";
		var cislide = TabDis.addSlide({
			label: tablabel,
			slide: slidediv
		});
	}
	if (this.TabbedDisplay.Slides[0]) {
		this.TabbedDisplay.Slides[0].slide.activate();
	}
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
		lObj.listObj = this;
		if (!lObj.saveurl) {
			lObj.saveurl	= this.saveurl || PageData.saveurl || "";
		}
		var ltagName	= lObj.tagName || "DIV";
		var lclassName	= lObj.className || "";
		var objectdiv	= document.createElement(lObj.tagName);
		objectdiv.style.display	= "block";
		objectdiv.className	= " ListItem " + lclassName;
//		var tablabel	= eval("lObj.data." + tablabelpath) || this.defaultlabel;
        var tablabel    = eval("this.convertTabLabel(lObj.data." + tablabelpath+")") || this.defaultlabel;
		if (!tablabel) { continue; }
		var slideObj	= this.TabbedDisplay.getSlideByLabel(tablabel);
		if (!slideObj) { continue; }
		var slide	= slideObj.slide;
		if (slideObj.num) {
			slideObj.num++;
		} else {
			slideObj.num = 1;
		}
		var numsl	= slideObj.num;
		var shade = (numsl/2 == parseInt(numsl/2));
		if (shade) { objectdiv.className	+= " shade"; }
		slide.appendChild(objectdiv);
		objectdiv.dataobj	= lObj;
		PageData.initDiv(objectdiv);
		var div	= objectdiv;
		var bardiv				= div.getElementsByTagName("BARDIV")[0];
		bardiv.className		= div.className.replace(/ ?view| ?edit/g,"");
		bardiv.className		+= " view";
		var contentdiv			= div.getElementsByTagName("CONTENT")[0];
		contentdiv.className	= div.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " view";
		lObj.targetDiv	= objectdiv;
//DEBUGPANE.innerHTML += "\taction: " + this.action + "!\n";
		if (this.objDisplayFcn) {
			lObj[this.objDisplayFcn](objectdiv);
		} else if (this.action == "view") {
			lObj.toHTML(objectdiv);
		} else if (this.action == "edit") {
			lObj.toEDIT(objectdiv);
		}
//DEBUGPANE.innerHTML += objectdiv.parentNode.tagName + "#" + objectdiv.parentNode.id + "." + objectdiv.parentNode.className.replace(/ /g,".") + "\n";
	}
 };

 this.getSlideByLabel	= function(tablabel) {
	for (var sIdx = 0; sIdx < this.Slides.length; sIdx++) {
		if (this.Slides[sIdx].label == tablabel) {
			return this.Slides[sIdx];
		}
	}
	return 0;
 };

 this.getSlideSelected	= function() {
	if (!this.TabbedDisplay) { return 0; }
	var Slides	= this.TabbedDisplay.Slides;
	for (var sIdx = 0; sIdx < Slides.length; sIdx++) {
		if (Slides[sIdx].tab.className.match(/selected/)) {
			return Slides[sIdx];
		}
	}
	return 0;
 };

 this.toHTMLcategorized = function() {
	if (!this.targdiv) { return 0; }
	var catpath	= this.getCategoryPath();
	if (!catpath) { return retArr; }
	var shade	= false;
	this.dataObjects = this.dataObjects.sort(this.sortfunction);
	this.action	= "view";
	var div	= this.targdiv;
	var targdiv	= div.getElementsByTagName("Content")[0];
	targdiv.innerHTML	= "";
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	titlediv.innerHTML	= this.title;
	targdiv.appendChild(titlediv);
	var categories = this.collectCategories().sort();
	for (var cIdx = 0; cIdx < categories.length; cIdx++) {
		var cat	= categories[cIdx] || "Unspecified";
		var catdiv	= document.createElement("DIV");
		catdiv.id = targdiv.id + "cat" + cat;
		catdiv.className	= "category";
		var cattitlediv	= document.createElement("Label");
		cattitlediv.className	= "label category";
		cattitlediv.innerHTML	= cat;
		var catcontentdiv	= document.createElement("DIV");
		catcontentdiv.className	= "PageData List";
		catdiv.appendChild(cattitlediv);
		catdiv.appendChild(catcontentdiv);
		targdiv.appendChild(catdiv);
	}
//	var targdiv	= div;
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
		if (!lObj.saveurl) {
			lObj.saveurl	= this.saveurl || PageData.saveurl || "";
		}
		var ltagName	= lObj.tagName || "DIV";
		var lclassName	= lObj.className || "";
		var objectdiv	= document.createElement(lObj.tagName);
		objectdiv.className	= " ListItem " + lclassName;
		if (shade = !shade) { objectdiv.className	+= " shade"; }
		var cat	= eval("lObj.data." + catpath) || "Unspecified";
		if (!cat) { continue; }
		var catdiv	= document.getElementById(targdiv.id + "cat" + cat);
		if (!catdiv) { continue; }
		catdiv.appendChild(objectdiv);
		objectdiv.dataobj	= lObj;
		PageData.initDiv(objectdiv);
//		PageData.makeEditableDiv(objectdiv);
		var div	= objectdiv;
		var bardiv				= div.getElementsByTagName("BARDIV")[0];
		bardiv.className		= div.className.replace(/ ?view| ?edit/g,"");
		bardiv.className		+= " view";
		var contentdiv			= div.getElementsByTagName("CONTENT")[0];
		contentdiv.className	= div.className.replace(/ ?view| ?edit/g,"");
		contentdiv.className	+= " view";
		lObj.toHTML(objectdiv);
	}
 };

 this.toHTMLstandard = function() {
//DEBUGPANE.innerHTML += "this.toHTMLstandard::this.targdiv = " + this.targdiv + "<br>\n";
	if (!this.targdiv) { return 0; }
	var shade	= false;
	this.dataObjects = this.dataObjects.sort(this.sortfunction);
	this.action	= "view";
	var div	= this.targdiv;
//	div.className	+= " view";
//	div.className	= div.className.replace(/ ?edit/,"");
	var targdiv	= div.getElementsByTagName("Content")[0];
	targdiv.innerHTML	= "";
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	titlediv.innerHTML	= this.title;
	targdiv.appendChild(titlediv);
//	var targdiv	= div;
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var lObj	= this.dataObjects[oIdx];
		shade = (oIdx/2 == parseInt(oIdx/2));
		this.addObjDiv(lObj,shade);
	}
 };

 this.addObjDiv	= function(lObj,shade) {
	var targdiv	= this.targdiv.getElementsByTagName("Content")[0];
	if (!lObj.saveurl) {
		lObj.saveurl	= this.saveurl || PageData.saveurl || "";
	}
	var ltagName	= lObj.tagName || "DIV";
	if (ltagName == "undefined") { ltagName = "DIV"; }
	var lclassName	= lObj.className || "";
	var objectdiv	= document.createElement(lObj.tagName);
	objectdiv.className	= " ListItem " + lclassName;
	objectdiv.id	= lObj.data.divid || "";
	objectdiv.id	+= "idx" + lObj.data.listidx;
	if (shade) { objectdiv.className	+= " shade"; }
	targdiv.appendChild(objectdiv);
	objectdiv.dataobj	= lObj;
	PageData.initDiv(objectdiv);
//	PageData.makeEditableDiv(objectdiv);
	lObj.displayDiv = objectdiv;
	lObj.listObj = this;
	lObj[this.objDisplayFcn](objectdiv);
	for (var oIdx = 0; oIdx < this.custombutts.length; oIdx++) {
		var buttobjinfo = this.custombutts[oIdx];
		var buttobj = buttobjinfo.buttobj;
		var ButtObj = PageData.addButtonToBar(objectdiv,buttobj);
		var saveurl = buttobjinfo.saveurl;
		if (saveurl) {
			ButtObj.saveurl = saveurl;
		}
	}
	return objectdiv;
 };

 this.addButtonToObjBar = function(args) {
	this.custombutts.push(args);
	return this;
 };

 this.toHTMLindex = function() {
	if (!this.targdiv) { return 0; }
	var shade	= false;
	if (!this.dataObjects.length) { return; }
	this.dataObjects = this.dataObjects.sort(this.sortfunction);
	this.action	= "view";
	var div	= this.targdiv;
//	div.className	+= " view";
//	div.className	= div.className.replace(/ ?edit/,"");
	var targdiv	= div.getElementsByTagName("Content")[0] || div;
	PageData.clearElements(targdiv);
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	titlediv.innerHTML	= this.title;
	targdiv.appendChild(titlediv);
	var listtable	= document.createElement("TABLE");
	listtable.className	= "list";
	targdiv.appendChild(listtable);
	var listtablehead	= document.createElement("THEAD");
	var listtablebody	= document.createElement("TBODY");
	listtable.appendChild(listtablehead);
	listtable.appendChild(listtablebody);
	var hRow	= listtablehead.insertRow(-1);
	var headArr	= new this.DataObj().getIndexHeaders();
	for (var hIdx = 0; hIdx < headArr.length; hIdx++) {
		var hCell	= hRow.insertCell(-1);
		hCell.innerHTML	= headArr[hIdx];
	}
//	var targdiv	= div;
	for (var oIdx = 0; oIdx < this.dataObjects.length; oIdx++) {
		var dRow	= listtablebody.insertRow(-1);
		var lObj	= this.dataObjects[oIdx];
		lObj.indexRow = dRow;
		lObj.targetDiv = this.objdisplayDiv;
		shade = (oIdx/2 == parseInt(oIdx/2));
		this.addObjIndex(lObj,shade);
	}
 };

 this.addObjIndex	= function(lObj,shade) {
	if (!lObj.saveurl) {
		lObj.saveurl	= this.saveurl || PageData.saveurl || "";
	}
	var valObj = lObj.getIndexValues();
	var valArr = valObj.fields;
	var dRow	= lObj.indexRow;
	if (valObj.className) {
		dRow.className = valObj.className;
	}
	for (var vIdx = 0; vIdx < valArr.length; vIdx++) {
		var val = valArr[vIdx];
		var vCell	= dRow.insertCell(-1);
		vCell.listobj = this;
		vCell.dataobj	= lObj;
		vCell.row = dRow;
		vCell.innerHTML	= val.value || val["default"];
		vCell.valonclick	= val.onclick;
		vCell.onclick = function() {
			this.listobj.changeSelected(this.row);
			this.valonclick();
		};
		vCell.title		= val.title;
		vCell.className	= "clickable";
		if (val.className) { vCell.className += " " + val.className; }
	}
	if (shade) { dRow.className	+= " shade"; }
	return dRow;
 };

 this.changeSelected = function(selobj) {
	if (this.currSelect) { this.currSelect.className = this.currSelect.className.replace(/\s?selected/g,''); }
	selobj.className += " selected";
	this.currSelect = selobj;
 };

// this function can be overloaded if you don't want to load from the standard PageData structure.
 this.getListData	= function() {
	AJAX.createSRCtag("/js-bin/getPageData.js?page=" + escape(PageData.thisurl));
 };

/* Moved to PageData
 this.gotListData	= function(dataarr) {
	if (!dataarr) { return; }
	for (var dIdx = 0; dIdx < dataarr.length; dIdx++) {
		var dataobj	= dataarr[dIdx];
		var divid	= dataobj.divid;
		var div	= document.getElementById(divid);
		div.dataobj.data	= dataobj;
		div.dataobj.toHTML();
	}
 };
*/

 this.toHTMLtextblock	= function(targdiv) {
	targdiv.innerHTML	= "";
	var titlediv	= document.createElement("LABEL");
	titlediv.className	= "title";
	var htmldiv	= document.createElement("DIV");
	htmldiv.className	= "html";
	targdiv.appendChild(titlediv);
	targdiv.appendChild(htmldiv);
	titlediv.innerHTML	= this.data.title || "";
	htmldiv.innerHTML	= this.data.html || "";
 };

 this.toEDIT	= function() {
	return;
	this.action	= "edit";
	var div	= document.getElementById(this.data.divid);
//	div.className	= div.className.replace(/ view| edit/,"");
//	div.className	+= " edit";
	var targdiv	= div.getElementsByTagName("Content")[0];
	targdiv.innerHTML	= "";
	/*
	 *  Create sectional DIVs
	 */
	var textblockdiv	= document.createElement("DIV");
	targdiv.appendChild(textblockdiv);
//	this.toEDITtextblock(textblockdiv);
	return;
 };

return this;
 };

var OIDAUTH = {

 toString	: function() { return "[object OIDAUTH]"; },
 TYPE	: "OID",
 protocol	: document.location.protocol,
 loginoutDIV	: "",
 usernameDIV	: "",
 authargs		: "",
 displaylogininfo : 1,
 site : "code.mishapentertainment.com",
 url	: {
		username	: "",
		getInfo	: function() { return OIDAUTH.protocol + "//" + OIDAUTH.site + "/user2/getInfo"; },
		login	: function() { return OIDAUTH.protocol + "//" + OIDAUTH.site + "/user2/login"; },
		logout	: function() { return OIDAUTH.protocol + "//" + OIDAUTH.site + "/user2/logout"; }
 },
 window	: {
//	login	: "popup",
	login	: "redirect",
	logout	: "json"
 },

 authdata	: {
	"requestId"	: "",
	"data"	: {
		"redirectURL" :"",
		"userData" : {
			"priv" :0,
			"lastAuth" :"",
			"displayName":"",
			"loginId":""
		}
	},
	"statusDetailCode":"",
	"statusText":"No Cookie",
	"statusCode":""
 },

 setUserAccountUrl : function(url) {
	this.url.username   = url;
	return this;
 },

 getUserAccountUrl : function(url) {
	return this.url.username;
 },

 unsecure : function() {
	OIDAUTH.protocol = "http:";
	return OIDAUTH;
 },

 secure : function() {
	OIDAUTH.protocol = "https:";
	return OIDAUTH;
 },

 setUsernameDIV	: function(usernamediv) {
	this.usernameDIV	= usernamediv;
 },

 setLoginoutDIV	: function(loginoutdiv) {
	this.loginoutDIV	= loginoutdiv;
 },

 getUsernameDIV	: function() {
	return this.usernameDIV;
 },

 getLoginoutDIV	: function() {
	return this.loginoutDIV;
 },

 setAuthData	: function(field,value) {
	this.authdata[field] = value;
	return	this.authdata[field];
 },

 getAuthInfo	: function(what) {
	if (!what) { return ""; }
	var value	= this.authdata;
	var authdataArr	= what.split(/_/);
	for (var aIdx = 0; aIdx < authdataArr.length; aIdx++) {
		var arg	= authdataArr[aIdx];
		value	= value[arg];
		if (!value) { return ""; }
	}
	return	value;
 },

 getAuthData	: function(what) {
	var value	= this.authdata.data;
	if (!value) { return ""; }
	var authdataArr	= what.split(/_/);
	for (var aIdx = 0; aIdx < authdataArr.length; aIdx++) {
		var arg	= authdataArr[aIdx];
		value	= value[arg];
		if (!value) { return ""; }
	}
	return	value;
 },

 getloginURL	: function() {
	var loginURL	= this.url.login();// + "?window=" + this.window.login;
	return loginURL;
 },

 getlogoutURL	: function() {
	var logoutURL	= this.url.logout();
	return logoutURL;
 },

 getUserInfo	: function() {
	this.createSRCtag(this.url.getInfo(),"");
 },

 gotUserInfo	: function(argobj) {
	// this gets called only as a json callback
	if (argobj.response) {
		this.authdata	= argobj.response;
	}
	this.authargs	= "OID";
	var username	= this.getAuthData("userData_loginId") || "";
	this.setusername();
	this.ongotUserInfo(argobj);
 },

 ongotUserInfo	: function(argobj) {},

 loggedOut	: function(argobj) {
	this.setusername();
	return;
 },

 setusername	: function() {
	this.username	= this.getAuthData("userData_loginId") || "";
	if (!this.displaylogininfo) { return; }
	var displayName	= this.getAuthData("userData_displayName") || this.username;
	var usernameurl	= "";
	if (displayName.match(/\//)) {
		displayName	= displayName.replace(/https?:\/\//g,"");
		if (displayName.match(/\w+\/\w+/)) {
			displayName	= displayName.replace(/^.*\//g,"");
		} else {
			displayName	= displayName.replace(/\..*/g,"");
		}
	}
	var loginlogoutdiv	= this.getLoginoutDIV();
	var usernamediv		= this.getUsernameDIV();
	if (!usernamediv && loginlogoutdiv) {
		usernamediv	= document.createElement("SPAN");
		loginlogoutdiv.appendChild(usernamediv);
		this.setUsernameDIV(usernamediv);
	}
	usernamediv.innerHTML	= "";
	if (this.username && loginlogoutdiv) {
		var usernamelink	= document.createElement("A");
		usernamediv.appendChild(usernamelink);
		usernamelink.innerHTML	= displayName;
//		usernamediv.title		= this.username;
		var usernameurl	= this.username.match(/^http/) ? this.username : "http://" + this.username;
		usernamelink.href		= this.getUserAccountUrl() || usernameurl;
//		usernamediv.className	= "clickable";
	}
	if (loginlogoutdiv && this.logoutdiv && this.logindiv) {
		if (this.username) {
//			document.getElementById(loginlogoutdiv.id + "logout").style.display	= "";
//			document.getElementById(loginlogoutdiv.id + "login").style.display	= "none";
			this.logoutdiv.style.display	= "";
			this.logindiv.style.display	= "none";
		} else {
			this.logoutdiv.style.display	= "none";
			this.logindiv.style.display	= "";
//			document.getElementById(loginlogoutdiv.id + "logout").style.display	= "none";
//			document.getElementById(loginlogoutdiv.id + "login").style.display	= "";
		}
	}
 },

 setuploginlogoutdiv	: function() {
	var loginlogoutdiv	= this.getLoginoutDIV();
	if (!loginlogoutdiv && this.displaylogininfo) {
		var loginoutdiv	= document.createElement("DIV");
		loginoutdiv.style.position = "absolute";
		loginoutdiv.style.left	= "5px";
		loginoutdiv.style.top	= "5px";
		document.getElementsByTagName("BODY")[0].appendChild(loginoutdiv);
		loginoutdiv.style.width="50px";
		loginoutdiv.style.height="50px";
		loginoutdiv.style.border="solid thin black";
		this.setLoginoutDIV(loginoutdiv);
	}
	// setup IFRAME
	this.loginoutiframe	= document.createElement("IFRAME");
	this.loginoutiframe.style.position	= "absolute";
	this.loginoutiframe.style.width	= "450px";
	this.loginoutiframe.style.height	= "250px";
	this.loginoutiframe.style.display	= "none";
	this.loginoutiframe.style.background	= "white";
	if (!loginlogoutdiv) { return; }
	loginlogoutdiv.parentNode.appendChild(this.loginoutiframe);
	var loginlink	= document.createElement("A");
	this.logindiv	= loginlink;
	loginlink.id	= loginlogoutdiv.id + "login";
	loginlink.innerHTML	= "login";
	loginlink.loginURL	= this.getloginURL();
	loginlink.AUTH		= this;
	var onclickPopupIn	= function() {
		var loginpop	= window.open(this.loginURL,'Login','toolbar=no,width=700,height=350,directories=no,status=no,scrollbars=no,resizable=yes,menubar=no'); 
		this.AUTH.iID	= setInterval("OIDAUTH.checkForFragment()",1000);
	};
	var onclickIFrameIn	= function() {
		this.AUTH.loginoutiframe.style.display	= "";
		this.AUTH.loginoutiframe.src	= this.loginURL;
		this.AUTH.iID	= setInterval("OIDAUTH.checkForFragment()",1000);
	};
	var onclickRedirectIn	= function() {
		window.location.href	= this.loginURL + "?redirect=" + escape(window.location.href);
	};
	loginlink.onclick	= onclickRedirectIn;
//	loginlink.onclick	= onclickPopupIn;
//	loginlink.onclick	= onclickIFrameIn;
	loginlink.title	= "Click to login";
	loginlink.style.display	= "none";
	loginlogoutdiv.appendChild(loginlink);
//	this.loginoutiframe.style.left	= getObjLeft(loginlink);
//	this.loginoutiframe.style.top	= getObjTop(loginlink);
	//
	var logoutlink	= document.createElement("A");
	this.logoutdiv	= logoutlink;
	logoutlink.id	= loginlogoutdiv.id + "logout";
	logoutlink.innerHTML	= "logout";
	logoutlink.AUTH		= this;
	var onclickPopupOut	= function() {
		var logoutpop	= window.open(this.AUTH.getlogoutURL(),'Login','toolbar=no,width=600,height=350,directories=no,status=no,scrollbars=no,resizable=yes,menubar=no'); 
	};
	var onclickIFrameOut	= function() {
		this.AUTH.loginoutiframe.style.display	= "";
		this.AUTH.loginoutiframe.src	= this.AUTH.getlogoutURL();
	};
	var onclickJSON	= function() {
//this.AUTH.authdata.data = {};
		this.AUTH.createSRCtag(this.AUTH.getlogoutURL(),"");
	}
	logoutlink.onclick	= onclickJSON;
	logoutlink.title	= "Click to logout";
	logoutlink.style.display	= "none";
	loginlogoutdiv.appendChild(logoutlink);
 },

 createSRCtag	: function(srcURL) {
	var logintag	= document.createElement("SCRIPT");
	logintag.src	= srcURL;
	document.getElementsByTagName("HEAD")[0].appendChild(logintag);
 },

 checkForFragment	: function() {
	var frag	= this.loginoutiframe.ownerDocument.location.hash;
	// if frag, then deal with it
	if (frag.match(/AUTHDONE/)) {
		this.getUserInfo();
	} else if (frag.match(/CONSENTDONE/)) {
		this.getUserInfo();
	} else { return; }
	// clear fragment and IFRAME
	clearInterval(this.iID);
	this.loginoutiframe.ownerDocument.location.hash = "";
 },

 init	: function() {
	if (typeof(DEBUGPANE) == "undefined")	{
		var debugpane	= document.createElement("PRE");
		debugpane.id	= "debugpane";
		document.getElementsByTagName("BODY")[0].appendChild(debugpane);
		DEBUGPANE	= debugpane;
		debugpane.style.display	= "none";
	}
	this.setuploginlogoutdiv();
	this.setusername("");
	this.getUserInfo();
 }

};

if (typeof(AJAX) != "undefined") {
	OIDAUTH.createSRCtag = AJAX.createSRCtag;
}
var MISHAP = {

 Users	: [],

 Me: {},

 site	: "",

 protocol : document.location.protocol,

 getUserData	: function(divid) {
	AJAX.createSRCtag(MISHAP.protocol + "//" + MISHAP.site + "/user/getUserData2","divid=" + divid + "&c=MISHAP.gotUserData");
//DEBUGPANE.innerHTML	= "divid=" + divid + "&c=MISHAP.gotUserData&userdata=" + escape(OIDAUTH.authdata.     toJSONString());
//DEBUGPANE.style.display = "block";
 },

 secure : function() {
	MISHAP.protocol = "https:";
	return MISHAP;
 },

 unsecure : function() {
	MISHAP.protocol = "http:";
	return MISHAP;
 },

 gotUserData	: function(obj,divid) {
	var currUser	= MISHAP.addUser(obj);
	currUser.data.Logins[0].id = OIDAUTH.getAuthData("userData_loginId");
	MISHAP.Me	= currUser;
	var targdiv	= document.getElementById(divid);
	if (targdiv) {
		currUser.toEDIT(targdiv);
		PageData.makeEditableDiv(targdiv);
	}
	MISHAP.ongotUserData(obj);
 },

 onUserSave	: PageData.onPageDataSave,

/* override this function for more functionality */
 ongotUserData	: function(obj) {},

 addUser	: function(obj) {
	var dataobj	= new MISHAP.User(obj);
	this.Users.push(dataobj);
	this.currUser	= dataobj;
	return dataobj;
 }

};

MISHAP.User	= function(obj) {

 this.toString   = function() { return "[object MISHAP.User]"; };

 this._dataversion = "2.01";

 this.data	= {
		uid		: "",
		_version: "0",
		_class	: "",
		Logins	: [{
			id	: ""
		}],
//		Secret	: "",
		'Status':'',
		Email	: "",
		Referral	: "",
		Name	: {
			Title : "", // mr, mrs, miss, ms
			First : "",
			Last  : "",
			Suffix  : ""
		},
		Phone: "",
		MailingAddress	: {
			Address1 : "",
			Address2 : "",
			City : "",
			State : "",
			Zip : ""
		}
 };

 this.providerlinks = {
	'google':'https://www.google.com/accounts/IssuedAuthSubTokens',
	'facebook':'http://www.facebook.com/editapps.php'
 };

 if (obj) { this.data = obj; }

 this.saveurl	= MISHAP.protocol + "//" + MISHAP.site + "/user/save";
 this.callback	= "MISHAP.onUserSave";
 this.getsavevariablestr = function() { 
	var varstr = "";
	varstr	+= "userdata=" + escape(OIDAUTH.authdata.toJSONString());
	varstr	+= "&c=" + this.callback;
	return varstr;
 };

 this.tagName   = "MISHAPUser";
 this.className = "";

 this.getFullName	= function() {
	var name = this.data.Name.Title;
	name	+= " " + this.data.Name.First;
	name	+= " " + this.data.Name.Last;
	if (this.data.Name.Suffix) {
		name	+= ", " + this.data.Name.Suffix;
	}
	return name;
 };

 this.updateDataFields = function() {
	if (this._dataversion == this.data._version) { return; }
	if (this.data.uid		== undefined) { this.data.uid = ""; }
	if (this.data['Status']	== undefined) { this.data['Status'] = "current"; }
	if (this.data.Email		== undefined) { this.data.Email = ""; }
	if (this.data.Phone		== undefined) { this.data.Phone = ""; }
	if (this.data.Referral		== undefined) { this.data.Referral = ""; }
	if (this.data._class	== undefined) { this.data._class = ""; }
	if (this.data.Logins	== undefined) { this.data.Logins = []; }
	for (var lIdx = 0; lIdx < this.data.Logins.length; lIdx++) {
		if (this.data.Logins[lIdx].id == undefined) { this.data.Logins[lIdx].id = ""; }
	}
	if (this.data.Name		== undefined) {  this.data.Name = {}; }
	if (this.data.Name.Title == undefined) {  this.data.Name.Title = ""; }
	if (this.data.Name.First == undefined) {  this.data.Name.First = ""; }
	if (this.data.Name.Last	== undefined) {  this.data.Name.Last = ""; }
	if (this.data.Name.Suffix == undefined) {  this.data.Name.Suffix = ""; }
	if (this.data.MailingAddress == undefined) { this.data.MailingAddress = {}; }
//alert(this.data.MailingAddress + "\n" + this.data.toJSONString());
	if (this.data.MailingAddress.Address1 == undefined) { this.data.MailingAddress.Address1 = ""; }
	if (this.data.MailingAddress.Address2 == undefined) { this.data.MailingAddress.Address2 = ""; }
	if (this.data.MailingAddress.City	== undefined) { this.data.MailingAddress.City = ""; }
	if (this.data.MailingAddress.State	== undefined) { this.data.MailingAddress.State = ""; }
	if (this.data.MailingAddress.Zip	== undefined) { this.data.MailingAddress.Zip = ""; }
	this.data._version = this._dataversion;
	return this;
 };

 this.normalizeData = function() {
    this.data.Phone = PageData.fixPhone(this.data.Phone);
	this.data.Name.First = PageData.fixCase(this.data.Name.First);
	this.data.Name.Last = PageData.fixCase(this.data.Name.Last);
	this.data.MailingAddress.Address1 = PageData.fixCase(this.data.MailingAddress.Address1);
	this.data.MailingAddress.City = PageData.fixCase(this.data.MailingAddress.City);
	if (this.data.Name.Suffix.match(/ms|mrs|mr/i)) { this.data.Name.Suffix = ''; }
 };

 this.toINDEX	= function(div) {
	this.style	= "view";
	var targdiv = div.getElementsByTagName("Content")[0];
	if (!targdiv) { return 0; }
	targdiv.innerHTML	= "";
	this.displayDiv	= targdiv;
	var ctab = document.createElement("TABLE");
	var row	= ctab.insertRow(-1);
	var uidCell	= row.insertCell(-1);
	var typeCell	= row.insertCell(-1);
	uidCell.className	= "label";
	uidCell.innerHTML	= this.data.uid;
	typeCell.innerHTML	= this.data.type;
	targdiv.appendChild(ctab);
	return this;
 };

 this.toHTML	= function(div) {
	this.style	= "view";
	div.dataobj	= this;
	var targdiv = div.getElementsByTagName("Content")[0] || div;
	if (!targdiv) { return 0; }
	PageData.setvieworeditdiv("view",div);
	targdiv.innerHTML	= "";
	this.displayDiv	= targdiv;
	var infodiv	= document.createElement("DIV");
	var custdiv	= document.createElement("DIV");
	targdiv.appendChild(infodiv);
	this.toHTMLinfo(infodiv);
 };

 this.toHTMLinfo = function(targdiv) {
	var namediv	= document.createElement("div");
	namediv.className	= "name";
	var logindiv	= document.createElement("div");
	var referdiv	= document.createElement("div");
	var emaildiv	= document.createElement("div");
	var phonediv	= document.createElement("div");
	logindiv.className	= "info login";
	referdiv.className	= "info";
	emaildiv.className	= "info";
	phonediv.className	= "info";
//	var secretdiv	= document.createElement("div");
//	secretdiv.className	= "info";
	var addrdiv	= document.createElement("div");
	addrdiv.className	= "info address";
	var addr1div	= document.createElement("div");
	var addr2div	= document.createElement("div");
	var addr3div	= document.createElement("div");
	namediv.innerHTML	= this.getFullName(); //this.data.Name.Title + " " + this.data.Name.First + " " + this.data.Name.Last;
	referdiv.innerHTML	= this.data.Referral;
	logindiv.innerHTML	= '';
	if (this.data.Logins[0]) { if (!this.data.Logins[0].id) {
		logindiv.appendChild(document.createTextNode('NO LOGIN'));
	} }
	var emailtext = document.createTextNode(this.data.Email);
	if (this.data.Email.match("@")) {
		var emaillink = document.createElement('a');
		emaillink.href = 'mailto:' + this.data.Email;
		emaillink.appendChild(emailtext);
		emaildiv.appendChild(emaillink);
	} else {
		emaildiv.appendChild(emailtext);
	}
//	emaildiv.innerHTML	= this.data.Email;
	phonediv.innerHTML	= this.data.Phone;
//	secretdiv.innerHTML	= "Secret Word: " + this.data.Secret;
	addr1div.innerHTML	= this.data.MailingAddress.Address1;
	addr2div.innerHTML	+= this.data.MailingAddress.Address2;
	addr3div.innerHTML	+= this.data.MailingAddress.City + ", " + this.data.MailingAddress.State + " " + this.data.MailingAddress.Zip;
	addrdiv.appendChild(addr1div);
	addrdiv.appendChild(addr2div);
	addrdiv.appendChild(addr3div);
	targdiv.appendChild(namediv);
	targdiv.appendChild(emaildiv);
	targdiv.appendChild(phonediv);
//	targdiv.appendChild(secretdiv);
	targdiv.appendChild(addrdiv);
	targdiv.appendChild(logindiv);
	targdiv.appendChild(referdiv);
 };

 this.toEDIT	= function(div) {
	this.style	= "edit";
	div.dataobj	= this;
	var targdiv = div.getElementsByTagName("Content")[0] || div;
	if (!targdiv) { return 0; }
	PageData.setvieworeditdiv("edit",div);
	targdiv.innerHTML	= "";
	this.displayDiv	= targdiv;
	var infodiv	= document.createElement("DIV");
	var custdiv	= document.createElement("DIV");
	targdiv.appendChild(infodiv);
	targdiv.appendChild(custdiv);
	this.toEDITinfo(infodiv);
 };

 this.toEDITinfo	= function(targdiv) {
	var datapatharr	= [
		{
		 Path: "Name.Title",
		 Label: "Title",
		 Type: "radio",
		 Options: "Mr.,Mrs.,Miss,Ms."
		},
		{
		 Path: "Name.First",
		 Label: "First Name"
		},
		{
		 Path: "Name.Last",
		 Label: "Last Name"
		},
		{
		 Path: "Name.Suffix",
		 Label: "Suffix"
		},
		{
		 Path: "Email",
		 Label: "Email Address"
		},
		{
		 Path: "Phone",
		 Label: "Phone"
		},
		{
		 Path: "MailingAddress.Address1",
		 Label: "Address1"
		},
		{
		 Path: "MailingAddress.Address2",
		 Label: "Address2"
		},
		{
		 Path: "MailingAddress.City",
		 Label: "City"
		},
		{
		 Path: "MailingAddress.State",
		 Label: "State"
		},
		{
		 Path: "MailingAddress.Zip",
		 Label: "Zip"
		},
/*
		{
		 Path: "Secret",
		 Label: "Secret Word"
		},
 */
		{
		 Path: "Logins[0].id",
		 Type: "none",
		 Label: "Login"
		}
	];
	for (var lIdx = 1; lIdx < this.data.Logins.length; lIdx++) {
		var obj = {
			Path: "Logins[" + lIdx + "].id",
			Type: "none",
			Label: "alt Login " + lIdx
		};
		datapatharr.push(obj);
	}
	if (!this.data.Referral) {
		var obj = {
			Path: "Referral",
			Label: "How did you hear about us?",
			Type: "text"
		};
		datapatharr.push(obj);
	}
	targdiv.dataobj	= this;
	var edittable	= PageData.createEditTable(this,datapatharr);
	targdiv.appendChild(edittable);
	PageData.applyEditTags(targdiv);
//	this.toEDITinfologins(edittable);
 };

 this.toEDITinfologins	= function(edittable) {
	var datapatharr = [];
	if (typeof(this.data.Logins) == undefined) { this.data.Logins = [{"id":""}]; }
	for (var lIdx = 0; lIdx < this.data.Logins.length; lIdx++) {
		var obj	= {};
		obj.onclick = function () { alert('wtf'); },
		obj.Default	= "";
		obj.Path	= "Logins[" + lIdx + "].id";
		obj.Rows	= "1";
		datapatharr.push(obj);
	}
	var args	= {
		edittable	: edittable,
		dataobj	: this,
		Label	: "Logins",
		datapatharr : datapatharr,
		refresh	: function(edtab) { 
			this.dataobj.data.Logins.push({"id":""});
			this.dataobj.toEDITinfologins(edtab); 
		}
	};
	var edittablebody = PageData.addArrayToEditTable(args);
	edittablebody.dataobj	= this;
	PageData.applyEditTags(edittablebody);
 };

 this.updateDataFields();
 this.normalizeData();

 return this;

};

function Month(month,numb,days) {
	this.num	= numb;
	this.name	= month;
	this.days	= days;
	return this;
}

var Months	= new Array();
Months[0]	= new Month("Jaunary",1,31);
Months[1]	= new Month("February",2,28);
Months[2]	= new Month("March",3,31);
Months[3]	= new Month("April",4,30);
Months[4]	= new Month("May",5,31);
Months[5]	= new Month("June",6,30);
Months[6]	= new Month("July",7,31);
Months[7]	= new Month("August",8,31);
Months[8]	= new Month("September",9,30);
Months[9]	= new Month("October",10,31);
Months[10]	= new Month("November",11,30);
Months[11]	= new Month("December",12,31);

function getAge(date,bdate) {
	if (!bdate) { bdate = BIRTHDATE; }
	if (!date) { return ""; }
	var yeardiff = date.getYear() - bdate.getYear();
	var datediff = date.getDate() - bdate.getDate();
	var monthdiff = date.getMonth() - bdate.getMonth();
	if (datediff < 0) {
		monthdiff--;
		datediff += Months[(date.getMonth()+11)%12].days;
	}
	if (monthdiff < 0) {
		yeardiff--;
		monthdiff += 12;
	}
	var retval	= yeardiff + "." + monthdiff + "." + datediff;
	return retval;
}

function getAgeStr(date,bdate) {
	if (!bdate) { bdate = BIRTHDATE; }
	if (!date) { return ""; }
	if (parseInt(date.getHours() + date.getMinutes()) == 0) {
		date.setHours(bdate.getHours());
		date.setMinutes(bdate.getMinutes());
	}
	var ageStr	= "";
	var age	= getAge(date,bdate).split(".");
	var years	= age[0];
	var months	= age[1];
	var days	= age[2];
	var monthsOld = years*12 + months;
	var daysOld	= parseInt((date-bdate)/86400000);
	var hoursOld= parseInt((date-bdate)/3600000);
	var hours	= parseInt(hoursOld%24);
	if (hoursOld < 1) { 
		var mins = parseInt((date-bdate)/60000);
		ageStr	= mins + " minutes";
	} else if (hoursOld < 50) {
		ageStr	= hoursOld + " hours";
	} else if (daysOld < 11) {
		if (hours > 15) { daysOld++; }
		ageStr	+= daysOld + " days";
	} else if (monthsOld < 3) {
//alert(daysOld + "d");
		if (hours > 15) { daysOld++; }
		var weeks	= parseInt(daysOld/7);
		var wdays	= parseInt(daysOld%7);
		ageStr	= weeks + " weeks " + wdays + " days";
	} else if (monthsOld < 18) {
//		if (days > 25) { months++; }
		ageStr	= months + " months "  + days + " days";
	} else {
		if (days > 21) { months++; }
		ageStr	= years + " years " + months + " months";
	}
	if ((date-bdate) < 0) { return ""; } 
//		ageStr.replace("-","");
//		ageStr += " to go"; }
//	else { ageStr += " old"; }
	return ageStr;
}
 function getTagValue(element,defValue) {
    if (!element) { return defValue; }
    var node    = element.firstChild;
    if (!node) { return defValue; }
    var value   = node.nodeValue;
    if (!value) { return defValue; }
    return value;
 }

 function getElementValueFromPath(xml,nodePath,defValue) {
	var nodeNames	= nodePath.split(/\//g);
    var element = xml;
	for (var nIdx = 0; nIdx < nodeNames.length; nIdx++) {
		var nodeName	= nodeNames[nIdx];
		element	= element.getElementsByTagName(nodeName)[0];
	}
    if (!element) { return defValue; }
    var node    = element.firstChild;
    if (!node) { return defValue; }
    var value   = node.nodeValue;
    if (!value) { return defValue; }
    return value;
 }

 function getElementValuesFromPath(xml,nodePath,defValue) {
	var nodeNames	= nodePath.split(/\//g);
	var retArr		= new Array();
	var elements	= new Array();
	elements.push(xml);
	for (var nIdx = 0; nIdx < nodeNames.length; nIdx++) {
		var nodeName	= nodeNames[nIdx];
		var tmpArr	= new Array();
		for (var eIdx = 0; eIdx < elements.length; eIdx++) {
			var element	= elements[eIdx];
			var neweles	= element.getElementsByTagName(nodeName);
			for (var newIdx = 0; newIdx < neweles.length; newIdx++) {
				tmpArr.push(neweles[newIdx]);
			}
		}
		elements	= tmpArr;
	}
	var elements = xml.getElementsByTagName(nodeName);
	for (var eIdx = 0; eIdx < elements.length; eIdx++) {
		var element	= elements[eIdx];
		var node    = element.firstChild;
		if (!node) { retArr.push(defValue); continue; }
		var value   = node.nodeValue;
		if (!value) { retArr.push(defValue); continue; }
		retArr.push(value);
	}
    return retArr;
 }

 function sumElementValuesFromPath(xml,nodePath,defValue) {
	var sum 	= 0;
	var values	= getElementValuesFromPath(xml,nodePath,defValue);
	for (var vIdx = 0; vIdx < values.length; vIdx++) {
		var value	= values[vIdx].replace(/\D/g,"");
		if (!value.match(/^\d+$/)) { continue; }
		var val	= parseInt(values[vIdx].replace(/\D/,""));
		sum		+= val;
	}
	return sum;
 }

 function getElementValue(xml,nodeName,defValue) {
    var element = xml.getElementsByTagName(nodeName)[0];
    if (!element) { return defValue; }
    var node    = element.firstChild;
    if (!node) { return defValue; }
    var value   = node.nodeValue;
    if (!value) { return defValue; }
    return value;
 }

 function getElementValues(xml,nodeName,defValue) {
	var retArr	= new Array();
	var elements = xml.getElementsByTagName(nodeName);
	for (var eIdx = 0; eIdx < elements.length; eIdx++) {
		var element	= elements[eIdx];
		var node    = element.firstChild;
		if (!node) { retArr.push(defValue); continue; }
		var value   = node.nodeValue;
		if (!value) { retArr.push(defValue); continue; }
		retArr.push(value);
	}
    return retArr;
 }

 function sumElementValues(xml,nodeName,defValue) {
	var sum 	= 0;
	var values	= getElementValues(xml,nodeName,defValue);
	for (var vIdx = 0; vIdx < values.length; vIdx++) {
		var value	= values[vIdx].replace(/\D/,"");
//DEBUGPANE.innerHTML += values[vIdx] + " => " + value + "\n";
		if (!value.match(/^-?\d+$/)) { continue; }
		var val	= parseInt(values[vIdx].replace(/\D/,""));
		sum		+= val;
	}
	return sum;
 }

 function isElementValue(xml,nodeName,expValue) {
	var elements = xml.getElementsByTagName(nodeName);
	for (var eIdx = 0; eIdx < elements.length; eIdx++) {
		var element	= elements[eIdx];
		var node    = element.firstChild;
		if (!node) { retArr.push(defValue); continue; }
		var value   = node.nodeValue;
		if (value == expValue) { return 1; }
	}
    return 0;
 }
function Twisty() {

 this.document;

 this.openclose	= function(id,img) {
	if (img.src.match("cls")) {
		img.src	= img.src.replace("cls","opn");
		this.document.getElementById(id).style.display	= "";
	} else {
		img.src	= img.src.replace("opn","cls");
		this.document.getElementById(id).style.display	= "none";
	}
 };

 return this;

}
 var MSdotCOM = { VERSION : "1.0" };

 MSdotCOM.Me	= {};

 MSdotCOM.gotMyInfo  = function(obj,divid) {
    var userdata    = obj.User;
    var acctdata    = obj.Account;
	var message		= obj.Text;
//alert(obj.toJSONString());
    if (userdata) { 
        MSdotCOM.Me    = {};
		MSdotCOM.Me.data = acctdata;
    }
	MSdotCOM.ongotMyInfo(obj,divid);
	return;
 };

 MSdotCOM.getMyInfo  = function(divid) {
    var args    = [];
    args.push("divid=" + divid);
    args.push("c=MSdotCOM.gotMyInfo");
    args.push("userclaim=" + escape(OIDAUTH.authdata.toJSONString()));
    AJAX.createSRCtag("/js-bin/getMyInfo.js",args.join("&"));
 };

 MSdotCOM.ongotMyInfo	= function(obj,divid) {};

 MSdotCOM.initAUTH = function() {
    OIDAUTH.setLoginoutDIV(document.getElementById("loginlink"));
    OIDAUTH.setUsernameDIV(document.getElementById("username"));
    OIDAUTH.setUserAccountUrl("http://www.mikeandshelby.com/myaccount.html");
    OIDAUTH.site = "www.mikeandshelby.com";
//    OIDAUTH.secure();
    OIDAUTH.ongotUserInfo   = function(argobj) {
        if (OIDAUTH.getAuthData("userData_loginId")) {
        } else {
            if (MSdotCOM.authrequired) {
                window.location.replace(OIDAUTH.getloginURL());
            }
            if (document.getElementById('registerdiv')) {
                document.getElementById('registerdiv').style.display    = "";
            }
        }
        MSdotCOM.getMyInfo();
    }
    OIDAUTH.init();
    return MSdotCOM;
 };

var PicList	= {

 BIRTHDATE	: "",
 queue	: "",
 cur	: "",
 slideshow	: false,
 delay		: 6,
 tid		: 0,
 filters	: new Array(),
 filteredlist	: new Array(),
 Pics	: new Array(),
 currPic: "",

 listDiv	: "",
 picDiv	: "",

 toString	: function() { return "[object PicList]"; },

 init	: function() {
	PicList.getPicsList();
 },


 getPicsList : function() {
	PicList.makeEditable();
	AJAX.createSRCtag("/js-bin/getPicsList.js","page=" + PicList.queue);
 },

 gotPicsList : function(obj) {
/* If I want to sort . . . 
    var sortedlist  = obj.sort(PicList.sortPicsByDate);
    for (var pIdx = 0; pIdx < sortedlist.length; pIdx++) {
        PicList.addPic(sortedlist[pIdx]);
    }
*/
	for (var pIdx = 0; pIdx < obj.length; pIdx++) {
		PicList.addPic(obj[pIdx]);
	}
	PicList.filteredlist	= new Array();
	for (var p = 0; p < PicList.Pics.length; p++) {
		PicList.filteredlist.push(p);
	}
	PicList.cur = PicList.Pics.length - 20;
	PicList.startSlideshow();
	PicList.filterList();
	PicList.listPics();
	PicList.setIntroText();
	INITPID = window.location.hash.replace(/#/g,"");
	if (INITPID) { PicList.Pics[PicList.getPidxByPid(INITPID)].toHTML(); }
//	if (INITPID) { PicList.displayPic(PicList.getPidxByPid(INITPID)); }
 },

 setIntroText	: function() {
	var currPic = PicList.Pics[0];
	if (!currPic) { return 0; }
	var divText = document.getElementById("introText");
	for (var tIdx = 0; tIdx < currPic.data.Comments.length; tIdx++) {
		var ctext    = document.createElement("P");
		ctext.innerHTML  = currPic.data.Comments[tIdx].Text;
		divText.appendChild(ctext);
	}
 },

 addPic		: function(obj) {
	var pic	= new PicList.Pic(obj);
	pic.idx	= PicList.Pics.length;
	PicList.Pics.push(pic);
	return pic;
 },

 addFilter	: function(filter) {
	PicList.filters.push(filter);
 },

 setFilter	: function(filter) {
	PicList.filters	= filter.split(" ");
 },

 clearFilters	: function() {
	PicList.filters	= new Array();
	PicList.filteredlist	= new Array();
	for (var p = 0; p < PicList.Pics.length; p++) {
		PicList.filteredlist.push(p);
	}
	PicList.listPics();
 },

 filterList	: function(filter) {
	if (filter) { PicList.setFilter(filter); }
	PicList.filteredlist	= new Array();
	for (var pIdx = 0; pIdx < PicList.Pics.length; pIdx++) {
		var cand	= 1;
	 	for (var fIdx = 0; fIdx < PicList.filters.length; fIdx++) {
			var filter	= PicList.filters[fIdx];
			var picstr	= PicList.Pics[pIdx].data.toJSONString();
			if (!picstr.match(filter,"i")) { cand = 0; break; }
		}
		if (cand) {
			PicList.filteredlist.push(pIdx);
		}
	}
 },

 displayPicFromHash	: function() {
	var pid = window.location.hash;
	alert(pid);
 },

 getPidxByPid	: function(pid) {
	for (var pidx = 0; pidx < PicList.Pics.length; pidx++) {
		if (PicList.Pics[pidx].data.uid	== pid) { return pidx; }
	}
	return 0;
 },

 saveAll	: function() {
//PicList.Pics[5].data.uid	= "";
//alert(PicList.Pics[5].data.toJSONString());
//PicList.Pics[5].save();
//return;
	for (var pIdx = 0; pIdx < PicList.Pics.length;  pIdx++) {
		PicList.Pics[pIdx].data.uid	= "";
		PicList.Pics[pIdx].save();
	}
 },

 sortPicsByDate	: function(a,b) {
	if (!a.data) { return 0; }
	if (!b.data) { return 0; }
	if (!a.data.Images[0]) { return 0; }
	if (!b.data.Images[0]) { return 0; }
	var aD	= new Date(a.data.Images[0].Date);
	var bD	= new Date(b.data.Images[0].Date);
	if (aD < bD) { return -1; }
	if (aD > bD) { return 1; }
	return 0;
 },

 onPicSave	: function(obj) {
	DEBUGPANE.innerHTML	+= obj.toJSONString() + "\n";
 },

 listPics	: function() {
	var table	= document.createElement("TABLE");
	var ptable	= table;
/*
	for (rIdx = 0; rIdx < ptable.rows.length; rIdx++) {
		ptable.deleteRow(0);
	}
*/
	for (var pIdx = 0; pIdx < PicList.filteredlist.length;  pIdx++) {
		var i	= PicList.filteredlist[pIdx];
		var pid	= PicList.Pics[i].data.uid;
		if (PicList.Pics[i].data.isHeader) {
			var ptableid	= "picsfor" + i;
			// create header row
			var img		= document.createElement("IMG");
			img.src		= "/Icons/aoltwisty-opn.png";
			img.className	= "clickable";
			img.ptableid	= ptableid;
			img.onclick	= function() { TWISTY.openclose(this.ptableid,this); }
			var hRow	= table.insertRow(-1);
			var tCell	= hRow.insertCell(-1);
			var hCell	= hRow.insertCell(-1);
			tCell.appendChild(img);
			hCell.className	= "header";
			hCell.innerHTML	= PicList.Pics[i].data.Title;
			// create pic list row
			var pRow	= table.insertRow(-1);
			var tCell	= pRow.insertCell(-1);
			var pCell	= pRow.insertCell(-1);
			ptable	= document.createElement("TABLE");
			ptable.id	= ptableid;
			pCell.appendChild(ptable);
		} else {
			var pRow	= ptable.insertRow(-1);
			var pCell	= pRow.insertCell(-1);
			pCell.picObj	= PicList.Pics[i];
			pCell.className	= "clickable piccell";
			pCell.idx	= i;
			pCell.title	= "displayPic(" + i + ") " + pid;
//			pCell.onclick	= function() { PicList.displayPic(this.idx); }
			pCell.onclick	= function() { 
				PicList.currPic	= this.picObj;
				this.picObj.toHTML(); 
//DEBUGPANE.innerHTML	= this.picObj.data.toJSONString();
			}
			pCell.innerHTML	= PicList.Pics[i].data.Title;
		}
	}
	var condiv	= PicList.listDiv.getElementsByTagName("CONTENT")[0]
	condiv.innerHTML	= "";
	condiv.appendChild(table);
 },

 startSlideshow	: function(checkbox) {
	if (PicList.slideshow) {
		PicList.displayPic(PicList.cur+1);
	} else {
		clearTimeout(PicList.tid);
		PicList.tid = 0;
	}
	PicList.tid = setTimeout("PicList.startSlideshow()",PicList.delay*1000);
 }

};

  PicList.makeEditable	= function() {
	var bardiv	= PicList.listDiv.getElementsByTagName("BARDIV")[0];
	if (!bardiv) { return 0; }
	var buttonbardiv = bardiv.getElementsByTagName("Table")[0];
	if (!buttonbardiv) { return 0; }
	var numrows	= buttonbardiv.rows.length;
	for (var r=0; r<numrows; r++) {
		buttonbardiv.deleteRow(0);
	}
	var row	= buttonbardiv.insertRow(-1);
	var cell = row.insertCell(-1);
	var addnewimg	= document.createElement("IMG");
	addnewimg.border	= 0;
	addnewimg.src	= "/Icons/icon_addprofile_22x16.gif";
	var addnewtext	= document.createElement("SPAN");
	addnewtext.innerHTML	= "&nbsp; Add New Picture";
	addnewimg.onclick	= function() {
		PicList.addPic().toEDIT();
		PicList.clearFilters();
	};
	cell.appendChild(addnewimg);
	cell.appendChild(addnewtext);
  };

PicList.Pic	= function(obj) {

 this.data	= {
	uid	: "",
	isHeader: 0,
	Header: "",
	Title	: "New Picture",
	Height	: "",
	Weight	: "",
	Videos	: [
//	  {
//		html	: "",
//		Date	: ""
//	  }
	],
	Images	: [
//	  {
//		Src	: "",
//		Date	: ""
//	  }
	],
	Videos	: [
//	  {
//		html	: "",
//		Date	: ""
//	  }
	],
	Comments	: [
//	  {
//		Text	: ""
//	  }
	],
	Updates	: [
//	  {
//		Text	: ""
//	  }
	]
 };

 this.style	= "";
 this.saveurl	= "/cgi-bin/savepicRecord";
 this.callback  = "PageData.onPageDataSave";
 this.tagName	= "DIV";
 this.className	= "";
 this.displayDiv	= "";

 this.getsavevariablestr = function() { 
	var variablestr	= "queue=" + PicList.queue;
//DEBUGPANE.innerHTML	+= variablestr + "\n";
	return variablestr;
 };


 if (obj) { this.data = obj; }

 this.toString   = function() { return "[object PicList.Pic]"; };

 this.setTitle	= function(title) {
	this.data.Title	= title;
 };

 this.addDate	= function(date) {
	this.data.Dates.push();//new Date(date));
 };

 this.addText	= function(text) {
	this.data.Comments.push({"Text":text});
 };

 this.addVideo	= function(url,date) {
	this.data.Videos.push({"Src":url,"Date":date});
 };

 this.addImage	= function(url,date) {
	this.data.Images.push({"Src":url,"Date":date});
 };

 this.addUpdate	= function(text) {
	this.data.Updates.push({"Text":text});
 };

 this.toHTML	= function(targdiv) {
	this.style	= "view";
	document.getElementById('intro').style.display = "none";
	if (!targdiv) {
		targdiv	= PicList.picDiv;
	}
	targdiv.dataobj	= this;
	PicList.currPic	= this;
	targdiv.style.display	= "";
	targdiv.className	= targdiv.className.replace(/ edit| view/,"");
	targdiv.className	+= " view";
	var picDisplay = targdiv.getElementsByTagName("Content")[0];
	picDisplay.innerHTML	= "";
	var num	=  PicList.getPidxByPid(this.data.uid);
	if (!num) { num = 1; }
	if (num > PicList.Pics.length - 1) { num = 1; }
	this.cur = num;
	var prv = num - 1;
	var nxt = num + 1;
	var currPic	= this;
	var isHeader	= currPic.data.isHeader;
	var title		= currPic.data.Title;
	var height		= currPic.data.Height;
	var weight		= currPic.data.Weight;
	var images		= currPic.data.Images;
	var videos		= currPic.data.Videos;
	var text		= currPic.data.Comments;
	var updates		= currPic.data.Updates;
	var divTitle	= document.createElement("H1");
	divTitle.id	= "picTitle";
	var divImage	= document.createElement("DIV");
	divImage.id	= "picImage";
	var divText		= document.createElement("DIV");
	divText.id	= "picText";
	var divUpdate	= document.createElement("DIV");
	divUpdate.id	= "picUpdate";
	var divDate		= document.createElement("DIV");
	divDate.id	= "picDate";
	var divStats	= document.createElement("DIV");
	divStats.id	= "picStats";
	var divNav		= document.createElement("DIV");
	divNav.id	= 'picNav';
	divNav.style.display	= "";
	var divLink		= document.createElement("DIV");
	divLink.id	= "divLink";
	var spanLink		= document.createElement("SPAN");
	spanLink.id	= "spanLink";
	spanLink.innerHTML	= "The URL for this picture is: ";
	divLink.style.display	= "none";
	var picLink		= document.createElement("A");
	picLink.id	= "picLink";
	divLink.appendChild(spanLink);
	divLink.appendChild(picLink);
	picDisplay.appendChild(divTitle);
	picDisplay.appendChild(divNav);
	picDisplay.appendChild(document.createElement("HR"));
	picDisplay.appendChild(divImage);
	picDisplay.appendChild(divText);
	picDisplay.appendChild(divUpdate);
	picDisplay.appendChild(document.createElement("BR"));
	picDisplay.appendChild(divDate);
	picDisplay.appendChild(divStats);
	picDisplay.appendChild(divLink);
	// Set Title
	  divTitle.innerHTML	= currPic.data.Title;
	// Set Images and Videos
	  var maxcols	= 2;
	  var imagetable	= document.createElement("TABLE");
	  var row	= imagetable.insertRow(-1);
	  if (!currPic.data.Images) { currPic.data.Images	= []; }
	  if (!currPic.data.Videos) { currPic.data.Videos	= []; }
	  divImage.innerHTML	= "";
	  divImage.appendChild(imagetable);
	  for (var p = 0; p < currPic.data.Images.length; p++) {
		if (currPic.data.Images[p].Src) {
			if (!(row.cells.length < maxcols)) {
				row = imagetable.insertRow(-1);
			}
			var cell	= row.insertCell(-1);
			var imgdiv	= document.createElement("SPAN");
			var img	= document.createElement("IMG");
			var newline	= document.createElement("BR");
			var datediv	= document.createElement("SPAN");
			img.src	= currPic.data.Images[p].Src;
			var thedate	= "";
			if (currPic.data.Images[p].Date) {
				thedate	= new Date(currPic.data.Images[p].Date);
			}
			if (thedate) {
				var date	= (thedate.getMonth()+1) + "/" + thedate.getDate() + "/" + thedate.getFullYear();
				datediv.innerHTML	= date;
			}
			imgdiv.appendChild(img);
			imgdiv.appendChild(newline);
			imgdiv.appendChild(datediv);
			cell.appendChild(imgdiv);
		}
	  }
	  for (var p = 0; p < currPic.data.Videos.length; p++) {
		if (currPic.data.Videos[p].html) {
			if (!(row.cells.length < maxcols)) {
				row = imagetable.insertRow(-1);
			}
			var cell	= row.insertCell(-1);
			var embeddiv	= document.createElement("SPAN");
			var embedhtml	= document.createElement("SPAN");
			var newline	= document.createElement("BR");
			var datediv	= document.createElement("SPAN");
			embedhtml.innerHTML	= currPic.data.Videos[p].html;
			var thedate	= "";
			if (currPic.data.Videos[p].Date) {
				thedate	= new Date(currPic.data.Videos[p].Date);
			}
			if (thedate) {
				var date	= (thedate.getMonth()+1) + "/" + thedate.getDate() + "/" + thedate.getFullYear();
				datediv.innerHTML	= date;
			}
			embeddiv.appendChild(embedhtml);
			embeddiv.appendChild(newline);
			embeddiv.appendChild(datediv);
			cell.appendChild(embeddiv);
		}
	  }
	// Set Text
	  divText.innerHTML	= "";
	  for (var t = 0; t < currPic.data.Comments.length; t++) {
		if (currPic.data.Comments[t].Text) {
			var text	= document.createElement("P");
			text.innerHTML	= currPic.data.Comments[t].Text;
			divText.appendChild(text);
		}
	  }
	// Set Updates
	  divUpdate.innerHTML	= "<H3>Updates:</H3>\n";
	  if (currPic.data.Updates.length) {
		divUpdate.style.display	= "";
		for (var u = 0; u < currPic.data.Updates.length; u++) {
			var upd	= document.createElement("LI");
			upd.innerHTML	= currPic.data.Updates[u].Text;
			divUpdate.appendChild(upd);
		}
	  } else {
		divUpdate.style.display	= "none";
	  }
	// Set Stats
	divStats.innerHTML	= "";
	var age = 0;
	if (currPic.data.Images.length) { if (currPic.data.Images[0].Date) { if (PicList.BIRTHDATE != "Invalid Date") {
		age = getAgeStr(new Date(currPic.data.Images[0].Date),PicList.BIRTHDATE);
	} } }
	if (age) {
		divStats.innerHTML	+= "<B>Age</B>: " + age + "<BR>";
	}
	  if (currPic.data.Height) {
		divStats.innerHTML	+= "<B>Height</B>: " + currPic.data.Height + "<BR>";
	  }
	  if (currPic.data.Weight) {
		divStats.innerHTML	+= "<B>Weight</B>: " + currPic.data.Weight + "<BR>";
	  }
	// Set Navigation
	  divNav.innerHTML	= "";
	  divNav.prv	= prv;
	  divNav.nxt	= nxt;
	  var prvPicLink	= document.createElement("SPAN");
	  var nxtPicLink	= document.createElement("SPAN");
	  prvPicLink.className	= "clickable";
	  nxtPicLink.className	= "clickable";
	  prvPicLink.prv	= prv;
	  nxtPicLink.nxt	= nxt;
	  prvPicLink.onclick	= function() { PicList.Pics[this.prv].toHTML(); }
	  nxtPicLink.onclick	= function() { PicList.Pics[this.nxt].toHTML(); }
	  var middleText	= document.createElement("SPAN");
	  middleText.innerHTML	= "";
	  if (prv > -1) {
		prvPicLink.innerHTML	= PicList.Pics[prv].data.Title;
		middleText.innerHTML	+= " &lt;-- Prev ";
	  }
	  middleText.innerHTML	+= " <B>Picture</B> ";
	  if (nxt < PicList.Pics.length) {
		nxtPicLink.innerHTML	= PicList.Pics[nxt].data.Title;
		middleText.innerHTML	+= " Next --&gt; ";
	  }
	  divNav.appendChild(prvPicLink);
	  divNav.appendChild(middleText);
	  divNav.appendChild(nxtPicLink);
	// Set Link
	  if (!currPic.data.isHeader) {
		picLink.innerHTML	= currPic.data.Images[0];
		picLink.href	= "OnePic.html?pic=" + currPic.data.Images[0];
		picLink.target	= "_top";
	  } else {
		picLink.innerHTML	= "";
	  }
 };

 this.save	= function() {
	var variablestr	= "queue=" + PicList.queue + "&json=" + escape(this.data.toJSONString());
//DEBUGPANE.innerHTML	+= variablestr + "\n";
//	this.dataobj.displayDiv.className	= this.dataobj.displayDiv.className.replace(/ edited/,"");
//alert(PicList.currPic.data.toJSONString());
	AJAX.getJSON("/cgi-bin/savepicRecord",variablestr,PageData.onPageDataSave);
//	AJAX.getJSON("/cgi-bin/savepicRecord",variablestr,PicList.onPicSave);
 };

 return this;

};

 PicList.Pic.prototype.toEDIT	= function(targdiv) {
	this.style	= "edit";
	document.getElementById('intro').style.display = "none";
	if (!targdiv) {
		targdiv	= PicList.picDiv;
	}
	PicList.currPic	= this;
	targdiv.dataobj	= this;
	targdiv.style.display	= "";
	targdiv.className	= targdiv.className.replace(/ view| edit/,"");
	targdiv.className	+= " edit";
	var picDisplay = targdiv.getElementsByTagName("Content")[0];
	picDisplay.innerHTML	= "";
	/* 
	 *  Create sectional DIVs
	 */
	var infodiv	= document.createElement("DIV");
	var commentsdiv	= document.createElement("DIV");
	var updatesdiv	= document.createElement("DIV");
	var imagesdiv	= document.createElement("DIV");
	var videosdiv	= document.createElement("DIV");
	picDisplay.appendChild(infodiv);
	picDisplay.appendChild(commentsdiv);
	picDisplay.appendChild(updatesdiv);
	picDisplay.appendChild(imagesdiv);
	picDisplay.appendChild(videosdiv);
	this.updateInfoEDIT(infodiv);
	this.updateCommentsEDIT(commentsdiv);
	this.updateUpdatesEDIT(updatesdiv);
	this.updateImagesEDIT(imagesdiv);
	this.updateVideosEDIT(videosdiv);
 };

 PicList.Pic.prototype.updateInfoEDIT	= function(targdiv) {
		var datapatharr	= [
			{
			 Path: "isHeader",
			 Label: "isHeader"
			},
			{
			 Path: "Header",
			 Label: "Header"
			},
			{
			 Path: "Title",
			 Label: "Title"
			},
			{
			 Path: "Height",
			 Label: "Height"
			},
			{
			 Path: "Weight",
			 Label: "Weight"
			}
		];
		targdiv.dataobj	= this;
		targdiv.appendChild(PageData.createEditTable(this,datapatharr));
		PageData.applyEditTags(targdiv);
 };

 PicList.Pic.prototype.updateUpdatesEDIT	= function(targdiv) {
	targdiv.innerHTML	= "";
	targdiv.dataobj	= this;
	var commentaddimg		= document.createElement("ADDIMG");
	var commentlabel		= document.createElement("LABEL");
	commentlabel.className	= "label";
	commentlabel.innerHTML	= "Updates";
	commentaddimg.src	= "/Icons/icon_addprofile_22x16.gif";
	commentaddimg.dataobj	= this;
	commentaddimg.targdiv	= targdiv;
	commentaddimg.className	= 'clickable';
	commentaddimg.onclick	= function() {
		if (!this.dataobj.data.Updates) { this.dataobj.data.Updates = []; }
		this.dataobj.data.Updates.push({"Text":""});
		this.dataobj.updateUpdatesEDIT(this.targdiv);
	};
	commentlabel.appendChild(commentaddimg);
	targdiv.appendChild(commentlabel);
	var datapatharr	= [];
	if (this.data.Updates.length) {
		var dataarrpath = "Updates";
		var datapatharr = [
			{
			 Path: "Text",
			 Label: "",
			 Rows: "5"
			}
		];
		var edittable = PageData.createEditTableHoriz(this,dataarrpath,datapatharr);
		targdiv.appendChild(edittable);
	}
/*
	for (var cIdx = 0; cIdx < this.data.Updates.length; cIdx++) {
		var obj	= {};
		obj.Label	= "";
		obj.Path	= "Updates[" + cIdx + "].Text";
		datapatharr.push(obj);
	}
	targdiv.appendChild(PageData.createEditTable(this,datapatharr));
*/
	PageData.applyEditTags(targdiv);
	return targdiv;
 };

 PicList.Pic.prototype.updateCommentsEDIT	= function(targdiv) {
	targdiv.innerHTML	= "";
	targdiv.dataobj	= this;
	var commentaddimg		= document.createElement("ADDIMG");
	var commentlabel		= document.createElement("LABEL");
	commentlabel.className	= "label";
	commentlabel.innerHTML	= "Comments";
	commentaddimg.src	= "/Icons/icon_addprofile_22x16.gif";
	commentaddimg.dataobj	= this;
	commentaddimg.targdiv	= targdiv;
	commentaddimg.className	= 'clickable';
	commentaddimg.onclick	= function() {
		if (!this.dataobj.data.Comments) { this.dataobj.data.Comments = []; }
		this.dataobj.data.Comments.push({"Text":""});
		this.dataobj.updateCommentsEDIT(this.targdiv);
	};
	commentlabel.appendChild(commentaddimg);
	targdiv.appendChild(commentlabel);
	var datapatharr	= [];
	if (this.data.Comments.length) {
		var dataarrpath = "Comments";
		var datapatharr = [
			{
			 Path: "Text",
			 Label: "",
			 Rows: "5"
			}
		];
		var edittable = PageData.createEditTableHoriz(this,dataarrpath,datapatharr);
		targdiv.appendChild(edittable);
	}
/*
	for (var cIdx = 0; cIdx < this.data.Comments.length; cIdx++) {
		var obj	= {};
		obj.Label	= "";
		obj.Rows	= 5;
		obj.Path	= "Comments[" + cIdx + "].Text";
		datapatharr.push(obj);
	}
	targdiv.appendChild(PageData.createEditTable(this,datapatharr));
*/
	PageData.applyEditTags(targdiv);
 };

 PicList.Pic.prototype.updateImagesEDIT	= function(targdiv) {
	targdiv.innerHTML	= "";
	targdiv.dataobj	= this;
	var imageaddimg		= document.createElement("ADDIMG");
	var imagelabel		= document.createElement("LABEL");
	imagelabel.className	= "label";
	imagelabel.innerHTML	= "Images";
	imageaddimg.src	= "/Icons/icon_addprofile_22x16.gif";
	imageaddimg.dataobj	= this;
	imageaddimg.targdiv	= targdiv;
	imageaddimg.className	= 'clickable';
	imageaddimg.onclick	= function() {
		if (!this.dataobj.data.Images) { this.dataobj.data.Images = []; }
		this.dataobj.data.Images.push({"Date":"","Src":""});
		this.dataobj.updateImagesEDIT(this.targdiv);
	};
	imagelabel.appendChild(imageaddimg);
	targdiv.appendChild(imagelabel);
	if (this.data.Images.length) {
		var dataarrpath = "Images";
		var datapatharr = [
			{
			 Path: "Date",
			 Label: "Date",
			 Type: "text",
			 Size: 20,
			 Rows: "1"
			},
			{
			 Path: "Src",
			 Label: "Image",
			 Type: "upload",
			 Args: PicList.queue,
			 Rows: "1"
			}
		];
		var edittable = PageData.createEditTableHoriz(this,dataarrpath,datapatharr);
		targdiv.appendChild(edittable);
	}
/*
	var edittable	= document.createElement("TABLE");
	var edittablehead	= document.createElement("THEAD");
	var edittablebody	= document.createElement("TBODY");
	edittable.appendChild(edittablehead);
	edittable.appendChild(edittablebody);
	var hrow	= edittablehead.insertRow(-1);
	hrow.className	= "header";	
	hrow.insertCell(-1).innerHTML	= "Date";
	hrow.insertCell(-1).innerHTML	= "Image";
	for (var cIdx = 0; cIdx < this.data.Images.length; cIdx++) {
		var row	= edittablebody.insertRow(-1);
		var dCell	= row.insertCell(-1);
		var iCell	= row.insertCell(-1);
		dCell.className	= 'text';
		var dEdit	= document.createElement("EDIT");
		var thedate	= this.data.Images[cIdx].Date;
		dEdit.type	= "text";
		dEdit.rows	= 1;
		dEdit.size	= 20;
		dEdit.className	= "text";
		dEdit.datapath	= "Images[" + cIdx + "].Date";
		dEdit.innerHTML	= thedate || "";
		dCell.appendChild(dEdit);
		iCell.className	= 'text';
		var iEdit	= document.createElement("EDIT");
		iEdit.id	= "imagesrc" + cIdx;
		iEdit.type	= "upload";
		iEdit.args	= PicList.queue;
		iEdit.className	= "text";
		iEdit.datapath	= "Images[" + cIdx + "].Src";
		iEdit.innerHTML	= this.data.Images[cIdx].Src || "";
		iCell.appendChild(iEdit);
	}
	targdiv.appendChild(edittable);
*/
	PageData.applyEditTags(targdiv);
 };

 PicList.Pic.prototype.updateVideosEDIT	= function(targdiv) {
	targdiv.innerHTML	= "";
	targdiv.dataobj	= this;
	var videoaddimg		= document.createElement("ADDIMG");
	var videolabel		= document.createElement("LABEL");
	videolabel.className	= "label";
	videolabel.innerHTML	= "Videos";
	videoaddimg.src	= "/Icons/icon_addprofile_22x16.gif";
	videoaddimg.dataobj	= this;
	videoaddimg.targdiv	= targdiv;
	videoaddimg.className	= 'clickable';
	videoaddimg.onclick	= function() {
		if (!this.dataobj.data.Videos) { this.dataobj.data.Videos = []; }
		this.dataobj.data.Videos.push({"Date":"","html":""});
		this.dataobj.updateVideosEDIT(this.targdiv);
	};
	videolabel.appendChild(videoaddimg);
	targdiv.appendChild(videolabel);
	var edittable	= document.createElement("TABLE");
	var edittablehead	= document.createElement("THEAD");
	var edittablebody	= document.createElement("TBODY");
	edittable.appendChild(edittablehead);
	edittable.appendChild(edittablebody);
	var hrow	= edittablehead.insertRow(-1);
	hrow.className	= "header";	
	hrow.insertCell(-1).innerHTML	= "Date";
	hrow.insertCell(-1).innerHTML	= "Video HTML";
	for (var cIdx = 0; cIdx < this.data.Videos.length; cIdx++) {
		var row	= edittablebody.insertRow(-1);
		var dCell	= row.insertCell(-1);
		var iCell	= row.insertCell(-1);
		dCell.className	= 'text';
		var dEdit	= document.createElement("EDIT");
		var thedate	= this.data.Videos[cIdx].Date;
		dEdit.type	= "text";
		dEdit.className	= "text";
		dEdit.datapath	= "Videos[" + cIdx + "].Date";
		dEdit.rows	= 1;
		dEdit.size	= 20;
//		dEdit.innerHTML	= thedate || "";
		dEdit.innerHTML	= eval("this.data." + dEdit.datapath);
		dEdit.innerHTML	= dEdit.innerHTML.replace(/</g,"&lt;").replace(/</g,"&lt;").replace(/\n/g,"<BR>");
		dCell.appendChild(dEdit);
		iCell.className	= 'text';
		var iEdit	= document.createElement("EDIT");
		iEdit.type	= "text";
		iEdit.rows	= 5;
		iEdit.size	= 50;
		iEdit.args	= PicList.queue;
		iEdit.className	= "text";
		iEdit.datapath	= "Videos[" + cIdx + "].html";
//		iEdit.innerHTML	= this.data.Videos[cIdx].Src || "";
		iEdit.innerHTML	= eval("this.data." + iEdit.datapath);
		iEdit.innerHTML	= iEdit.innerHTML.replace(/</g,"&lt;").replace(/</g,"&lt;").replace(/\n/g,"<BR>");
		iCell.appendChild(iEdit);
	}
	targdiv.appendChild(edittable);
	PageData.applyEditTags(targdiv);
 };