var BrowserDetect = {
	
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};

BrowserDetect.init();
/*
Copyright (c) Copyright (c) 2007, Carl S. Yestrau All rights reserved.
Code licensed under the BSD License: http://www.featureblend.com/license.txt
Version: 1.0.4
*/
var FlashDetect = new function(){
    var self = this;
    self.installed = false;
    self.raw = "";
    self.major = -1;
    self.minor = -1;
    self.revision = -1;
    self.revisionStr = "";
    var activeXDetectRules = [
        {
            "name":"ShockwaveFlash.ShockwaveFlash.7",
            "version":function(obj){
                return getActiveXVersion(obj);
            }
        },
        {
            "name":"ShockwaveFlash.ShockwaveFlash.6",
            "version":function(obj){
                var version = "6,0,21";
                try{
                    obj.AllowScriptAccess = "always";
                    version = getActiveXVersion(obj);
                }catch(err){}
                return version;
            }
        },
        {
            "name":"ShockwaveFlash.ShockwaveFlash",
            "version":function(obj){
                return getActiveXVersion(obj);
            }
        }
    ];
    /**
     * Extract the ActiveX version of the plugin.
     * 
     * @param {Object} The flash ActiveX object.
     * @type String
     */
    var getActiveXVersion = function(activeXObj){
        var version = -1;
        try{
            version = activeXObj.GetVariable("$version");
        }catch(err){}
        return version;
    };
    /**
     * Try and retrieve an ActiveX object having a specified name.
     * 
     * @param {String} name The ActiveX object name lookup.
     * @return One of ActiveX object or a simple object having an attribute of activeXError with a value of true.
     * @type Object
     */
    var getActiveXObject = function(name){
        var obj = -1;
        try{
            obj = new ActiveXObject(name);
        }catch(err){
            obj = {activeXError:true};
        }
        return obj;
    };
    /**
     * Parse an ActiveX $version string into an object.
     * 
     * @param {String} str The ActiveX Object GetVariable($version) return value. 
     * @return An object having raw, major, minor, revision and revisionStr attributes.
     * @type Object
     */
    var parseActiveXVersion = function(str){
        var versionArray = str.split(",");//replace with regex
        return {
            "raw":str,
            "major":parseInt(versionArray[0].split(" ")[1], 10),
            "minor":parseInt(versionArray[1], 10),
            "revision":parseInt(versionArray[2], 10),
            "revisionStr":versionArray[2]
        };
    };
    /**
     * Parse a standard enabledPlugin.description into an object.
     * 
     * @param {String} str The enabledPlugin.description value.
     * @return An object having raw, major, minor, revision and revisionStr attributes.
     * @type Object
     */
    var parseStandardVersion = function(str){
        var descParts = str.split(/ +/);
        var majorMinor = descParts[2].split(/\./);
        var revisionStr = descParts[3];
        return {
            "raw":str,
            "major":parseInt(majorMinor[0], 10),
            "minor":parseInt(majorMinor[1], 10), 
            "revisionStr":revisionStr,
            "revision":parseRevisionStrToInt(revisionStr)
        };
    };
    /**
     * Parse the plugin revision string into an integer.
     * 
     * @param {String} The revision in string format.
     * @type Number
     */
    var parseRevisionStrToInt = function(str){
        return parseInt(str.replace(/[a-zA-Z]/g, ""), 10) || self.revision;
    };
    /**
     * Is the major version greater than or equal to a specified version.
     * 
     * @param {Number} version The minimum required major version.
     * @type Boolean
     */
    self.majorAtLeast = function(version){
        return self.major >= version;
    };
    /**
     * Is the minor version greater than or equal to a specified version.
     * 
     * @param {Number} version The minimum required minor version.
     * @type Boolean
     */
    self.minorAtLeast = function(version){
        return self.minor >= version;
    };
    /**
     * Is the revision version greater than or equal to a specified version.
     * 
     * @param {Number} version The minimum required revision version.
     * @type Boolean
     */
    self.revisionAtLeast = function(version){
        return self.revision >= version;
    };
    /**
     * Is the version greater than or equal to a specified major, minor and revision.
     * 
     * @param {Number} major The minimum required major version.
     * @param {Number} (Optional) minor The minimum required minor version.
     * @param {Number} (Optional) revision The minimum required revision version.
     * @type Boolean
     */
    self.versionAtLeast = function(major){
        var properties = [self.major, self.minor, self.revision];
        var len = Math.min(properties.length, arguments.length);
        for(i=0; i<len; i++){
            if(properties[i]>=arguments[i]){
                if(i+1<len && properties[i]==arguments[i]){
                    continue;
                }else{
                    return true;
                }
            }else{
                return false;
            }
        }
    };
    /**
     * Constructor, sets raw, major, minor, revisionStr, revision and installed public properties.
     */
    self.FlashDetect = function(){
        if(navigator.plugins && navigator.plugins.length>0){
            var type = 'application/x-shockwave-flash';
            var mimeTypes = navigator.mimeTypes;
            if(mimeTypes && mimeTypes[type] && mimeTypes[type].enabledPlugin && mimeTypes[type].enabledPlugin.description){
                var version = mimeTypes[type].enabledPlugin.description;
                var versionObj = parseStandardVersion(version);
                self.raw = versionObj.raw;
                self.major = versionObj.major;
                self.minor = versionObj.minor; 
                self.revisionStr = versionObj.revisionStr;
                self.revision = versionObj.revision;
                self.installed = true;
            }
        }else if(navigator.appVersion.indexOf("Mac")==-1 && window.execScript){
            var version = -1;
            for(var i=0; i<activeXDetectRules.length && version==-1; i++){
                var obj = getActiveXObject(activeXDetectRules[i].name);
                if(!obj.activeXError){
                    self.installed = true;
                    version = activeXDetectRules[i].version(obj);
                    if(version!=-1){
                        var versionObj = parseActiveXVersion(version);
                        self.raw = versionObj.raw;
                        self.major = versionObj.major;
                        self.minor = versionObj.minor; 
                        self.revision = versionObj.revision;
                        self.revisionStr = versionObj.revisionStr;
                    }
                }
            }
        }
    }();
};
FlashDetect.JS_RELEASE = "1.0.4";
// Portal site.js
// Copyright 2010 Iomnis. All rights reserved.

portal = function(gx){

	this.init(gx);

}	

portal.prototype = {

	mask : null,
	window : null,
	halt : false,
	cookiesOn : true,
	vars : null,
	genXML : null,
	init : function(gx){

		//alert('Version 1.0.0');

		this.genXML = gx;

		this.window = {};
		
		 if (navigator.appName.indexOf("Microsoft")!=-1) {

                        this.window.innerWidth = document.documentElement.clientWidth;
                        this.window.innerHeight = document.documentElement.clientHeight;

                } else {

                        this.window.innerHeight = window.innerHeight;
						this.window.innerWidth = window.innerWidth;

        }
		
		this.vars = {};
		
		// cookie test
		var cookies = new portal.cookie();
		cookies.setCookie('test','test',1);
		
		if(!cookies.getCookie('test')){
			this.cookiesOn = false;
			this.halt = true;
			this.fix = "cookies";
		} else
			cookies.setCookie('test','test',-1);
			
		// check browser
		
		if(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 8){
		
			this.halt = true;
			this.fix = "browser";
		
		}
		
		if(!FlashDetect.installed && !this.halt || FlashDetect.installed && FlashDetect.major < 9 && !this.halt){
		
			//this.halt = true;
			//this.fix = "flash";
		
		}

	},
	updateDimensions : function(){
		
		if (navigator.appName.indexOf("Microsoft")!=-1) {

                      	this.window.innerWidth = document.documentElement.clientWidth;
                        this.window.innerHeight = document.documentElement.clientHeight;

                } else {

                        this.window.innerHeight = window.innerHeight;
						this.window.innerWidth = window.innerWidth;

        }
		
	},
	getSize : function(){
		
		/*
		this.window.innerHeight = Math.max(
        Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
        Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
        Math.max(document.body.clientHeight, document.documentElement.clientHeight)
    );
		this.window.innerWidth = Math.max(
        Math.max(document.body.scrollWidth, document.documentElement.scrollWidth),
        Math.max(document.body.offsetWidth, document.documentElement.offsetWidth),
        Math.max(document.body.clientWidth, document.documentElement.clientWidth)
    );
		*/
		 if (navigator.appName.indexOf("Microsoft")!=-1) {

                        this.window.innerWidth = document.documentElement.clientWidth;
                        this.window.innerHeight = document.documentElement.clientHeight;

                } else {

                        this.window.innerHeight = window.innerHeight;
                        this.window.innerWidth = window.innerWidth;

             }
		
	},
	__showHalt : function(func){
		
		var s = this;
		
		// fade
			
		this.mask = document.createElement("div");
		this.mask.setAttribute("id","portal.main.mask");
			
		document.body.appendChild(this.mask);
			
		document.body.style.overflowY = "hidden";	
			
		this.mask.style.position = "fixed";
		this.mask.style.top ="0px";
		this.mask.style.zIndex = 99999;
		this.mask.style.width = this.window.innerWidth+"px";
		this.mask.style.height = this.window.innerHeight+"px";
			
		this.mask.style.background = "#000000";
		this.mask.style.opacity = 0;
		this.mask.style.filter = "opacity(0)";
		this.mask.style.filter = "alpha(opacity=0)";
			
		if(!func)	
			new portal.fade(this.mask.id,70,{"done":function(){s.__performance();}});
		else
			new portal.fade(this.mask.id,70,{"done":function(){func();}});
		
	},
	__showMask : function(){
		
		if(this.mask)
			return false;
		
		var s = this;
		
		// fade
			
		this.mask = document.createElement("div");
		this.mask.setAttribute("id","portal.main.mask");
			
		document.body.appendChild(this.mask);
			
		//document.body.style.overflowY = "hidden";	
			
		this.mask.style.position = "fixed";
		this.mask.style.top ="0px";
		this.mask.style.zIndex = 99999;
		this.mask.style.width = this.window.innerWidth+"px";
		this.mask.style.height = this.window.innerHeight+"px";
		
		this.mask.style.background = "#000000";
		this.mask.style.opacity = .75;
		this.mask.style.filter = "opacity(75)";
		this.mask.style.filter = "alpha(opacity=75)";
		
	},
	__hideMask : function(){
		
		try {
		
			document.body.removeChild(this.mask);
			this.mask = null;
		
		} catch(e){
			
			
		}
		
	},
	selection : function (enable) {
	  if(enable) {
		document.onselectstart = this.vars['_original_onselectstart'];
		document.body.className = null;
	  }
	  else {
		this.vars['_original_onselectstart'] = document.onselectstart;
		document.onselectstart = function() { return false; }
		document.body.className = "no-selection";
	  }
	  
	},
	__hideHalt : function(){
	
		var s = this;
	
		new portal.fade(this.mask.id,0,{"done":function(){s.__hideHaltDone();}});
	
	},
	__hideHaltDone : function(){
		
		try {
		
			document.body.removeChild(this.mask);
		
		} catch(e){
			
			
		}
		
		document.body.style.overflowY = "scroll";
		document.body.style.overflowX = "hidden";
		
	},
	__releasePopUp : function(){
		
		if(this.popup){
			document.body.removeChild(this.popup);
			this.popup = null;
		}
	},
	__popUp : function(style,text,delay,size,func){
		
		var s = this;
		
		this.popup = document.createElement("div");
		this.popup.setAttribute("id","portal.main.popup");
		
		document.body.appendChild(this.popup);
		
		this.popup.style.position = "fixed";
		this.popup.style.zIndex = 99999;
		this.popup.style.width = "800px";
		this.popup.style.height = "100px";
		this.popup.style.color = "#999";
			
		this.popup.style.background = "#FFFFFF";
		
		//add iframe
		
		this.popupcontent = document.createElement("div");
		this.popupcontent.className = "detect-content";
		
		for(var styleItem in style){
			
			eval("this.popup.style."+styleItem+" = \""+style[styleItem]+"\";");
			
		}
		
		// position it
		
		var h = Math.max(document.body.clientHeight,0);
		
		this.popup.style.top = ((h-this.popup.offsetHeight)/2)+"px";
		this.popup.style.left = ((this.window.innerWidth-this.popup.offsetWidth)/2)+"px";
		
		this.popupcontent.innerHTML = text;
		
		this.popupcontent.style.lineHeight = this.popup.offsetHeight+"px";
		
		this.popup.appendChild(this.popupcontent);
		
		this.vars['popup.size'] = size;
		this.vars['popup.func'] = func;
		
		setTimeout(function(){s.__popUpContinue();},delay);
		
	},
	__popUpContinue : function(){
		
		var s = this;
		
		this.popupcontent.innerHTML = "";
		
		var h = this.vars['popup.size']['height'] ? this.vars['popup.size']['height'] : 100; // use default if no height specified
		
		var oh = Math.max(document.body.clientHeight,0);
		
		var y = ((oh-h)/2);
		
		new portal.anim(this.popup.id,{"height":h,"step":25,"y":y,"done":function(){s.vars['popup.func']()}});
		
	},
	__performance : function(){
		
		var s = this;
		
		this.popup = document.createElement("div");
		this.popup.setAttribute("id","portal.main.popup");
		
		document.body.appendChild(this.popup);
		
		this.popup.style.position = "absolute";
		this.popup.style.zIndex = 99999;
		this.popup.style.width = "800px";
		this.popup.style.height = "100px";
		
		// position it
		
		this.popup.style.top = ((this.window.innerHeight-this.popup.offsetHeight)/2)+"px";
		this.popup.style.left = ((this.window.innerWidth-this.popup.offsetWidth)/2)+"px";
		
		this.popup.style.background = "#FFFFFF";
		
		//add iframe
		
		this.popupcontent = document.createElement("div");
		this.popupcontent.className = "detect-content";
		
		this.popupcontent.innerHTML = "detecting system settings...";
		
		this.popup.appendChild(this.popupcontent);
		
		setTimeout(function(){s.__haltContinue();},3000);
		
	},
	__haltContinue : function(){
		
		var s = this;
		
		this.popupcontent.innerHTML = "";
		
		var y = ((this.window.innerHeight-600)/2);
		
		new portal.anim(this.popup.id,{"height":600,"y":y,"done":function(){s.__haltDone()}});
		
	},
	__haltDone : function(){
		
		/*
		this.popupcontentFrame = document.createElement("iframe");
		this.popupcontentFrame.setAttribute('scrolling','no');
		this.popupcontentFrame.src = "http://www.ftlportal.com/performance";
		this.popupcontentFrame.style.width = "500px";
		this.popupcontentFrame.style.height = "500px";
		this.popupcontentFrame.style.border = "0px";
		
		this.popupcontent.appendChild(this.popupcontentFrame);*/
		
		// add menu
		
		var menu = document.createElement("div");
		menu.className = "detect-content-menu";
		
		var browser = document.createElement("div");
		browser.className = "detect-content-menu-left";
		
		if(this.fix == "browser")
			browser.className = "detect-content-menu-left step";
		
		browser.innerHTML = "Step 1: Update Browser";
		
		var flash = document.createElement("div");
		flash.className = "detect-content-menu-left";
		
		if(this.fix == "flash")
			flash.className = "detect-content-menu-left step";
		
		flash.innerHTML = "Step 2: Install Flash";
		
		var cookies = document.createElement("div");
		cookies.className = "detect-content-menu-right";
		
		if(this.fix == "cookie")
			cookies.className = "detect-content-menu-right step";
		
		cookies.innerHTML = "Step 3: Enable Cookies";
		
		// icon
		var icon1 = document.createElement("div");
		icon1.className = "detect-menu-icon good";
		
		if(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7){
		
			icon1.className = "detect-menu-icon bad"
		
		}
		
		var icon2 = document.createElement("div");
		icon2.className = "detect-menu-icon good";
		
		if(!FlashDetect.installed){
		
			icon2.className = "detect-menu-icon bad"
		
		}
		
		var icon3 = document.createElement("div");
		icon3.className = "detect-menu-icon good";
		
		if(!this.cookiesOn){
		
			icon3.className = "detect-menu-icon bad"
		
		}
		
		var clr = document.createElement("div");
		clr.style.clear = "both";
		
		menu.appendChild(browser);
		menu.appendChild(flash);
		menu.appendChild(cookies);
		menu.appendChild(clr);
		browser.appendChild(icon1);
		flash.appendChild(icon2);
		cookies.appendChild(icon3);
		
		this.popupcontent.appendChild(menu);
		
		var content = document.createElement("div");
		content.className = "detect-content-main";
		
		this.popupcontent.appendChild(content);
		
		
		var frame = document.createElement("iframe");
		frame.setAttribute('scrolling','no');
		
		switch(this.fix){
		
			case "flash":
				frame.src = "http://www.ftlportal.com/getFlash";
			break;
			case "browser":
				frame.src = "http://www.ftlportal.com/performance";
			break;
			case "cookies":
				frame.src = "http://www.ftlportal.com/cookies";
			break;
		
		}
		
		frame.style.width = "800px";
		frame.style.height = "500px";
		frame.setAttribute('border','0');
		frame.setAttribute('frameborder','0');
		frame.style.border = "0px";
		
		content.appendChild(frame);
		
	},
	__newPopUp : function(p){
		
		var c = this;
		
		if(this.vars['popUp'])
			document.body.removeChild(this.vars['popUp']);
		
		if(!p['hideMask'])
			this.__showMask();
		
		this.vars['popUp'] = document.createElement("div");
		
		document.body.appendChild(this.vars['popUp']);
		
		if(!p['focusContent'])
			this.vars['popUp'].className = "alertPopUp";
		else {
			this.vars['popUp'].className = "alertPopUp";
			this.vars['popUp'].style.background = "none";
		}
		
		if(p['style']){
		
			for(var s in p['style']){
			
				eval("this.vars['popUp'].style."+s+" = \""+p['style'][s]+"\";");
			
			}
		
		}
		
		// width / height
		
		if(p['width'])
			this.vars['popUp'].style.width = p['width']+"px";
			
		if(p['height'])
			this.vars['popUp'].style.height = p['height']+"px";	
		
		var hdr = document.createElement("div");
		hdr.className = "topHeader";
		
		hdr.innerHTML = p['title'] ? p['title'] : "New Window";
		
		if(!p['focusContent'])
			this.vars['popUp'].appendChild(hdr);
		
		var content = document.createElement("div");
		
		if(!p['focusContent'])
			content.className = "content-loaded";
		
		if(p['content']){
		
			content.appendChild(p['content']);
			
			if(p['maxHeight'])
				content.style.height = (p['maxHeight']-hdr.offsetHeight)+"px";
			
		}
		
		this.vars['popUp'].appendChild(content);
		
		if(p['contentStyle']){
		
			for(s in p['contentStyle']){
			
				eval("content.style."+s+" = \""+p['contentStyle'][s]+"\";");
			
			}
		
		}
		
		if(p['close']){
		
			var closeButton = document.createElement("div");
			closeButton.className = "closeButton";
			
			if(p['closeFunc'])
				closeButton.onclick = p['closeFunc'];
			else
				closeButton.onclick = function(){c.__closeNewPopUp();};
			
			this.vars['popUp'].appendChild(closeButton);
	
		}
		
		if(p['focusContent']){
		
			this.vars['popUp'].style.width = content.offsetWidth+"px";
			this.vars['popUp'].style.height = content.offsetHeight+"px";
		}
		
		if(!p['style'] || p['style'] && !p['style']['top'] && !p['style']['left']){
		
			this.vars['popUp'].style.left = ((site.window.innerWidth-this.vars['popUp'].offsetWidth)/2)+"px";
			this.vars['popUp'].style.top = ((site.window.innerHeight-this.vars['popUp'].offsetHeight)/2)+"px";
		
		}
		
		this.vars['popUpParams'] = p;
		
		//this.vars['newPopUpInterval'] = setInterval(function(){c.__resizeNewPopUp()},1000);
		
	},
	__refreshNewPopUp : function(){
		
		if(!this.vars['popUp'])
			return false;
		
		if(this.vars['popUpParams']['focusContent']){
		
			this.vars['popUp'].style.width = this.vars['popUp'].childNodes[0].offsetWidth+"px";
			this.vars['popUp'].style.height = this.vars['popUp'].childNodes[0].offsetHeight+"px";
		}
		
		this.vars['popUp'].style.left = ((site.window.innerWidth-this.vars['popUp'].offsetWidth)/2)+"px";
		this.vars['popUp'].style.top = ((site.window.innerHeight-this.vars['popUp'].offsetHeight)/2)+"px";
	},
	__closeNewPopUp : function(){
		
		document.body.removeChild(this.vars['popUp']);
		
		this.vars['popUp'] = null;
		
		var mask = document.getElementById("portal.form.mask");
		
		if(mask){
		
			document.body.removeChild(mask);
		
		}
		
		
		clearInterval(this.vars['newPopUpInterval']);
		this.__hideMask();
		
	},
	__newPopUpHideCloseBtn : function(){
		
		for(var c in this.vars['popUp'].childNodes){
		
			if(this.vars['popUp'].childNodes[c].className == "closeButton"){
			
				this.vars['popUp'].childNodes[c].style.display = "none";
				break;
			
			}
		
		}
		
	},
	__newPopUpShowCloseBtn : function(){
		
		for(var c in this.vars['popUp'].childNodes){
		
			if(this.vars['popUp'].childNodes[c].className == "closeButton"){
			
				this.vars['popUp'].childNodes[c].style.display = "";
				break;
			
			}
		
		}
		
	},
	getGenXML : function(){
		
		return this.genXML;
		
	},
	scrollLeft : function(){
		
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		return sx;
		
	},
	scrollTop : function(){
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		return sy;
		
	},
	offsetTop : function(div){
		
		var top = 0;
		
		// get scroll x,y
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		//if(BrowserDetect.browser == "Explorer" && BrowserDetect.version <= 7){
		
			top = div.offsetTop;
			
			while(div.offsetParent){
				
				div = div.offsetParent;
			
				if(div.offsetTop)
					top += div.offsetTop;	
				
			}
			
			
		//} else {
			
			//top = div.offsetTop;
			
		//}
		
		return top;
		
	},
	offsetLeft : function(div){
		
		var left = 0;
		
		if(!div)
			return left;
		
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		//if(BrowserDetect.browser == "Explorer" && BrowserDetect.version <= 7){
		
			left = div.offsetLeft;
			
			while(div.offsetParent){
				
				div = div.offsetParent;
			
				if(div.offsetLeft)
					left += div.offsetLeft;	
				
			}
			
		//} else {
			
			//left = div.offsetLeft;
			
		//}
		
		return left;
		
	}

}

portal.ajax = function(params){
	
	// menu div
	this.init(params);
	
}

portal.ajax.prototype = {
	
	_request : null,
	method : 'POST',
	url : null,
	data : null,
	xml : false,
	success : null,
	fail : null,
	params : null,
	debug : null,
	simulation : false,
	init : function(params){
	
		if(!params['params'])
			params['params'] = {};
	
		if(!params['params']['nosim'])
			params['params']['simulation'] = portal.simulation;
		
		this.__config(params);
		this.__paramEncoder();
	
		if (window.XMLHttpRequest) { // Mozilla, Safari, IE7...
		
			this._request = new XMLHttpRequest();
			if (this._request.overrideMimeType && this.xml)
			{
				this._request.overrideMimeType('text/xml');
			}
		
		} else if (window.ActiveXObject) { // IE6 and older
		
			this._request = new ActiveXObject("Microsoft.XMLHTTP");
		
		}
		
		var da = this;
		
		this._request.onreadystatechange = function(){da.__done()};
		this._request.open(this.method, this.url, true);
		
		if(this.method == "POST"){
		
			this._request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			//this._request.setRequestHeader("Content-length", this.params.length);
			//this._request.setRequestHeader("Connection", "close");
		
		}
		
		//if(this.debug)
			////alert(this.params);
		
		this._request.send(this.params); 
	
	},
	__done : function(){
		
		if (this._request.readyState == 4) {
			
			if (this._request.status == 200) {
			
				var showError = false;
			
				if(this.xml)
					this.data = this._request.responseXML;
				else {
				
					this.data = this._request.responseText;
				
					//if(this.debug)
					
					// check for error
					
					try {
					
						var tmp = eval("("+this.data+")");
				
						if(tmp['error'] || !tmp['good'])
							showError = true;
						
					} catch(e){
						
						showError = true;
					
					}
				
				}
				
				// if a onComplete function has been set, send this.data to the function
				// if this.data container an error, do failure
				if(showError){
					
					if(this.failure){
					
						this.failure(this.data);
					
					}
					
				} else {
					
					if(this.success){
							
						this.success(this.data);
						
					}
				}
			
			} else {
				
				this.data = {"error":"Unable to connect"};
				
				// if a onComplete function has been set, send this.data to the function
				if(this.failure){
					
					this.failure(this.data);
					
				}
				
			}

		}
		
	},
	__paramEncoder : function(){
		
		var encoder = "";
		
		for(var i in this.params){
			
			if(encoder)
				encoder += "&";
			
			encoder += i+"="+this.params[i];
			
		}
		
		this.params = encoder;
		
	},
	__config : function(p){
		
		for(var i in p){
		
			switch(typeof(p[i])){
				
				case "string":
				
					eval("this."+i+" = '"+p[i]+"';");
					
				break;
				default:
				
					eval("this."+i+" = p[i];");
					
				break;
				
			}
			
		}
		
	}
	
}
// Portal //alerter.js
// Copyright 2010 Iomnis. All rights reserved.

portal.alerter = function(params){

	this.init(params);

}

portal.alerter.prototype = {
	
	root : null,
	parent : null,
	mask : null,
	maskDiv : null,
	vars : null,
	init : function(params) {
		
		this.vars = {};
		
		// check for certain params
		
		// look for div we are linking //alerter to
		// this will make a mask cover the linked div
		if(params['link']){
		
			if(typeof params['link'] == "string" || typeof params['link'] == "String"){
			
				this.parent = document.getElementById(params['link']);
				
			} else
				this.parent = params['link'];
			
		}
		
		// now we get the //alerter type
		this.vars['type'] = params['type'] ?  params['type'] : "default";
		
		// //alerter params
		this.vars['params'] = params['params'] ?  params['params'] : {"Yes":function(){alert('Yes');},"No":function(){alert('No');}};
		
		this.vars['class'] = params['class'] ? params['class'] : "";
		
		// now let's render the //alerter
		this.__render();
	
	},
	__render : function(){
	
		var a = this;
	
		// create mask
		this.mask = document.createElement("div");
		this.mask.setAttribute("id","alerter.mask");
	
		this.mask.className = this.vars['class']; // class
		
		document.body.appendChild(this.mask); // add to body
		
		// put mask where div is
		
		this.mask.style.top = site.offsetTop(this.parent)+"px";
		this.mask.style.left = site.offsetLeft(this.parent)+"px";
		
		// width and height
		
		this.mask.style.width = this.parent.offsetWidth+"px";
		this.mask.style.height = this.parent.offsetHeight+"px";
		
		// animate it
		new portal.fade(this.mask.id,75,{"fadeStep":5,"done":function(){a.__start()}});
		
	},
	__start : function(){
		
		var a = this;
		
		this.maskDiv = document.createElement("div");
		this.maskDiv.style.position = "absolute";
		
		document.body.appendChild(this.maskDiv);
		
		this.vars['minY'] = site.offsetTop(this.parent)+50;
		
		this.maskDiv.style.top = this.vars['minY']+"px";
		
		// width and height
		
		this.maskDiv.style.width = this.parent.offsetWidth+"px";
		
		var selected = false;
		
		switch(this.vars['type']){
			
			case "default":
			
				// add buttons
				
				width = 0;
				
				for(var i in this.vars['params']){

					if(i == "selected")
						continue;

					var btn = document.createElement("div");
					btn.className = "config-button";
					
					if(this.vars['params']['selected'] == i || !this.vars['params']['selected'] && !selected){
						btn.className = "config-button-selected";
						selected = true;	
					}
					
					if(BrowserDetect.browser != "Explorer") {
					
						btn.style.cssFloat = "left";
					
					} else {
						
						btn.style.styleFloat = "left";
						
					}
					
					btn.style.marginRight = "10px";
					
					btn.onclick = function(e){a.__click(e)};
					
					btn.innerHTML = i;
		
					this.maskDiv.appendChild(btn);
		
					width += btn.offsetWidth+15;
		
				}
				
				width -= 10;
				
				this.maskDiv.appendChild(this.__clearDiv());
			
			break;
			
		}
		
		this.maskDiv.style.width = width+"px";
		var maxLeft = site.offsetLeft(this.parent);
		
		this.maskDiv.style.left = maxLeft+((this.parent.offsetWidth-width)/2)+"px";
		
		// interval to check y position
		this.__pos();
		this.vars['interval'] = setInterval(function(){a.__pos()},1);
		
	
	},
	__click : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		// end interval
		clearInterval(this.vars['interval']);
		
		document.body.removeChild(this.maskDiv);
		
		var a = this;
		
		new portal.fade(this.mask.id,0,{"fadeStep":5,"done":function(){a.__done()}});
		
		this.vars['params'][target.innerHTML]();
		
	},
	__done : function(){
		
		document.body.removeChild(this.mask);
		
	},
	__pos : function(){
		
		var diff = 0;
		
		var height = (site.window.innerHeight-this.maskDiv.offsetHeight)/2;
		
		if(!isNaN(window.pageYOffset)){

			if((window.pageYOffset+height) > this.vars['minY']){
			
				diff = (window.pageYOffset+height)-this.vars['minY'];
				
			}
		
		} else {
			
			if((document.documentElement.scrollTop+height) > this.vars['minY']){
			
				diff = (document.documentElement.scrollTop+height)-this.vars['minY'];
				
				
			}
		
		}
		
		this.maskDiv.style.top = this.vars['minY']+diff+"px";
		
	},
	__clearDiv : function(){
	
		var clear = document.createElement("div");
		clear.style.clear = "both";
	
		return clear;
		
	}

}
	
// Portal anim
// Copyright 2010 Iomnis. All rights reserved.

portal.anim = function(ele,params,snap){

	this.init(ele,params,snap);

}

portal.anim.prototype = {
	
	root : null,
	data : null,
	snap : false,
	init : function(ele,params,snap){
		
		this.root = document.getElementById(ele) ? document.getElementById(ele) : ele;
		
		if(!this.root)
			this.root = ele;
		
		this.data = new Array();
		
		if(BrowserDetect.browser == "Explorer")
			snap = true;
		
		this.snap = snap ? snap : false;
		
		this.anim(params);
		
	},
	anim : function(p){
		
		var df = this;
		
		var delay = false;
		
		if(p){
		
			if(p['delay'])
				delay = p['delay'];
				
			if(p['flipX'])
				this.data['flipX'] = true;
				
			if(p['flipY'])
				this.data['flipY'] = true;		
		
		}
		
		if(this.snap){
			
			p['step'] = 1;
			
		}
		
		if(delay)
			setTimeout(function(){df.animate(p)},delay*1000);
		else
			this.animate(p);
		
	},
	stop : function(){
		
		clearInterval(this.data['portal.anim']);
		
	},
	animate : function(p){
		
		var df = this;
		
		if(!this.root)
			return false;
		
		// get padding and border widths
		var dw = parseInt(this.getStyle('padding-left'))+parseInt(this.getStyle('padding-right'))+parseInt(this.getStyle('border-left-width'))+parseInt(this.getStyle('border-right-width'));
		var dh = parseInt(this.getStyle('padding-top'))+parseInt(this.getStyle('padding-bottom'))+parseInt(this.getStyle('border-top-width'))+parseInt(this.getStyle('border-bottom-width'));
		
		if(!dw)
			dw = 0;
		
		if(!dh)
			dh = 0;
		
		// get current values
		var w = parseInt(this.getStyle('width'))-dw;
		var h = parseInt(this.getStyle('height'))-dh;
		var x = this.data['flipX'] ? parseInt(this.getStyle('right')) : parseInt(this.getStyle('left'));
		var y = this.data['flipY'] ? parseInt(this.getStyle('bottom')) : parseInt(this.getStyle('top'));
		
		// default step
		this.data['portal.anim.step'] = 100;
		
		// get what we are animating
		if(p){
			
			this.data['portal.anim.x'] = typeof p['x'] ? p['x'] : x;
			this.data['portal.anim.y'] = typeof p['y'] ? p['y'] : y;
			this.data['portal.anim.w'] = typeof p['width'] ? p['width'] : w;
			this.data['portal.anim.h'] = typeof p['height'] ? p['height'] : h;
			
			if(p['step'])
				this.data['portal.anim.step'] = p['step'];
				
			if(p['done'])
				this.data['portal.anim.onDone'] = p['done'];
		
		}
		
		// get the directions we need to go
		this.data['portal.anim.stepY'] = Math.abs(this.data['portal.anim.y']-y)/(this.data['portal.anim.y']-y);
		this.data['portal.anim.stepX'] = Math.abs(this.data['portal.anim.x']-x)/(this.data['portal.anim.x']-x);
		this.data['portal.anim.stepW'] = Math.abs(this.data['portal.anim.w']-w)/(this.data['portal.anim.w']-w);
		this.data['portal.anim.stepH'] = Math.abs(this.data['portal.anim.h']-h)/(this.data['portal.anim.h']-h);
		
		// get the appends
		this.data['portal.anim.appendW'] = Math.ceil(Math.abs(this.data['portal.anim.w']-w))/this.data['portal.anim.step'];
		this.data['portal.anim.appendH'] = Math.ceil(Math.abs(this.data['portal.anim.h']-h))/this.data['portal.anim.step'];
		this.data['portal.anim.appendX'] = Math.ceil(Math.abs(this.data['portal.anim.x']-x))/this.data['portal.anim.step'];
		this.data['portal.anim.appendY'] = Math.ceil(Math.abs(this.data['portal.anim.y']-y))/this.data['portal.anim.step'];
		
		this.data['portal.anim.currentStep'] = 0;
		
		this.data['portal.anim.log'] = "";
		
		this.data['portal.anim'] = setInterval(function(){df.__anim()},1);
		
	},
	__anim : function(){
		
		this.data['portal.anim.currentStep']++;
		
		this.data['portal.anim.doneCount'] = 0;
		
		var w, h;
		
		//if(this.root.tagName != "IMG"){
		
			w = this.root.style.width.replace("px","")*1;
			h = this.root.style.height.replace("px","")*1;
		
		//} else {
		
			//w = parseInt(this.root.width);
			//h = parseInt(this.root.height);
			
		//}
		
		var x = this.data['flipX'] ? this.root.style.right.replace("px","")*1 : this.root.style.left.replace("px","")*1;
		var y = this.data['flipY'] ? this.root.style.bottom.replace("px","")*1 : this.root.style.top.replace("px","")*1;
		
		w += this.data['portal.anim.stepW']*this.data['portal.anim.appendW'];
		h += this.data['portal.anim.stepH']*this.data['portal.anim.appendH'];
		x += this.data['portal.anim.stepX']*this.data['portal.anim.appendX'];
		y += this.data['portal.anim.stepY']*this.data['portal.anim.appendY'];
			
		if(this.data['portal.anim.currentStep'] > this.data['portal.anim.step']){
			
			this.data['portal.anim.stepW'] = 0;
			this.data['portal.anim.stepH'] = 0;
			this.data['portal.anim.stepX'] = 0;
			this.data['portal.anim.stepY'] = 0;
			
		}
			
		if(this.data['portal.anim.stepW'] < 0 && w <= this.data['portal.anim.w'] || this.data['portal.anim.stepW'] > 0 && w >= this.data['portal.anim.w'] || !this.data['portal.anim.stepW']){
			
			w = this.data['portal.anim.w'];
			this.data['portal.anim.doneCount']++;
			
		}
		
		if(this.data['portal.anim.stepH'] < 0 && h <= this.data['portal.anim.h'] || this.data['portal.anim.stepH'] > 0 && h >= this.data['portal.anim.h'] || !this.data['portal.anim.stepH']){
			
			h = this.data['portal.anim.h'];
			this.data['portal.anim.doneCount']++;
			
		}
		
		if(this.data['portal.anim.stepX'] < 0 && x <= this.data['portal.anim.x'] || this.data['portal.anim.stepX'] > 0 && x >= this.data['portal.anim.x'] || !this.data['portal.anim.stepX']){
			
			x = this.data['portal.anim.x'];
			this.data['portal.anim.doneCount']++;
			
		}
		
		if(this.data['portal.anim.stepY'] < 0 && y <= this.data['portal.anim.y'] || this.data['portal.anim.stepY'] > 0 && y >= this.data['portal.anim.y'] || !this.data['portal.anim.stepY']){
			
			y = this.data['portal.anim.y'];
			this.data['portal.anim.doneCount']++;
			
		}
		
		//if(this.root.tagName == "IMG"){
		
			//if(w != null)
				//this.root.width = w;
			
			//if(h != null)	
				//this.root.height = h;
			
		//} else {
			
			if(w != null)
				this.root.style.width = w+"px";
			
			if(h != null)	
				this.root.style.height = h+"px";
	
		//}
		
		if(x != null){
			
			if(this.data['flipX'])
				this.root.style.right = x+"px";
			else
				this.root.style.left = x+"px";	
		
		}
		
		if(y != null){
		
			if(this.data['flipY'])
				this.root.style.bottom = y+"px";
			else
				this.root.style.top = y+"px";
		
		}
		
		if(this.data['portal.anim.doneCount'] == 4){
		
			if(this.data['portal.anim.onDone']){
				
				this.data['portal.anim.onDone']();
				
			}
		
			clearInterval(this.data['portal.anim']);
			return true;
		
		}
		
	},
	getStyle : function(styleProp){
		
		if (this.root.currentStyle)
			var y = this.root.currentStyle[styleProp];
		else if (window.getComputedStyle && window.getComputedStyle(this.root,null))
			var y = window.getComputedStyle(this.root,null).getPropertyValue(styleProp);
			
		return y;

	}

	
}
// Color Picker
// Copyright 2011 Iomnis. All rights reserved.

portal.colorPicker = function(params){

	this.init(params);

}

portal.colorPicker.prototype = {
	
	selectedColor : "rgb(0, 102, 153)",
	currentColor : null,
	hsvValues : {"h":200,"s":100,"v":60},
	layout : {},
	vars : {},
	colors : false,
	done : null,
	init : function(params){
		
		this.layout['content'] = document.createElement("div"), cp = this;
		this.layout['content'].className = "colorContent";
		
		this.createPaneHeader(this.layout['content'],"Choose Color","");
		
		var customizer = document.createElement("div");
		
		this.layout['content'].appendChild(customizer);
		
		var grid = document.createElement("div");
		grid.className = "colorGrid";
			
		var x = 0, y = 0;
			
		customizer.appendChild(grid);
			
		this.layout['cg.fade'] = document.createElement("div");
		this.layout['cg.fade'].className = "colorFade";
			
		this.layout['cg.grad'] = document.createElement("div");
		this.layout['cg.grad'].className = "colorGradient";
		
		events.register(this.layout['cg.grad'],"mousedown",function(){cp.selectHue()});
		events.register(this.layout['cg.fade'],"mousedown",function(){cp.selectSV()});
		
		grid.appendChild(this.layout['cg.fade']);
		grid.appendChild(this.layout['cg.grad']);
		
		var colorInputs = document.createElement("div");
		colorInputs.className = "colorInputs";
		
		this.layout['colorSaves'] = document.createElement("div");
		this.layout['colorSaves'].className = "colorSaves";
		
		this.layout['colorSaves.content'] = document.createElement("div");
		this.layout['colorSaves'].appendChild(this.layout['colorSaves.content']);
		
		customizer.appendChild(colorInputs);
		customizer.appendChild(this.layout['colorSaves']);
		customizer.appendChild(this.createClear());
		
		// new
		this.layout['cg.new'] = document.createElement("div");
		this.layout['cg.new'].className = "currentColor";
		
		events.register(this.layout['cg.new'],"mousedown",function(){cp.dragNewColor()});
		
		var newColorLbl  = document.createElement("div");
		newColorLbl.className = "currentColorLbl";
		
		newColorLbl.innerHTML = "New Color";
		
		// current
		this.layout['cg.current'] = document.createElement("div");
		this.layout['cg.current'].className = "currentColor";
		
		this.layout['cg.new'].style.background = this.selectedColor;
		this.layout['cg.current'].style.background = this.selectedColor;
		
		var currentColorLbl  = document.createElement("div");
		currentColorLbl.className = "currentColorLbl";
		
		currentColorLbl.innerHTML = "Current Color";
		
		colorInputs.appendChild(this.layout['cg.new']);
		colorInputs.appendChild(newColorLbl);
		colorInputs.appendChild(this.layout['cg.current']);
		colorInputs.appendChild(currentColorLbl);
		
		// add more inputs
		
		var inputs = document.createElement("div");
		inputs.className = "inputs";
		
		var inputs2 = document.createElement("div");
		inputs2.className = "inputs";
		
		var inputs3 = document.createElement("div");
		inputs3.className = "inputs";
		
		this.layout['h.input'] = document.createElement("input");
		this.layout['s.input'] = document.createElement("input");
		this.layout['v.input'] = document.createElement("input");
		this.layout['h.input'].setAttribute("maxlength",3);
		this.layout['s.input'].setAttribute("maxlength",3);
		this.layout['v.input'].setAttribute("maxlength",3);
		
		events.register(this.layout['h.input'],"focus",function(){b.readHsv()});
		events.register(this.layout['s.input'],"focus",function(){b.readHsv()});
		events.register(this.layout['v.input'],"focus",function(){b.readHsv()});
		
		this.layout['r.input'] = document.createElement("input");
		this.layout['g.input'] = document.createElement("input");
		this.layout['b.input'] = document.createElement("input");
		this.layout['r.input'].setAttribute("maxlength",3);
		this.layout['g.input'].setAttribute("maxlength",3);
		this.layout['b.input'].setAttribute("maxlength",3);
		
		events.register(this.layout['r.input'],"focus",function(){b.readRgb()});
		events.register(this.layout['g.input'],"focus",function(){b.readRgb()});
		events.register(this.layout['b.input'],"focus",function(){b.readRgb()});
		
		this.layout['hex.input'] = document.createElement("input");
		this.layout['hex.input'].className = "hex";
		this.layout['hex.input'].setAttribute("maxlength",6);
		
		events.register(this.layout['hex.input'],"focus",function(){b.readHex()});
		
		this.layout['hex.div'] = document.createElement("div");
		this.layout['hex.div'].innerHTML = "<span>#</span>";
		this.layout['hex.div'].appendChild(this.layout['hex.input']);
		
		this.layout['h.div'] = document.createElement("div");
		this.layout['h.div'].innerHTML = "<span>H</span>";
		this.layout['h.div'].appendChild(this.layout['h.input']);
		
		this.layout['s.div'] = document.createElement("div");
		this.layout['s.div'].innerHTML = "<span>S</span>";
		this.layout['s.div'].appendChild(this.layout['s.input']);
		
		this.layout['v.div'] = document.createElement("div");
		this.layout['v.div'].innerHTML = "<span>V</span>";
		this.layout['v.div'].appendChild(this.layout['v.input']);
		
		this.layout['r.div'] = document.createElement("div");
		this.layout['r.div'].innerHTML = "<span>R</span>";
		this.layout['r.div'].appendChild(this.layout['r.input']);
		
		this.layout['g.div'] = document.createElement("div");
		this.layout['g.div'].innerHTML = "<span>G</span>";
		this.layout['g.div'].appendChild(this.layout['g.input']);
		
		this.layout['b.div'] = document.createElement("div");
		this.layout['b.div'].innerHTML = "<span>B</span>";
		this.layout['b.div'].appendChild(this.layout['b.input']);
		
		inputs.appendChild(this.layout['h.div']);
		inputs.appendChild(this.layout['s.div']);
		inputs.appendChild(this.layout['v.div']);
		inputs2.appendChild(this.layout['r.div']);
		inputs2.appendChild(this.layout['g.div']);
		inputs2.appendChild(this.layout['b.div']);
		inputs3.appendChild(this.layout['hex.div']);
		
		colorInputs.appendChild(inputs);
		colorInputs.appendChild(inputs2);
		grid.appendChild(inputs3);
		
		
		//this.layout['disp.pane'] = new portal.pane({"width":500,"height":325,"content":this.layout['content'],"buttons":{"Cancel":function(){},"OK":function(){b.setColor()}}}).mode("popup");
		
		this.layout['color.sv.pointer'] = document.createElement("div");
		this.layout['color.sv.pointer'].className = "svPointer";
			
		this.layout['cg.fade'].appendChild(this.layout['color.sv.pointer']);
			
		this.layout['color.h.pointer'] = document.createElement("div");
		this.layout['color.h.pointer'].className = "hPointer";
			
		this.layout['cg.grad'].appendChild(this.layout['color.h.pointer']);
		
	},
	dragNewColor : function(stopDrag){
		
		var b = this;
		
		if(stopDrag){
			
			dragger.drag(null);
			events.unregister(this.vars['newColor.drag.mouseup']);
			
			if(dragger.hitTest(this.layout['clone'],this.layout['colorSaves'])){
				
				if(!this.colors[this.currentColor]){
					this.colors[this.currentColor] = true;
					
					if(this.vars['dragNewColorFunc'])
						this.vars['dragNewColorFunc']();
					
					this.renderSavedColors();
				}
				
			}
			
			document.body.removeChild(this.layout['clone']);
			
		} else {
			
			this.layout['clone'] = events.target.cloneNode(true);
			this.layout['clone'].className = " dragColor";
			
			var mouse = events.getMouse();
			
			document.body.appendChild(this.layout['clone']);
			
			this.layout['clone'].style.left = (mouse.x-(this.layout['clone'].offsetWidth/2))+"px";
			this.layout['clone'].style.top = (mouse.y-(this.layout['clone'].offsetHeight/2))+"px";
			
			dragger.drag(this.layout['clone'],document.body);
			
			this.vars['newColor.drag.mouseup'] = events.register(document.body,"mouseup",function(){b.dragNewColor(true)});
		
		}
		
	},
	renderSavedColors : function(){
		
		var b = this;
		
		this.layout['colorSaves.content'].innerHTML = "";
		
		var x = 12, y = 5, count = 0;
		
		for(c=count;c<32;c++){
			
			if(c%4 == 0 && c > 0){
			
				x = 12;
				y += 30;
				
			}
			
			var swatch = document.createElement("div");
			swatch.className = "swatch";
			
			this.layout['colorSaves.content'].appendChild(swatch);
			
			swatch.style.left = x+"px";
			swatch.style.top = y+"px";
			
			x += swatch.offsetWidth+5;
			
		}
		
		x = 12, y = 5, count = 0;
		
		for(var c in this.colors){
			
			if(count%4 == 0 && count > 0){
			
				x = 12;
				y += 30;
				
			}
			
			var swatch = document.createElement("div");
			swatch.className = "swatch selectable";
			
			this.layout['colorSaves.content'].appendChild(swatch);
			
			swatch.style.background = c;
			
			swatch.style.left = x+"px";
			swatch.style.top = y+"px";
			
			x += swatch.offsetWidth+5;
			
			events.register(swatch,"mousedown",function(c){b.dragSwatch(c)},c);
			//events.register(swatch,"click",function(c){b.selectSwatch(c)},c);
			
			count++;
			
			if(count == 32)
				break;
			
		}
		
	},
	dragSwatch : function(color,end){
		
		var target = events.target, mouse = events.getMouse(), b = this;
		
		if(end){
		
			events.unregister(this.vars['swatch.mousemove']);
			events.unregister(this.vars['swatch.mouseup']);
			
			if(!dragger.hitTest(this.layout['swatch'],this.layout['colorSaves'])){
			
				delete this.colors[color];
				
				if(this.vars['deleteColorFunc'])
					this.vars['deleteColorFunc']();
				
			} else{
			
				this.selectSwatch(color);
				
			}
			
			dragger.drag(null);
			document.body.removeChild(this.layout['swatch']);
			this.renderSavedColors();
			
		} else {
		
			var t = site.offsetTop(target), l = site.offsetLeft(target);
		
			this.layout['colorSaves.content'].removeChild(target);
			
			this.layout['swatch'] = target.cloneNode(true);
			this.layout['swatch'].className = "dragSwatch";
		
			document.body.appendChild(this.layout['swatch']);
			
			this.layout['swatch'].style.left = (mouse.x-(this.layout['swatch'].offsetWidth/2))+"px";
			this.layout['swatch'].style.top = (mouse.y-(this.layout['swatch'].offsetHeight/2))+"px";
			
			//this.layout['swatch'].style.left = l+"px";
			//this.layout['swatch'].style.top = t+"px";
			
			dragger.drag(this.layout['swatch'],document.body);
			
			this.vars['swatch.mousemove'] = events.register(document.body,"mousemove",function(){b.updateDragSwatch()});
			this.vars['swatch.mouseup'] = events.register(document.body,"mouseup",function(c){b.dragSwatch(c,true)},color);
		
		}
		
	},
	updateDragSwatch : function(){
		
		var mouse = events.getMouse();
		
		this.layout['swatch'].style.left = (mouse.x-(this.layout['swatch'].offsetWidth/2))+"px";
		this.layout['swatch'].style.top = (mouse.y-(this.layout['swatch'].offsetHeight/2))+"px";
		
	},
	selectSwatch : function(color){
		
		this.currentColor = color;
		
		var rgb = this.currentColor.match(/rgb\((\d+), (\d+), (\d+)\)/);
		
		var hsv = this.rgbToHSV(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		
		if(hsv){
		
			this.hsvValues.h = hsv.h;
			this.hsvValues.s = hsv.s;
			this.hsvValues.v = hsv.v;
		
			this.layout['r.input'].value = rgb[1];
			this.layout['g.input'].value = rgb[2];
			this.layout['b.input'].value = rgb[3];
		
			this.layout['h.input'].value = hsv.h;
			this.layout['s.input'].value = hsv.s;
			this.layout['v.input'].value = hsv.v;
			
			this.layout['hex.input'].value = this.rgbToHex(parseInt(this.layout['r.input'].value),parseInt(this.layout['g.input'].value),parseInt(this.layout['b.input'].value));
		
			this.renderPointers();
		
		}
		
	},
	readHex : function(){
		
		var b = this;
		
		this.vars['readHex'] = setInterval(function(){b.readingHex()},1);
		
		events.register(this.layout['hex.input'],"blur",function(){b.stopReadingHex()});
		
	},
	readingHex : function(){
		
		var rgb = this.hexToRgb(this.layout['hex.input'].value);
		
		if(rgb){
		
			this.layout['r.input'].value = rgb.r;
			this.layout['g.input'].value = rgb.g;
			this.layout['b.input'].value = rgb.b;
			
			this.currentColor = "rgb("+rgb.r+", "+rgb.g+", "+rgb.b+")";
			
			var hsv = this.rgbToHSV(parseInt(rgb.r),parseInt(rgb.g),parseInt(rgb.b));	
			
			this.hsvValues.h = hsv.h;
			this.hsvValues.s = hsv.s;
			this.hsvValues.v = hsv.v;
			
			this.layout['h.input'].value = hsv.h;
			this.layout['s.input'].value = hsv.s;
			this.layout['v.input'].value = hsv.v;
		
			this.renderPointers();
		
		}
		
	},
	stopReadingHex : function(){
		
		clearInterval(this.vars['readHex']);
		
		events.unregister(this.layout['hex.input'],"blur");
		
		this.renderPointers();
		
	},
	readHsv : function(){
		
		var b = this;
		
		this.vars['readHsv'] = setInterval(function(){b.readingHsv()},1);
		
		events.register(this.layout['h.input'],"blur",function(){b.stopReadingHsv()});
		events.register(this.layout['s.input'],"blur",function(){b.stopReadingHsv()});
		events.register(this.layout['v.input'],"blur",function(){b.stopReadingHsv()});
		
	},
	readingHsv : function(){
		
		this.hsvValues.h = parseInt(this.layout['h.input'].value) ? parseInt(this.layout['h.input'].value) : 0;
		this.hsvValues.s = parseInt(this.layout['s.input'].value) ? parseInt(this.layout['s.input'].value) : 0;
		this.hsvValues.v = parseInt(this.layout['v.input'].value) ? parseInt(this.layout['v.input'].value) : 0;
			
		if(this.hsvValues.h >= 360)
			this.hsvValues.h = 0;	
			
		if(this.hsvValues.s > 100)
			this.hsvValues.s = 100;	
			
		if(this.hsvValues.v > 100)
			this.hsvValues.v = 100;			
			
		var rgb = this.hsvToRGB(this.hsvValues.h,this.hsvValues.s,this.hsvValues.v);
		
		if(rgb){
		
			this.layout['r.input'].value = rgb[0];
			this.layout['g.input'].value = rgb[1];
			this.layout['b.input'].value = rgb[2];
			
			this.currentColor = "rgb("+rgb[0]+", "+rgb[1]+", "+rgb[2]+")";
			
			this.layout['hex.input'].value = this.rgbToHex(rgb[0],rgb[1],rgb[2]);
		
			this.renderPointers();
		
		}
		
	},
	stopReadingHsv : function(){
		
		clearInterval(this.vars['readHsv']);
		
		events.unregister(this.layout['h.input'],"blur");
		events.unregister(this.layout['s.input'],"blur");
		events.unregister(this.layout['v.input'],"blur");
		
		this.renderPointers();
		
	},
	readRgb : function(){
		
		var b = this;
		
		this.vars['readHsv'] = setInterval(function(){b.readingRgb()},1);
		
		events.register(this.layout['r.input'],"blur",function(){b.stopReadingRgb()});
		events.register(this.layout['g.input'],"blur",function(){b.stopReadingRgb()});
		events.register(this.layout['b.input'],"blur",function(){b.stopReadingRgb()});
		
	},
	readingRgb : function(){
		
		if(this.layout['r.input'].value > 255)
			this.layout['r.input'].value = 255;
			
		if(this.layout['g.input'].value > 255)
			this.layout['g.input'].value = 255;
			
		if(this.layout['b.input'].value > 255)
			this.layout['b.input'].value = 255;
			
		var r = parseInt(this.layout['r.input'].value) ? parseInt(this.layout['r.input'].value) : 0;			
		var g = parseInt(this.layout['g.input'].value) ? parseInt(this.layout['g.input'].value) : 0;
		var b = parseInt(this.layout['b.input'].value) ? parseInt(this.layout['b.input'].value) : 0;
		
		var hsv = this.rgbToHSV(r,g,b);
		
		if(hsv){
		
			this.hsvValues.h = hsv.h;
			this.hsvValues.s = hsv.s;
			this.hsvValues.v = hsv.v;
		
			this.layout['h.input'].value = hsv.h;
			this.layout['s.input'].value = hsv.s;
			this.layout['v.input'].value = hsv.v;
			
			this.currentColor = "rgb("+parseInt(this.layout['r.input'].value)+", "+parseInt(this.layout['g.input'].value)+", "+parseInt(this.layout['b.input'].value)+")";
			
			this.layout['hex.input'].value = this.rgbToHex(parseInt(this.layout['r.input'].value),parseInt(this.layout['g.input'].value),parseInt(this.layout['b.input'].value));
		
			this.renderPointers();
		
		}
		
	},
	stopReadingRgb : function(){
		
		clearInterval(this.vars['readRbg']);
		
		events.unregister(this.layout['r.input'],"blur");
		events.unregister(this.layout['g.input'],"blur");
		events.unregister(this.layout['b.input'],"blur");
		
		this.renderPointers();
		
	},
	renderPointers : function(){
		
		var l =(2*this.hsvValues.v)-(this.layout['color.sv.pointer'].offsetWidth/2);
		
		var tmpA = this.hsvValues.s;
		
		var tmpB = this.layout['color.sv.pointer'].offsetHeight;
		
		var t = (200-(2*this.hsvValues.s))-(this.layout['color.sv.pointer'].offsetHeight/2);
		
		/*
		if(t < (0+this.layout['color.sv.pointer'].offsetHeight))
			t = (0+this.layout['color.sv.pointer'].offsetHeight);
		else if(t > 200-this.layout['color.sv.pointer'].offsetHeight)
			t = 200-this.layout['color.sv.pointer'].offsetHeight;*/
		
		if(l)
			this.layout['color.sv.pointer'].style.left = l+"px";
		
		if(t)
			this.layout['color.sv.pointer'].style.top = t+"px";
		
		l = (this.hsvValues.h*(5/9));
			
		if(l < (0+this.layout['color.h.pointer'].offsetWidth))
			l = (0+this.layout['color.h.pointer'].offsetWidth);
		else if(l > 200-this.layout['color.h.pointer'].offsetWidth)
			l = 200-this.layout['color.h.pointer'].offsetWidth;	
			
		this.layout['color.h.pointer'].style.left = l+"px";
		this.layout['color.h.pointer'].style.top = ((this.layout['cg.grad'].offsetHeight-(this.layout['color.h.pointer'].offsetHeight+4))/2)+"px";
		
		this.layout['cg.new'].style.background = this.currentColor;
		
		var color = "rgb("+this.hsvToRGB(this.hsvValues.h,100,100).join(", ")+")";
		
		this.layout['cg.fade'].style.backgroundColor = color;
		
	},
	launch : function(params){
		
		var b = this;
		
		if(params['parent']){
		
			this.layout['tools-color'] = params['parent'];
			
		}
		
		if(params['done'])
			this.done = params['done'];
		
		if(params['color']){
		
			this.currentColor = params['color'];
			
		}
		
		if(params['dragNewColorFunc']){
		
			this.vars['dragNewColorFunc'] = params['dragNewColorFunc'];
			
		}

		if(params['deleteColorFunc']){
		
			this.vars['deleteColorFunc'] = params['deleteColorFunc'];
			
		}

		if(params['colors'])
			this.colors = params['colors'];
		else
			this.colors = {"rgb(255, 255, 255)":true,"rgb(0, 0, 0)":true}; // default	
			
		if(!this.currentColor){
			this.currentColor = this.selectedColor;
		}
		
		var rgb = this.currentColor.match(/rgb\(([0-9]+), ([0-9]+), ([0-9]+)\)/), hsv = this.rgbToHSV(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));	
		
		this.hsvValues.h = hsv.h;
		this.hsvValues.s = hsv.s;
		this.hsvValues.v = hsv.v;
		
		var color = "rgb("+this.hsvToRGB(this.hsvValues.h,100,100).join(", ")+")";
		
		this.layout['cg.fade'].style.backgroundColor = color;
			
		this.layout['cg.current'].style.background = this.selectedColor;	
			
		this.layout['disp.pane'] = new portal.pane({"width":500,"height":370,"content":this.layout['content'],"buttons":{"Cancel":function(){b.purge()},"OK":function(){b.setColor()}}}).mode("popup");
		
		this.renderPointers();
		this.updateInputs();
		this.renderSavedColors();
		
	},
	createPaneHeader : function(content,title,txt){
		
		var hdr = document.createElement("div");
		hdr.className = "pane-header";
		
		var ptxt = document.createElement("div");
		ptxt.className = "pane-txt";
		
		hdr.innerHTML = "<span>"+title+"</span>";
		ptxt.innerHTML = txt;
		
		content.appendChild(hdr);
		//content.appendChild(ptxt);
		
	},
	createClear : function(){
	
		var clear = document.createElement("div");
		clear.style.clear = "both";
		
		return clear;
		
	},
	selectSV : function(off){
		
		var b = this;
		
		var mouse = events.getMouse();
		
		this.stopReading();
		
		if(!this.vars['fade.mousemove']){
			this.vars['fade.mousemove'] = events.register(this.layout['cg.fade'],"mousemove",function(){b.selectSV()});
			this.vars['fade.mouseup'] = events.register(document.body,"mouseup",function(){b.selectSV(true)});
		}
		
		if(!off)
			dragger.drag(events.target,events.target);
		else {
		
			dragger.drag(null);
			events.unregister(this.vars['fade.mouseup']);
			events.unregister(this.vars['fade.mousemove']);
			this.vars['fade.mousemove'] = null;
		
		}
		
		// hsv
		var x = Math.abs(mouse.x-site.offsetLeft(this.layout['cg.fade']));
		var y = Math.abs(mouse.y-site.offsetTop(this.layout['cg.fade']));
		
		if(x < 0)
			x = 0;
		else if(x > 200)
			x = 200;
			
		if(y < 0)
			y = 0;
		else if(y > 200)
			y = 200;	
			
		var s = Math.floor(100-((y/200)*100));
		var v = Math.floor((x/200)*100);
		
		this.hsvValues.s = s;
		this.hsvValues.v = v;
			
		this.currentColor = "rgb("+this.hsvToRGB(this.hsvValues.h,this.hsvValues.s,this.hsvValues.v).join(", ")+")";
		
		this.layout['cg.new'].style.backgroundColor = this.currentColor;	
		
		this.layout['color.sv.pointer'].style.left = (x-(this.layout['color.sv.pointer'].offsetWidth/2))+"px";
		this.layout['color.sv.pointer'].style.top = (y-(this.layout['color.sv.pointer'].offsetHeight/2))+"px";
		
		this.updateInputs();
		
	},
	updateInputs : function(){
		
		this.layout['h.input'].value = this.hsvValues.h;
		this.layout['s.input'].value = this.hsvValues.s;
		this.layout['v.input'].value = this.hsvValues.v;
		
		var rgb = this.currentColor.match(/rgb\(([0-9]+), ([0-9]+), ([0-9]+)\)/);
		
		this.layout['r.input'].value = rgb[1];
		this.layout['g.input'].value = rgb[2];
		this.layout['b.input'].value = rgb[3];
		
		this.layout['hex.input'].value = this.rgbToHex(rgb[1],rgb[2],rgb[3]);
		
	},
	selectHue : function(off){
		
		var b = this;
		
		var mouse = events.getMouse();
		
		this.stopReading();
		
		if(!this.vars['grad.mousemove']){
			this.vars['grad.mousemove'] = events.register(this.layout['cg.grad'],"mousemove",function(){b.selectHue()});
			this.vars['grad.mouseup'] = events.register(document.body,"mouseup",function(){b.selectHue(true)});
		}
		
		if(!off)
			dragger.drag(events.target,events.target);
		else {
			
			dragger.drag(null);
			events.unregister(this.vars['grad.mouseup']);
			events.unregister(this.vars['grad.mousemove']);
			this.vars['grad.mousemove'] = null;
		}
		
		// hsv
		var x = (mouse.x-site.offsetLeft(this.layout['cg.grad']));
		
		if(x < 0)
			x = 0;
		else if(x > 200)
			x = 200;
			
		var h = Math.floor((x/200)*360);
		
		if(h >= 360)
			h = 0;
		
		this.hsvValues.h = h;
		
		var color = "rgb("+this.hsvToRGB(this.hsvValues.h,100,100).join(", ")+")";
		
		this.layout['cg.fade'].style.backgroundColor = color;
		
		this.currentColor = "rgb("+this.hsvToRGB(this.hsvValues.h,this.hsvValues.s,this.hsvValues.v).join(", ")+")";	
			
		this.layout['cg.new'].style.backgroundColor = this.currentColor;
		
		this.layout['color.h.pointer'].style.left = (x-(this.layout['color.h.pointer'].offsetWidth/2))+"px";
		this.layout['color.h.pointer'].style.top = ((this.layout['cg.grad'].offsetHeight-(this.layout['color.h.pointer'].offsetHeight+4))/2)+"px";
		
		this.updateInputs();
		
	},
	rgbToHSV : function (r, g, b){
		
		r = r/255, g = g/255, b = b/255;
		var max = Math.max(r, g, b), min = Math.min(r, g, b);
		var h, s, v = max;
	
		var d = max - min;
		s = max == 0 ? 0 : d / max;
	
		if(max == min){
			h = 0; // achromatic
		}else{
			switch(max){
				case r: h = (g - b) / d + (g < b ? 6 : 0); break;
				case g: h = (b - r) / d + 2; break;
				case b: h = (r - g) / d + 4; break;
			}
			h /= 6;
		}
	
		return {"h":Math.round(h*360), "s":Math.round(s*100), "v":Math.round(v*100)};
	},
	hexToRgb : function (hex_string, default_){
		if (default_ == undefined)
		{
			default_ = null;
		}
	
		if (hex_string.substr(0, 1) == '#')
		{
			hex_string = hex_string.substr(1);
		}
		
		var r;
		var g;
		var b;
		if (hex_string.length == 3)
		{
			r = hex_string.substr(0, 1);
			r += r;
			g = hex_string.substr(1, 1);
			g += g;
			b = hex_string.substr(2, 1);
			b += b;
		}
		else if (hex_string.length == 6)
		{
			r = hex_string.substr(0, 2);
			g = hex_string.substr(2, 2);
			b = hex_string.substr(4, 2);
		}
		else
		{
			return default_;
		}
		
		r = parseInt(r, 16);
		g = parseInt(g, 16);
		b = parseInt(b, 16);
		if (isNaN(r) || isNaN(g) || isNaN(b))
		{
			return default_;
		}
		else
		{
			return {r: r, g: g, b: b};
		}
	},
	rgbToHex : function (r,g,b) {
		
		return this.toHex(r)+this.toHex(g)+this.toHex(b)
		
	},
	toHex : function (N) {
		
		if (N==null) return "00";
		 
		N=parseInt(N); if (N==0 || isNaN(N)) return "00";
		 
		N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
		 
		return "0123456789ABCDEF".charAt((N-N%16)/16)
			  + "0123456789ABCDEF".charAt(N%16);
	
	},
	hsvToRGB : function(h,s,v){
		
		 /* Ported from the java algorithm by Eugene Vishnevsky at:
		 * http://www.cs.rit.edu/~ncs/color/t_convert.html
		 */
		 
		var r, g, b, i, f, p, q, t;
		
		h = Math.max(0, Math.min(360, h));
		s = Math.max(0, Math.min(100, s));
		v = Math.max(0, Math.min(100, v));
		
		s /= 100;
		v /= 100;
		
		if(s == 0) {
			r = g = b = v;
			return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
		}
		
		h /= 60;
		i = Math.floor(h);
		f = h - i;
		p = v * (1 - s);
		q = v * (1 - s * f);
		t = v * (1 - s * (1 - f));
	
		switch(i) {
			case 0:
				r = v;
				g = t;
				b = p;
				break;
				
			case 1:
				r = q;
				g = v;
				b = p;
				break;
				
			case 2:
				r = p;
				g = v;
				b = t;
				break;
				
			case 3:
				r = p;
				g = q;
				b = v;
				break;
				
			case 4:
				r = t;
				g = p;
				b = v;
				break;
				
			default: // case 5:
				r = v;
				g = p;
				b = q;
		}
		
		return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
		
	},
	purge : function(){
		
		this.currentColor = null;
		
		this.stopReading();	
		
		if(this.done)
			this.done();
		
	},
	stopReading : function(){
		
		if(this.vars['readHex'])
			clearInterval(this.vars['readHex']);
			
		if(this.vars['readHsv'])
			clearInterval(this.vars['readHsv']);
			
		if(this.vars['readRgb'])
			clearInterval(this.vars['readRgb']);	
			
		this.layout['h.input'].blur();
		this.layout['s.input'].blur();
		this.layout['v.input'].blur();
		
		this.layout['r.input'].blur();
		this.layout['g.input'].blur();
		this.layout['b.input'].blur();
		
		this.layout['hex.input'].blur();	
		
	},
	close : function(){
		
		this.layout['disp.pane'].dismiss();
		
	},
	setColor : function(){
		
		this.selectedColor = "rgb("+this.hsvToRGB(this.hsvValues.h,this.hsvValues.s,this.hsvValues.v).join(", ")+")";
		
		this.layout['tools-color'].childNodes[0].style.background = this.selectedColor;
		
		this.purge();
		
	},
	isActive : function(){
		
		return this.layout['disp.pane'] ? this.layout['disp.pane'].isActive() : false;
		
	}
	
}
// JavaScript Document

Connector = function(params){
	
	// menu div
	this.init(params);
	
}

Connector.prototype = {
	
	form : null,
	frame : null,
	params : null,
	formAction : null,
	formTarget : null,
	oldFormAction : null,
	oldFormTarget : null,
	inputsAllowed: "text",
	_dataLoadFunc : null,
	suffix : "",
	init : function(params){
		
		var c = this;
		
		this.config(params);
		
		while(document.getElementById('connector-form-iframe'+this.suffix)){
		
			if(this.suffix == "")
				this.suffix = 0;
		
			this.suffix += 1;
		
		}
		
		// create an invisible iframe
		try {
		  this.frame = document.createElement('<iframe id="connector-form-iframe'+this.suffix+'" name="connector-form-iframe'+this.suffix+'">');
		} catch (ex) {
		  this.frame = document.createElement('iframe');
		}
		this.frame.setAttribute("id","connector-form-iframe"+this.suffix);
		this.frame.setAttribute("name","connector-form-iframe"+this.suffix);
		this.frame.style.display = "none";
		this.frame.style.height = "0px";
		
		var myFunction = function(event){c.dataLoaded();};
		
		if (this.frame.addEventListener) {
			this.frame.addEventListener ("load",myFunction,false);
		} else if (this.frame.attachEvent) {
			this.frame.attachEvent ("onload",myFunction);
		} else {
			this.frame.onload = myFunction;
		}
		
		// add iframe to page
		document.body.appendChild(this.frame);
		
	},
	config : function(opt){
		
		if(opt){
			
			var o = eval(opt);
			for(var i in o){
				if(isNaN(o[i]))
					eval('this.'+i+' = "'+o[i]+'";');
				else
					eval('this.'+i+' = '+o[i]+';');
			}
		}
		
	},
	getForm : function(){
	
		return this.form;
	
	},
	connect : function(formName,url){
		
		// connect to this form
		this.form = document.getElementById(formName);
	
		if(!this.form){
			this.form = document.createElement("form");
			this.form.setAttribute('action',url);
			this.form.setAttribute('name','connector-form'+this.suffix);
			this.form.setAttribute('id','connector-form'+this.suffix);
			document.body.appendChild(this.form);
		}
		
		this.formAction = url;
		this.formTarget = this.frame.name;
		
	},
	onDataLoad : function(func){
		
		this._dataLoadFunc = func;
		
	},
	data : function(){
		
		return document.getElementById('connector-form-iframe'+this.suffix).contentWindow.document.body.innerHTML;
		
	},
	send : function(d){
		
		if(d){
		
			var o = eval(d);
			
			if(portal.simulation)
				d['simulation'] = true;
			
			for(var i in d){
				
				var tmp = document.createElement("input");
				tmp.setAttribute("type","hidden");
				tmp.setAttribute("name",i);
				tmp.setAttribute("value",d[i]);
				this.form.appendChild(tmp);
				
			}
		
		}
		
		this.oldFormAction = this.form.action;
		this.oldFormTarget = this.form.target;
		
		this.form.setAttribute("action",this.formAction);
		this.form.setAttribute("target",this.formTarget);
		
		this.form.submit();
		
	},
	dataLoaded : function(){
		
		if(this.form){
			this.form.setAttribute("action",this.oldFormAction);
			this.form.setAttribute("target",this.oldFormTarget);
		}
		
		if(this._dataLoadFunc)
			this._dataLoadFunc();
		
	},
	generateFormString : function(){
		
		var _str = "";
		
		// go through all the fields in the form and append them to the string
		
		var _formObjs = this.form.getElementsByTagName("input");
		
		for(var i=0;i<_formObjs.length;i++){
		
			// need to only include certain input types	
			if(this.inputsAllowed.indexOf(_formObjs[i].type) == -1)	
				continue;
		
			if(_str != "")
				_str += "&";

			_str += _formObjs[i].name+"="+_formObjs[i].value;	
		
		}
		
		return _str;
		
	}


}

portal.cookie = function(){
	
	// menu div
	this.init();
	
}

portal.cookie.prototype = {
	
	init : function(){
		
	},
	setCookie : function(name,value,days){
	
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		
		//alert((value));
		
		document.cookie = name+"="+escape(value)+expires+"; path=/";
		
		//alert(document.cookie);
	
	},
	getCookie : function(name)
	{
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length,c.length));
		}
		return null;
	}
	
}
portal.cookie = function(){
	
	// menu div
	this.init();
	
}

portal.cookie.prototype = {
	data : null,
	init: function () {
		
		this.data = [];

		var allCookies = document.cookie.split('; ');
		
		if(allCookies.length > 0){
			for (var i=0;i<allCookies.length;i++) {
				var cookiePair = [];
				
				// get index
				var index = allCookies[i].indexOf("=");
				
				cookiePair[0] = allCookies[i].substr(0,index);
				cookiePair[1] = allCookies[i].substr(index+1,allCookies[i].length);
				
				this.data[cookiePair[0]] = cookiePair[1];
			}
			
			// look for parts
			
			var tmp = [];
			
			for(var d in this.data){
			
				if(d.search(/Part([0-9]+)/i) > 0){
					
					// the name is
					
					var number = d.replace(/([0-9\.a-zA-Z]+)Part([0-9]+)/i,"$2")
					var name = d.replace(/Part([0-9]+)/i,"");
					
					if(number == "1")
						tmp[name] = "";
						
					tmp[name] += this.data[d];
					
				} else
					tmp[d] = this.data[d];
			
			}
			
			this.data = tmp;
		}
		
	},
	setCookie : function (name,value,days) {
		
		name = name.replace(/\./g,"");
		
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		
		var val = value;
		
		var cl = document.cookie.length;
		
		if(val.length > 2500){
		
			// figure out how many splits we need to make
			var num = Math.ceil(val.length/2500);
		
			var start = 0;
			var length = 2500;
		
			for(var i=1;i<=num;i++){
			
				document.cookie = name+"Part"+i+"="+val.substr(start,length)+expires+"; path=/";
				
				start += 2500; 
			
			}
		
		} else {
		
			document.cookie = name+"="+val+expires+"; path=/;";
			
		}
		
		if(cl == document.cookie.length)
			return false;
		
		if(days > 0)
			this.data[name] = escape(value);
	},
	getCookie : function(name){
		
		name = name.replace(/\./g,"");
		
		if(this.data[name]){
		
			return unescape(this.data[name]);
		
		} else
			return null;
		
	},
	deleteCookie: function (name) {
		
		name = name.replace(/\./g,"");
		
		var allCookies = document.cookie.split('; ');
		for (var i=0;i<allCookies.length;i++) {
			
			var cookiePair = [];
			
			// get index
			var index = allCookies[i].indexOf("=");
			
			cookiePair[0] = allCookies[i].substr(0,index);
			cookiePair[1] = allCookies[i].substr(index+1,allCookies[i].length);
			
			var re = new RegExp(name+"Part([0-9]+)");
		
			if(cookiePair[0].search(re) >= 0){
			
				this.setCookie(cookiePair[0],'',-1);
				this.data[cookiePair[0]] = undefined;
			
			}
		
		}
		
		this.setCookie(name,'',-1);
		this.data[name] = undefined;
		
		var newdata = [];
		
		for(var d in this.data){
			
			if(this.data[d] == undefined)
				continue;
			
			newdata[d] = this.data[d];
			
		}
		
		this.data = newdata;
		
	}
};

// Portal cropper.js
// Copyright 2010 Iomnis. All rights reserved.

portal.cropper = function(div,params){

	this.init(div,params);

}

portal.cropper.prototype = {
	
	root : null,
	cropper : null,
	vars : null,
	img : null,
	tools : null,
	init : function(div,params){
	
		this.root = document.getElementById(div);
		
		this.cropper = document.createElement("div");
		this.cropper.className = "cropper";
		
		this.root.appendChild(this.cropper);
		
		this.vars = {};
		
		for(var i in params)
			this.vars[i] = params[i];
			
		this.__render();	
		
	},
	__render : function(){
	
		var c = this;
	
		// set main width and height
		
		if(this.vars['width'])
			this.cropper.style.width = this.vars['width']+"px";
		
		if(this.vars['height'])
			this.cropper.style.height = this.vars['height']+"px";
	
		this.img = document.createElement("img");
		this.img.className = "cropper-img";
		
		this.img.style.left = "0px";
		this.img.style.top = "0px";
		
		// load in the image
		this.img.setAttribute("src",this.vars['image']);
		this.img.onmousedown = function(e){c.__drag(e)};
		
		this.cropper.appendChild(this.img);
		
		this.img.onload = function(){c.__renderTools()};
		
	},
	__renderTools : function(){
		
		var c = this;
		
		this.tools = document.createElement("div");
		this.tools.className = "cropper-tools";
		this.tools.style.width = this.vars['width']+"px";
		
		this.tools.innerHTML = "";
		
		// scaling
		
		var width = document.createElement("input");
		width.setAttribute("name","width");
		width.className = "cropper-input";
		width.value = this.img.offsetWidth;
		
		width.onfocus = function(e){c.__resize(e)};
		width.onblur = function(){c.__stopCheckSize()};
		
		var widthLbl = document.createElement("div");
		widthLbl.className = "cropper-input-label";
		widthLbl.innerHTML = "Width";
		
		var widthContainer = document.createElement("div");
		widthContainer.className = "cropper-input-div";
		
		widthContainer.appendChild(widthLbl);
		widthContainer.appendChild(width);
		widthContainer.appendChild(this.__clearDiv());
		
		var height = document.createElement("input");
		height.setAttribute("name","height");
		height.className = "cropper-input";
		height.value = this.img.offsetHeight;
		
		height.onfocus = function(e){c.__resize(e)};
		height.onblur = function(){c.__stopCheckSize()};
		
		var heightLbl = document.createElement("div");
		heightLbl.className = "cropper-input-label";
		heightLbl.innerHTML = "Height";
		
		var heightContainer = document.createElement("div");
		heightContainer.className = "cropper-input-div";
		
		heightContainer.appendChild(heightLbl);
		heightContainer.appendChild(height);
		heightContainer.appendChild(this.__clearDiv());
		
		var resize = document.createElement("div");
		resize.className = "cropper-resize";
		
		var resizeHeader = document.createElement("div");
		resizeHeader.className = "cropper-header";
		resizeHeader.innerHTML = "Resize Image";
		
		this.vars['constraint'] = document.createElement("div");
		this.vars['constraint'].className = "cropper-constraint";
		
		var constraintSelect = document.createElement("div");
		constraintSelect.className = "cropper-constraint-select";
		
		var cpsel = document.createElement("input");
		cpsel.setAttribute("type","checkbox");
		cpsel.setAttribute("name","constraint");
		cpsel.setAttribute("checked","checked");
		
		var cpselLbl = document.createElement("span");
		cpselLbl.innerHTML = "Constraint Proportions";
		
		this.vars['constraintResize'] = true;
		
		this.vars['constraintRatio.width'] = this.img.offsetWidth;
		this.vars['constraintRatio.height'] = this.img.offsetHeight;
		
		constraintSelect.appendChild(cpsel);
		constraintSelect.appendChild(cpselLbl);
		
		cpsel.onclick = function(){c.__constraintResize()};
		
		resize.appendChild(resizeHeader);
		resize.appendChild(widthContainer);
		resize.appendChild(this.__clearDiv());
		resize.appendChild(heightContainer);
		resize.appendChild(this.vars['constraint']);
		resize.appendChild(this.__clearDiv());
		resize.appendChild(constraintSelect);
		
		this.tools.appendChild(resize);
		
		this.root.appendChild(this.tools);
		
		this.vars['tools.width'] = width;
		this.vars['tools.height'] = height;
		
	},
	__resize : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		this.vars['resize.mode'] = target.getAttribute("name");
		
		var c = this;
		
		this.vars['resizeInterval'] = setInterval(function(){c.__checkSize()},100);
		
	},
	__checkSize : function(){
		
		if(this.vars['constraintResize']){
			switch(this.vars['resize.mode']){
				
				case "width":
				
					this.vars['tools.height'].value = Math.round(this.vars['tools.width'].value*(this.vars['constraintRatio.height']/this.vars['constraintRatio.width']));
				
				break;
				case "height":
				
					this.vars['tools.width'].value = Math.round(this.vars['tools.height'].value*(this.vars['constraintRatio.width']/this.vars['constraintRatio.height']));
				
				break;
				
			}
		}
		
		this.img.style.width = this.vars['tools.width'].value+"px";
		this.img.style.height = this.vars['tools.height'].value+"px";
		
		var left = this.img.style.left.replace("px","")*1;
		var top = this.img.style.top.replace("px","")*1;
		
		var rst = false;
		
		if(left+this.img.offsetWidth < 0 || left > this.vars['width'])
			rst = true;
			
		if(top+this.img.offsetHeight < 0 || top > this.vars['height'])
			rst = true;
			
		if(rst){
		
			this.img.style.left = "0px";
			this.img.style.top = "0px";
		
		}
	},
	__stopCheckSize : function(){
		
		clearInterval(this.vars['resizeInterval']);
		
	},
	__constraintResize : function(){
		
		this.vars['constraintResize'] = !this.vars['constraintResize'];
		
		if(!this.vars['constraintResize'])
			this.vars['constraint'].style.display = "none";
		else
			this.vars['constraint'].style.display = "block";	
		
	},
	__drag : function(e){
	
		var event = e || window.event;
	
		if(event.preventDefault)
		{
		  event.preventDefault();
		}
		
		var IE = document.all?true:false;
		
		if (!IE) document.captureEvents(Event.MOUSEMOVE);
		
		var c = this;
		
		document.onmousemove = function(e){c.__impulseDragging(e)};
		
		// get x,y of mouse
		
		if (IE) {
			
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
			
		} else {
		
			tempX = e.pageX;
			tempY = e.pageY;
			
		}  
			
		this.vars['startX'] = tempX;
		this.vars['startY'] = tempY;	
		
		this.vars['originX'] = this.img.style.left.replace("px","")*1;
		this.vars['originY'] = this.img.style.top.replace("px","")*1;
		
		this.vars['dragging'] = true;
		
		document.onmouseup = function(){c.__stopDrag()};
		
	},
	__stopDrag : function(){
		
		this.vars['dragging'] = false;
		
		document.onmousemove = function(){return true;};
		
	},
	__impulseDragging : function(e){
	
		if(!this.vars['dragging'])
			return false;
	
		var IE = document.all?true:false;
		
		if (!IE) document.captureEvents(Event.MOUSEMOVE);
		
		// get x,y of mouse
		
		if (IE) {
			
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
			
		} else {
		
			tempX = e.pageX;
			tempY = e.pageY;
			
		}  
			
		this.vars['endX'] = tempX;
		this.vars['endY'] = tempY;	
		
		this.img.style.left = (this.vars['originX']+(this.vars['endX']-this.vars['startX']))+"px";
		this.img.style.top = (this.vars['originY']+(this.vars['endY']-this.vars['startY']))+"px";
		
	},
	getData : function(){
		
		return {"x":this.img.style.left.replace("px",""),"y":this.img.style.top.replace("px",""),"width":this.img.offsetWidth,"height":this.img.offsetHeight,"originalWidth":this.vars['constraintRatio.width'],"originalHeight":this.vars['constraintRatio.height']};
		
	},
	__clearDiv : function(){
	
		var clear = document.createElement("div");
		clear.style.clear = "both";
	
		return clear;
		
	}
	
}
portal.terminal = function(o){

	this.init(o);
	
}

portal.terminal.prototype = {
	
	root : null,
	layout : {},
	eventObjs : {},
	obj : null,
	color : "#F8F8F8",
	init : function(o){
		
		this.obj = o;
		
		this.root = document.createElement("div");
		this.root.className = "debugger";
		
		document.body.appendChild(this.root);
		
		this.render();
		
	},
	render : function(){
		
		this.root.innerHTML = "";
		
		this.createHeader();
		
	},
	createHeader : function(){
		
		var d = this;
		
		this.layout['header'] = document.createElement("div");
		this.layout['header'].className = "header";
		//this.layout['header'].innerHTML = "Debugger";
		
		this.root.appendChild(this.layout['header']);
		
		this.layout['content'] = document.createElement("div");
		this.layout['content'].className = "content";
		
		this.root.appendChild(this.layout['content']);
		
		this.eventObjs['mousedown'] = events.register(this.layout['header'],"mousedown",function(){d.drag(false)});
		
		// console
		
		this.layout['console'] = document.createElement("div");
		this.layout['console'].className = "console";
		
		this.layout['content'].appendChild(this.layout['console']);
		
		this.layout['list'] = document.createElement("div");
		this.layout['list'].className = "list";
		
		this.layout['content'].appendChild(this.layout['list']);
		
		if(this.obj){
		
			var list = document.createElement("div");
			list.setAttribute("size","14");
			
			var tmp = [];
			
			for(var i in this.obj){
			
				tmp.push(i);
				
			}
			
			tmp.sort();
			
			for(i=0;i<tmp.length;i++){
				
				var opt = document.createElement("div");
				opt.innerHTML = tmp[i];
				
				list.appendChild(opt);
				
				events.register(opt,"dblclick",function(t){d.runThis(t)},tmp[i]);
				
			}
			
			this.layout['list'].appendChild(list);
			
		}
		
		var clear = document.createElement("div");
		clear.style.clear = "both";
		
		this.layout['content'].appendChild(clear);
		
		this.layout['input'] = document.createElement("input");
		this.layout['input'].className = "input";
		
		this.layout['content'].appendChild(this.layout['input']);
		
		events.register(this.layout['input'],"focus",function(){d.checkInput()});
		events.register(this.layout['input'],"blur",function(){d.checkInput(false,true)});
		
		
	},
	checkInput : function(check,end){
		
		var d = this, event = events.eventObject;
		
		if(check){
		
			if (event.keyCode == 13){

				// run
				
				this.run(this.layout['input'].value);

				this.layout['input'].value = "";
		
			}
		
		} else {
		
			if(!end){
		
				events.register(document.body,'keypress',function(){d.checkInput(true)});
			
			} else {
			
				events.unregister(document.body,'keypress');
				
			}
			
		}

		
	},
	drag : function(stopDrag){
		
		var d = this;
		
		if(!stopDrag){
			
			this.root.style.opacity = .25;
			this.root.style.filter = "opacity(25)";
			this.root.style.filter = "alpha(opacity=25)";
			
			dragger.drag(this.root);
			
			this.eventObjs['mouseup'] = events.register(document.body,"mouseup",function(){d.drag(true)});
			
		} else {
			
			this.root.style.opacity = 1;
			this.root.style.filter = "opacity(100)";
			this.root.style.filter = "alpha(opacity=100)";
			
			dragger.drag(null);
			
			events.unregister(this.eventObjs['mouseup']);
			
			
		}
		
	},
	runThis : function(txt){
		
		// replace this with this.obj
		
		var val;
			
		eval("val = this.obj."+txt+";");
		
		if(typeof val == "function"){
		
			try {
		
				eval("this.obj."+txt+"()");
			
			} catch(err){
				
				err = new String(err).replace("this.obj.","this.");
		
				this.insertText(err);
				
			}
			
		} else {
		
			this.run("this."+txt);
			
		}
		
	},
	run : function(txt){
			
		var val = null;
			
		// replace this with this.obj
			
		var t = txt.replace("this.","this.obj.");
		
		t = t.replace("__debugger__","this");
	
		try {
			
			var reg = new RegExp("\=","g");
			
			if(!reg.test(t))
				eval("val = "+t);
			else
				eval(t);
			
		} catch(err){
		
			err = new String(err).replace("this.obj.","this.");
		
			this.insertText(err);
			
		}
			
		if(val != null){
			
			var newVal = new String(val);
			
			newVal = newVal.split("\n");
	
			this.insertText(txt+" : "+newVal.join("<br/>"));
			
		} else {
		
			//this.insertText(txt);
			
		}
			
		
		
	},
	insertText : function(txt){
	
		if(this.color == "#F8F8F8")
			this.color = "#FFF";
		else
			this.color = "#F8F8F8";	
	
		this.layout['console'].innerHTML += "<div style=\"background:"+this.color+"\">"+txt+"</div>";
		
		// change scroll
		this.layout['console'].scrollTop = this.layout['console'].scrollHeight;
		
	}
	
}
// Portal drag.js
// Copyright 2010 Iomnis. All rights reserved.

portal.drag = function(){
	
	this.init();
	
}

portal.drag.prototype = {

	position : 0,
	element : null,
	bounds : null,
	interval : null,
	dragEvent : null,
	dispX : null,
	dispY : null,
	noX : false,
	noY : false,
	zIndex : 0,
	change : {},
	vars : {},
	centerElement : false,
	debug :  null,
	isPaused : false,
	init : function(){
	
	},
	pause : function(){
	
		this.isPaused = true;
	
	},
	paused : function(){
	
		return this.isPaused;
	
	},
	resume : function(){
	
		this.isPaused = false;
	
	},
	set : function(variable,value){
		
		eval("this.change[variable] = this."+variable+";");
		
		eval("this."+variable+" = value;");
		
		return this;
		
	},
	execWithDrag : function(func){
		
		this.vars['drag.params'] = [];
		
		if(arguments.length > 1){
		
			for(var i = 1;i<arguments.length;i++){
				
				this.vars['drag.params'] .push(arguments[i]);
				
			}
			
		}
		
		this.vars['drag'] = func;
		
		return this;
		
	},
	drag : function(el,bounds){
	
		var d = this;
	
		if(!bounds)
			bounds = document.body;
	
		if(el == null || el == undefined){
			
			events.unregister(this.dragEvent);	
			this.dragEvent = null;
			
			this.centerElement = false;
				
			if(this.element){
			
				if(this.zIndex){
				
					this.element.style.zIndex = this.position ? this.position : 0;
				
				}
				
				this.element = null;
				this.bounds = null;
				
				this.dispX = null;
				this.dispY = null;
				
				this.noX = false;
				this.noY = false;
				
				this.vars['drag'] = null;
				this.vars['drag.params'] = null;
				
				for(var i in this.change){
				
					eval("this."+i+" = this.change[i];");
					
				}
				
				this.change = {};
				this.zIndex = 0;

			}
			
			//events.unregister(this.vars['documentselectstart']); // ie
  			//events.unregister(this.vars['documentmousedown']); // mozilla
			
			return true;
			
		}
	
		// drag el
		
		if(this.zIndex){
			this.position = this.getStyle(el,"z-index") ? this.getStyle(el,"z-index") : this.getStyle(el,"zIndex");
			el.style.zIndex = this.zIndex;
		}
		
		this.element = el;
		this.bounds = bounds;
		
		this.element.ondragstart = function(){return false};
		this.element.onselectstart = function(){return false};
		
		var bx = site.offsetLeft(this.bounds);
		var by = site.offsetTop(this.bounds);
		
		this.dispX = null;
		this.dispY = null;
		
		// not start interval
		this.dragEvent = events.register(document.body,"mousemove",function(){d.dragging()});
		
		var event = events.eventObject || window.event;
		
		//this.vars['documentselectstart'] = events.register(document,"selectstart",function() {return false;}); // ie
  		//this.vars['documentmousedown'] = events.register(document,"mousedown",function() {return false;}); // mozilla
		
		try {
		
		if(event){
			
			if(event.preventDefault){
				
				event.preventDefault();
				  
			} else {
				
				event.returnValue = false;
					
			}
			
		}
		
		} catch(err){
	
			//console.log(err);
	
		}
		
		return this;
		
	},
	center : function(centerElement){
		
		this.centerElement = centerElement;
		
	},
	ignoreX : function(){
		
		this.noX = true;
		
		return this;
		
	},
	ignoreY : function(){
		
		this.noY = true;
		
		return this;
		
	},
	dragging : function(){
		
		if(this.isPaused)
			return false;
		
		var event = events.eventObject || window.event;
		
		if(this.element == null){
			
			this.drag(null);
			return false;
			
		}
		
		var mouse = events.getMouse(), x = mouse.x, y = mouse.y;
		
		/*
		if(event){
			if(event.preventDefault){
				
				event.preventDefault();
				  
			} else {
				
				event.returnValue = false;
					
			}
		}*/
		
		if(!this.dispX)
			this.dispX = (x-site.offsetLeft(this.element));
	
		if(!this.dispY)
			this.dispY = (y-site.offsetTop(this.element));
			
			
		// use bounds
		var bx = site.offsetLeft(this.bounds), by = site.offsetTop(this.bounds), bbx = this.bounds.offsetWidth, bby = this.bounds.offsetHeight;
		
		var dy = (y-by-this.dispY), dx = (x-bx-this.dispX);
		
		if(dy < 0){
			
			dy = 0;
			
		} else if(dy > bby-this.element.offsetHeight){
			
			dy = bby-this.element.offsetHeight;
			
		}
		
		if(dx < 0){
			
			dx = 0;
			
		} else if(dx > bbx-this.element.offsetWidth){
			
			dx = bbx-this.element.offsetWidth;
			
		}
		
		if(this.centerElement){
		
			if(dx != (x-(this.element.offsetWidth/2))){
				
				dx = (x-(this.element.offsetWidth/2));
				
			}
			
			if(dy != (y-(this.element.offsetHeight/2))){
				
				dy = (y-(this.element.offsetHeight/2));
				
			}
			
		}
		
		if(!this.noY)
			this.element.style.top = dy+"px";
			
		if(!this.noX)	
			this.element.style.left = (dx)+"px";
			
		if(this.vars['drag']){
		
			var arr = [];
			
			if(this.vars['drag.params']){
			
				for(var i in this.vars['drag.params']){
				
					if(/([^0-9]+)/.test(this.vars['drag.params'][i]) && typeof this.vars['drag.params'][i] == "string")
						arr.push("'"+this.vars['drag.params'][i]+"'");
					else if(typeof this.vars['drag.params'][i] == "object" || typeof this.vars['drag.params'][i] == "array")
						arr.push("this.vars['drag.params']["+i+"]");	
					else
						arr.push(this.vars['drag.params']);
					
				}
			
			}
		
			eval("this.vars['drag']("+arr.join(",")+")");
			
		}
		
	},
	getStyle : function(x,styleProp){
		
		if (x.currentStyle)
			var y = x.currentStyle[styleProp];
		else if (window.getComputedStyle)
			var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
			
		return y;
		
	},
	hitTest : function(){
		
		var res = false;
		
		// detect if div1 is touching div2
		
		if(arguments.length == 2){
		
			var div1 = arguments[0], div2 = arguments[1];
		
			var bounds1 = {"x":site.offsetLeft(div1)+this.scrolledX(div1),"y":site.offsetTop(div1)+this.scrolledY(div1),"width":div1.offsetWidth,"height":div1.offsetHeight};
			var bounds2 = {"x":site.offsetLeft(div2)+this.scrolledX(div2),"y":site.offsetTop(div2)+this.scrolledY(div2),"width":div2.offsetWidth,"height":div2.offsetHeight};
			
			var xLeft = Math.min(bounds1.x,bounds2.x);
			var xRight = Math.max(bounds1.x+bounds1.width,bounds2.x+bounds2.width);
			
			var yTop = Math.min(bounds1.y,bounds2.y);
			var yBottom = Math.max(bounds1.y+bounds1.height,bounds2.y+bounds2.height);
			
			var dx = Math.abs(xLeft-xRight);
			var dy = Math.abs(yTop-yBottom);
				
			if(dx < (bounds1.width+bounds2.width) && dy < (bounds1.height+bounds2.height))
				res = true;
			
		} else if(arguments.length == 3){
			
			var div = arguments[2];
			
			var x = arguments[0];
			var y = arguments[1];
			
			var bounds = {"x":site.offsetLeft(div)+this.scrolledX(div),"y":site.offsetTop(div)+this.scrolledY(div),"width":div.offsetWidth,"height":div.offsetHeight};
			
			var dx1 = Math.abs(x-bounds.x);
			var dx2 = Math.abs(x-(bounds.x+bounds.width));
			
			var dy1 = Math.abs(y-bounds.y);
			var dy2 = Math.abs(y-(bounds.y+bounds.height));
			
			if(dx1 < bounds.width && dx2 < bounds.width && dy1 < bounds.height && dy2 < bounds.height)
				res = true;
			
		}
		
		return res;
		
	},
	scrolledX : function(div){
		
		if(!div)
			return 0;
		
		var output = 0;
		
		while(div.parentNode){
			
			if(div.parentNode.scrollLeft)
				output += div.parentNode.scrollLeft;
			div = div.parentNode;
		}
		
		return output*-1;
		
	},
	scrolledY : function(div){
		
		if(!div)
			return 0;
		
		var output = 0;
		
		while(div.parentNode){
			
			if(div.parentNode.scrollTop)
				output += div.parentNode.scrollTop;
			div = div.parentNode;
		}
		
		return output*-1;
		
	}
	
}
// Portal draw.js
// Copyright 2010 Iomnis. All rights reserved.

portal.draw = function(){
	
	this.init();
	
}

portal.draw.prototype = {
	
	drawings : [],
	parent : null,
	border : {},
	init : function(){
		
		this.parent = document.body;
		
	},
	setParent : function(p){
		
		this.parent = p;
		
		return this;
		
	},
	setBorder : function(css){
		
		this.border = css;
		
		return this;
		
	},
	drawPoint : function(x,y){
	
		var container = document.createElement("div");
		container.style.position = "absolute";
	
		this.parent.appendChild(container);
	
		var point = this.point(x,y);
		container.appendChild(point);
		
		this.drawings.push(container);
		
		return this;
		
	},
	point : function(x,y){
	
		var point = document.createElement("div");
		point.style.position = "absolute";
		point.style.borderTop = "1px solid #000";
		
		point.style.width = "1px";
		point.style.height = "1px";
		
		point.style.left = x+"px";
		point.style.top = y+"px";
		
		return point;
		
	},
	drawLine : function(x1,y1,x2,y2){
		
		var xd = (x1 < x2) ? x1 : x2, yd = (y1 < y2) ? y1 : y2;
		
		x1 -= xd, y1 -= yd, x2 -= xd, y2 -= yd;
		
		var slope = (y2-y1)/(x2-x1);
		
		var xDistance = Math.abs(x2-x1), yDistance = Math.abs(y2-y1);
		
		var container = document.createElement("div");
		container.className = "drawing";
		container.style.position = "absolute";
		
		var line = document.createElement("div");
		line.style.position = "absolute";
	
		line.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11='1.0',sizingmethod='auto expand');";
	
		if(this.border){
		
			for(var b in this.border){
			
				eval("line.style."+b+" = this.border[b];");
				
			}
			
		}
	
		var h = Math.sqrt(((x2-x1)*(x2-x1))+((y2-y1)*(y2-y1)));
	
		line.style.width = h+"px";
		
		container.style.width = xDistance+"px";
		container.style.height = yDistance+"px";
		
		line.style.height = "1px";
	
		container.appendChild(line);
	
		this.parent.appendChild(container);
		
		line.style.top = (container.offsetHeight/2)+"px";
		line.style.left = (0-(line.offsetWidth-container.offsetWidth)/2)+"px";
		
		container.style.left = (xd)+'px';
		container.style.top = (yd)+'px';
		
		var prop = this.getTransformProperty(container);
		
		var deg = (Math.asin((y2-y1)/h)*(180 / Math.PI));
		
		if(x1 > x2){
		
			deg = 360-deg;
			
		}
		
		var deg2radians = Math.PI * 2 / 360;
			
		rad = deg * deg2radians ;
  		costheta = Math.cos(rad);
    	sintheta = Math.sin(rad);
    		
		if(line.filters){
    		
    		line.style.top = "0px";
    		line.style.left = "0px";

    		line.filters.item(0).M11 = costheta;
    		line.filters.item(0).M12 = -sintheta;
    		line.filters.item(0).M21 = sintheta;
    		line.filters.item(0).M22 = costheta;
		
		}
		
		line.style[prop] = 'rotate(' + deg + 'deg)';
		
		this.drawings.push(container);
		
		return this;
		
	},
	getDrawing : function(){
		
		// returns last drawing
		
		return this.drawings[this.drawings.length-1];
		
	},
	getTransformProperty : function(element) {
		
		var properties = ['transform', 'WebkitTransform', 'MozTransform'];
		
		var p;
		
		while (p = properties.shift()) {
			if (typeof element.style[p] != 'undefined') {
				return p;
			}
		}
		
		return false;
		
	},
	clearLastDrawing : function(){
	
		this.parent.removeChild(this.getDrawing());
		
		this.drawings.pop();
	
	},
	clear : function(){
	
		if(this.drawings.length > 0){
			
			for(var i in this.drawings){
			
				this.parent.removeChild(this.drawings[i]);
				
			}
			
			this.drawings = [];
		
		}
		
	}
	
}
// Portal events.js
// Copyright 2010 Iomnis. All rights reserved.

portal.events = function(){
	
	this.init();
	
}

portal.events.prototype = {

	events : {},
	oevents : {},
	parameters : {},
	oparameters : {},
	targets : {},
	types : {},
	afuncs : {},
	timer : {},
	target : null,
	eventObject : null,
	length : 0,
	counter : 0,
	clickLength : 150,
	_debug : null,
	init : function(){
	
		if(document.all){
		
			this.clickLength = 550; // for IE
			
		}
		
	},
	attachDebug : function(d){
		
		_debug = d;
		
	},
	debug : function(txt){
		
		if(_debug)
			_debug.insertText(txt);
		
	},
	register : function(target, type, callback){
	
		var code = this.length, params = [];
	
		if(type == "hold")
			type = "mousedown";
	
		this.length++;
	
		if(arguments.length > 3){
		
			for(var i = 3;i<arguments.length;i++){
				
				params.push(arguments[i]);
				
			}
			
		}
		
		this.events[code] = callback;
		this.oevents[code] = null;
		this.parameters[code] = params;
		this.oparameters[code] = null;
		this.targets[code] = target;
		this.types[code] = type;
	
		var t = this;
	
		if(type == "click2"){
			
			// look for a click event for this target
			
			for(var targ in this.targets){
				
				if(this.targets[targ] == target && this.types[targ] == "hold"){
					
					this.unregister(targ);
					
					this.oevents[targ] = this.events[targ];
					this.oparameters[targ] = this.parameters[targ];
					
					this.events[targ] = callback;
					this.parameters[targ];
					this.types[targ] = "click";
					
					delete this.events[code];
					delete this.oevents[code];
					delete this.parameters[code];
					delete this.targets[code];
					delete this.types[code];
					
					this.length--;
					
					code = targ;
					
					this.targets[code] = target;
					
					break;
					
				}
				
			}
			
			// handle clicks
			
			this.timer[code] = 0;
				
			var func1, func2;
			eval("func1 = function(e){events.callMouseDown(e,"+code+")}");
			eval("func2 = function(e){events.callMouseUp(e,"+code+")}");		
				
			this.afuncs[code+'click1'] = func1;
			this.afuncs[code+'click2'] = func2;	
				
			if (target.addEventListener){
				
				eval("target.addEventListener('mousedown',func1,false);");
				eval("target.addEventListener('mouseup',func2,false);");
					
			} else {
				
				eval("target.attachEvent('onmousedown',func1);");
				eval("target.attachEvent('onmouseup',func2);");
				
			}
			
		} else if(type == "hold2"){
			
			// look for a click event for this target
			
			for(var targ in this.targets){
				
				if(this.targets[targ] == target && this.types[targ] == "click"){
					
					delete this.events[code];
					delete this.oevents[code];
					delete this.parameters[code];
					delete this.targets[code];
					delete this.types[code];
					
					this.length--;
					
					code = targ;
					this.oevents[code] = callback;
					this.oparameters[code] = params;
					
					break;
					
				}
				
			}
			
			// handle hold event, companion to click event
			
			this.timer[code] = 0;
				
			var func1, func2;
			eval("func1 = function(e){events.callMouseDown(e,"+code+",true)}");
			eval("func2 = function(e){events.callMouseUp(e,"+code+",true)}");
				
			var skip;	
				
			if(this.afuncs[code+'hold1'] || this.afuncs[code+'hold2'])
				skip = true;
				
			if(!this.afuncs[code+'hold1'])
				this.afuncs[code+'hold1'] = func1;
				
			if(!this.afuncs[code+'hold2'])	
				this.afuncs[code+'hold2'] = func2;	
				
			if(!skip){	
				if (target.addEventListener){
					
					eval("target.addEventListener('mousedown',func1,false);");
					eval("target.addEventListener('mouseup',func2,false);");
						
				} else {
					
					eval("target.attachEvent('onmousedown',func1);");
					eval("target.attachEvent('onmouseup',func2);");
					
				}
			}
			
		} else {
	
			var func;
		
			eval("func = function(e){events.call(e,"+code+")}");
		
			this.afuncs[code] = func;
	
			if (target.addEventListener){
				
				eval("target.addEventListener('"+type+"',func,false);");
					
			} else {
				
				eval("target.attachEvent('on"+type+"',func);");
				
			}
			
			func = null;
		
		}
		
		return code;
		
	},
	unregister : function(){
		
		if(arguments.length == 2){
		
			var target = arguments[0], type = arguments[1];
		
			if(!target)
				return false;
		
			for(var i=this.length;i>=0;i--){
			
				if(this.targets[i] === target){
				
					if(this.types[i] == type){
						
						if(type == "click1"){
							
							var func1, func2;
							
							eval("func1 = this.afuncs[i+'click1'];");
							eval("func2 = this.afuncs[i+'click2'];");
							
							if (target.removeEventListener){
								
								eval("target.removeEventListener('mousedown',func1,false);");
								eval("target.removeEventListener('mouseup',func2,false);");
										
							} else {
									
								eval("target.detachEvent('onmousedown',func1);");
								eval("target.detachEvent('onmouseup',func2);");
									
							}
							
						} else if(type == "hold2"){
							
							var func1, func2;
							
							eval("func1 = this.afuncs[i+'hold1'];");
							eval("func2 = this.afuncs[i+'hold2'];");
							
							if (target.removeEventListener){
								
								eval("target.removeEventListener('mousedown',func1,false);");
								eval("target.removeEventListener('mouseup',func2,false);");
										
							} else {
									
								eval("target.detachEvent('onmousedown',func1);");
								eval("target.detachEvent('onmouseup',func2);");
									
							}
							
						} else {
						
							var func;
							
							eval("func = this.afuncs[i];");
							
							if (target.removeEventListener){
								
								eval("target.removeEventListener(type,func,false);");
										
							} else {
									
								eval("target.detachEvent('on'+type,func);");
									
							}
						
						}
						
						this.targets[i] = null;
						
						break;
					
					}
					
				}
				
			}
		
		} else if(arguments.length == 1){
			
			var func, i = arguments[0], target = this.targets[i], type = this.types[i];
				
			if(!target)
				return false;	
						
			eval("func = this.afuncs[i];");
						
			try {
		
				if (target.removeEventListener){
							
					eval("target.removeEventListener(type,func,false);");
									
				} else {
								
					eval("target.detachEvent('on'+type,func);");
								
				}
					
			} catch(e){
							
								
								
			}
						
			this.targets[i] = null;
			
		}
		
	},
	call : function(e,code,dontOverwrite,runOther){
		
		this.target = this.targets[code];
		
		if(!dontOverwrite){
		
			this.eventObject = e || window.event;
		
		}
		
		this.mouse = this.getMouse();
		
		var arr = [];
		
		try {
		
			if(!runOther){
			
				for(var i in this.parameters[code]){
		
					if(/([^0-9]+)/.test(this.parameters[code][i]) && typeof this.parameters[code][i] == "string")
						arr.push("'"+this.parameters[code][i]+"'");
					else if(typeof this.parameters[code][i] == "object" || typeof this.parameters[code][i] == "array")
						arr.push("this.parameters[code]["+i+"]");	
					else
						arr.push(this.parameters[code][i]);
					
				}
			
				return eval("this.events[code]("+arr.join(",")+")");
			
			} else {
			
				for(var i in this.oparameters[code]){
		
					if(/([^0-9]+)/.test(this.oparameters[code][i]) && typeof this.oparameters[code][i] == "string")
						arr.push("'"+this.oparameters[code][i]+"'");
					else if(typeof this.oparameters[code][i] == "object" || typeof this.oparameters[code][i] == "array")
						arr.push("this.oparameters[code]["+i+"]");	
					else
						arr.push(this.oparameters[code][i]);
					
				}
			
				return eval("this.oevents[code]("+arr.join(",")+")");	
			
			}
		
		} catch(e){
		
			return false;
			
		}
		
	},
	callMouseDown : function(e,code,hold){
		
		var t = this;
	
		this.timer[code] = (new Date()).getTime();
		
		var event = e || window.event;
		
		this.eventObject = {};
		for(var o in event)
			this.eventObject[o] = event[o];
			
		if(hold){
	
			if(this.events['hold.timer.'+code]){
			
				clearInterval(this.events['hold.timer.'+code]);
				this.events['hold.timer.'+code] = null;
			
			}
	
			// start a timer
			this.events['hold.timer.'+code] = setInterval(function(){t.checkHoldStatus(code)},100);	
		
		} else if(!hold && this.oevents[code]){
			
			// start a timer
			this.events['hold.timer.'+code] = setInterval(function(){t.checkHoldStatus(code,true)},100);	
			
		}

	},
	callMouseUp : function(e,code,hold){
	
		var time = (new Date()).getTime();
		
		var event = e || window.event;
		
		this.eventObject = {};
		for(var o in event)
			this.eventObject[o] = event[o];
		
		if(hold){
		
			if(this.events['hold.timer.'+code]){
				clearInterval(this.events['hold.timer.'+code]);
				this.events['hold.timer.'+code] = null;
				return true;
			}
			
		}
		
		if((time-this.timer[code]) <= this.clickLength){
			
			this.call(null,code,true);
			
		}
		
	},
	checkHoldStatus : function(code,isOEvent){
		
		var time = (new Date()).getTime();
		
		this.count++;
		
		if((time-this.timer[code]) > this.clickLength){
			
			clearInterval(this.events['hold.timer.'+code]);
			this.events['hold.timer.'+code] = null;
			
			if(isOEvent)
				this.call(null,code,true,true);
			else
				this.call(null,code,true);
				
		}
		
	},
	getMouse : function(){
	
		var event = this.eventObject, x = 0, y = 0;
	
		if(event){
			
			if(event.pageX || event.pageY){
			
				x = event.pageX;
				y = event.pageY;
			
			} else if(event.clientX || event.clientY){
			
				x = event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
				y = event.clientY+document.body.scrollTop+document.documentElement.scrollTop;
			
			}
				
		}
		
		return {"x":x,"y":y};	
		
	}
	
}
// Portal events.js
// Copyright 2010 Iomnis. All rights reserved.

portal.events = function(){
	
	this.init();
	
}

portal.events.prototype = {

	events : {},
	oevents : {},
	parameters : {},
	oparameters : {},
	targets : {},
	types : {},
	afuncs : {},
	timer : {},
	propagate : {},
	target : null,
	eventObject : null,
	length : 0,
	counter : 0,
	clickLength : 150,
	_debug : null,
	init : function(){
	
		if(document.all){
		
			this.clickLength = 550; // for IE
			
		}
		
	},
	attachDebug : function(d){
		
		_debug = d;
		
	},
	debug : function(txt){
		
		if(_debug)
			_debug.insertText(txt);
		
	},
	register : function(target, type, callback, propagate){
	
		var code = this.length, params = [];
	
		if(type == "hold")
			type = "mousedown";
	
		this.length++;
	
		if(arguments.length > 3){
		
			for(var i = 3;i<arguments.length;i++){
				
				params.push(arguments[i]);
				
			}
			
		}
		
		this.events[code] = callback;
		this.oevents[code] = null;
		this.parameters[code] = params;
		this.oparameters[code] = null;
		this.targets[code] = target;
		this.types[code] = type;
		//this.propagate[code] = propagate ? false : true; // default propagate is true
	
		var t = this;
	
		if(type == "click2"){
			
			// look for a click event for this target
			
			for(var targ in this.targets){
				
				if(this.targets[targ] == target && this.types[targ] == "hold"){
					
					this.unregister(targ);
					
					this.oevents[targ] = this.events[targ];
					this.oparameters[targ] = this.parameters[targ];
					
					this.events[targ] = callback;
					this.parameters[targ];
					this.types[targ] = "click";
					
					delete this.events[code];
					delete this.oevents[code];
					delete this.parameters[code];
					delete this.targets[code];
					delete this.types[code];
					
					this.length--;
					
					code = targ;
					
					this.targets[code] = target;
					
					break;
					
				}
				
			}
			
			// handle clicks
			
			this.timer[code] = 0;
				
			var func1, func2;
			func1 = function(e){events.callMouseDown(e,code)};
			func2 = function(e){events.callMouseUp(e,code)};		
				
			this.afuncs[code+'click1'] = func1;
			this.afuncs[code+'click2'] = func2;	
				
			if (target.addEventListener){
				
				target.addEventListener('mousedown',func1,false);
				target.addEventListener('mouseup',func2,false);
					
			} else {
				
				target.attachEvent('onmousedown',func1);
				target.attachEvent('onmouseup',func2);
				
			}
			
		} else if(type == "hold2"){
			
			// look for a click event for this target
			
			for(var targ in this.targets){
				
				if(this.targets[targ] == target && this.types[targ] == "click"){
					
					delete this.events[code];
					delete this.oevents[code];
					delete this.parameters[code];
					delete this.targets[code];
					delete this.types[code];
					
					this.length--;
					
					code = targ;
					this.oevents[code] = callback;
					this.oparameters[code] = params;
					
					break;
					
				}
				
			}
			
			// handle hold event, companion to click event
			
			this.timer[code] = 0;
				
			var func1, func2;
			func1 = function(e){events.callMouseDown(e,"+code+",true)};
			func2 = function(e){events.callMouseUp(e,"+code+",true)};
				
			var skip;	
				
			if(this.afuncs[code+'hold1'] || this.afuncs[code+'hold2'])
				skip = true;
				
			if(!this.afuncs[code+'hold1'])
				this.afuncs[code+'hold1'] = func1;
				
			if(!this.afuncs[code+'hold2'])	
				this.afuncs[code+'hold2'] = func2;	
				
			if(!skip){	
				if (target.addEventListener){
					
					target.addEventListener('mousedown',func1,false);
					target.addEventListener('mouseup',func2,false);
						
				} else {
					
					target.attachEvent('onmousedown',func1);
					target.attachEvent('onmouseup',func2);
					
				}
			}
			
		} else {
	
			(function (c){
			
				t.afuncs[code] = function(e){events.call(e,c)};
	
			})(code);
	
			if (target.addEventListener){
			
				(function (c){
				
					target.addEventListener(type,t.afuncs[c],false);
					
				})(code);
					
			} else {
				
				(function (c){
				
					target.attachEvent('on'+type,t.afuncs[c]);
				
				})(code);
				
			}
			
			//func = null;
		
		}
		
		return code;
		
	},
	unregister : function(){
		
		if(arguments.length == 2){
		
			var target = arguments[0], type = arguments[1];
		
			if(!target)
				return false;
		
			for(var i=this.length;i>=0;i--){
			
				if(this.targets[i] === target){
				
					if(this.types[i] == type){
						
						if(type == "click1"){
							
							var func1, func2;
							
							func1 = this.afuncs[i+'click1'];
							func2 = this.afuncs[i+'click2'];
							
							if (target.removeEventListener){
								
								target.removeEventListener('mousedown',func1,false);
								target.removeEventListener('mouseup',func2,false);
										
							} else {
									
								target.detachEvent('onmousedown',func1);
								target.detachEvent('onmouseup',func2);
									
							}
							
						} else if(type == "hold2"){
							
							var func1, func2;
							
							func1 = this.afuncs[i+'hold1'];
							func2 = this.afuncs[i+'hold2'];
							
							if (target.removeEventListener){
								
								target.removeEventListener('mousedown',func1,false);
								target.removeEventListener('mouseup',func2,false);
										
							} else {
									
								target.detachEvent('onmousedown',func1);
								target.detachEvent('onmouseup',func2);
									
							}
							
						} else {
						
							var func;
							
							func = this.afuncs[i];
							
							if (target.removeEventListener){
								
								target.removeEventListener(type,func,false);
										
							} else {
									
								target.detachEvent('on'+type,func);
									
							}
						
						}
						
						this.targets[i] = null;
						
						break;
					
					}
					
				}
				
			}
		
		} else if(arguments.length == 1){
			
			var func, i = arguments[0], target = this.targets[i], type = this.types[i];
				
			if(!target)
				return false;	
						
			func = this.afuncs[i];
						
			try {
		
				if (target.removeEventListener){
							
					target.removeEventListener(type,func,false);
									
				} else {
								
					target.detachEvent('on'+type,func);
								
				}
					
			} catch(e){
							
								
								
			}
						
			this.targets[i] = null;
			
		}
		
	},
	call : function(e,code,dontOverwrite,runOther){
		
		this.target = this.targets[code];
		
		if(!dontOverwrite){
		
			//this.eventObject = e || window.event;
			
			this.eventObject = {};

			if(window.event){
			
				for(var o in window.event)
					this.eventObject[o] = window.event[o];
			
			} else {
			
				this.eventObject = e;
			
			}
			
		}
		
		/*
if(!this.propagate[code]){
		
			// no propogation, sorry
			
			if(this.eventObject){
			
				this.eventObject.cancelBubble = true;
				if (this.eventObject.stopPropagation){
				
					this.eventObject.stopPropagation();
				
				}
			
			}
		
		}
*/
		
		this.mouse = this.getMouse();
		
		var arr = [];
		
		try {
		
			if(!runOther){
			
				for(var i in this.parameters[code]){
		
					if(/([^0-9]+)/.test(this.parameters[code][i]) && typeof this.parameters[code][i] == "string")
						arr.push("'"+this.parameters[code][i]+"'");
					else if(typeof this.parameters[code][i] == "object" || typeof this.parameters[code][i] == "array")
						arr.push("this.parameters[code]["+i+"]");	
					else
						arr.push(this.parameters[code][i]);
					
				}
			
				if(this.events[code])
					return eval("this.events[code]("+arr.join(",")+");");
				else
					return false;	
			
			} else {
			
				for(var i in this.oparameters[code]){
		
					if(/([^0-9]+)/.test(this.oparameters[code][i]) && typeof this.oparameters[code][i] == "string")
						arr.push("'"+this.oparameters[code][i]+"'");
					else if(typeof this.oparameters[code][i] == "object" || typeof this.oparameters[code][i] == "array")
						arr.push("this.oparameters[code]["+i+"]");	
					else
						arr.push(this.oparameters[code][i]);
					
				}
			
				if(this.oevents[code])
					return eval("this.oevents[code]("+arr.join(",")+");");	
				else
					return false;	
			
			}
		
		} catch(e){
		
			return false;
			
		}
		
	},
	callMouseDown : function(e,code,hold){
		
		var t = this;
	
		this.timer[code] = (new Date()).getTime();
		
		var event = e || window.event;
		
		this.eventObject = {};
		for(var o in event)
			this.eventObject[o] = event[o];
		
		if(hold){
	
			if(this.events['hold.timer.'+code]){
			
				clearInterval(this.events['hold.timer.'+code]);
				this.events['hold.timer.'+code] = null;
			
			}
	
			// start a timer
			this.events['hold.timer.'+code] = setInterval(function(){t.checkHoldStatus(code)},100);	
		
		} else if(!hold && this.oevents[code]){
			
			// start a timer
			this.events['hold.timer.'+code] = setInterval(function(){t.checkHoldStatus(code,true)},100);	
			
		}

	},
	callMouseUp : function(e,code,hold){
	
		var time = (new Date()).getTime();
		
		var event = e || window.event;
		
		this.eventObject = {};
		for(var o in event)
			this.eventObject[o] = event[o];
		
		if(hold){
		
			if(this.events['hold.timer.'+code]){
				clearInterval(this.events['hold.timer.'+code]);
				this.events['hold.timer.'+code] = null;
				return true;
			}
			
		}
		
		if((time-this.timer[code]) <= this.clickLength){
			
			this.call(null,code,true);
			
		}
		
	},
	checkHoldStatus : function(code,isOEvent){
		
		var time = (new Date()).getTime();
		
		this.count++;
		
		if((time-this.timer[code]) > this.clickLength){
			
			clearInterval(this.events['hold.timer.'+code]);
			this.events['hold.timer.'+code] = null;
			
			if(isOEvent)
				this.call(null,code,true,true);
			else
				this.call(null,code,true);
				
		}
		
	},
	getMouse : function(){
	
		var event = this.eventObject, x = 0, y = 0;
	
		if(event){
			
			if(event.pageX || event.pageY){
			
				x = event.pageX;
				y = event.pageY;
			
			} else if(event.clientX || event.clientY){
			
				x = event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
				y = event.clientY+document.body.scrollTop+document.documentElement.scrollTop;
			
			}
				
		}
		
		return {"x":x,"y":y};	
		
	}
	
}
// Portal extension.js
// Copyright 2010 Iomnis. All rights reserved.

portal.extension = function(obj){

	this.init(obj);

}

portal.extension.prototype = {
	
	_obj : null,
	_parent : null,
	_ext : null,
	_loaded : null,
	_extension : null,
	_extensionParent : null,
	_d : null,
	_o : null,
	_a : null,
	_c : null,
	_r : null,
	_n : null,
	_aa : null,
	error : false,
	init : function(o){
		
		this._obj = o;
		
	},
	load : function(e,p,loaded){
		
		this._ext = e;
		
		this._loaded = loaded;
		
		if(p['parent'])
			this._parent = p['parent'];
	
		this.error = false;
	
		// now let's get the extension object
		try {
			
			eval("this._extension = new portal.extension."+this._ext+"();");
			
			if(this._parent){
				
				eval("this._extensionParent = new portal.extension."+this._parent+"();");
				
			}
			
			// now install extension
			
			this.__install();
			
			return true;
			
		} catch (e){
		
			this.error = true;
		
			// error happened
			if(p['name'] && this._obj)
				this._obj.__error("Unable to load "+p['name']+" Extension<br/><i>"+e+"</i>");
			else
				alert(e);
			
		}
		
	},
	unload : function(){
		
		this.__uninstall();
		
	},
	__install : function(){
		
		this._d = [];
		this._o = [];
		this._a = [];
		this._c = [];
		this._r = [];
		this._n = [];
		this._aa = [];
		
		// go through _extension and get all functions
		
		var o = 0;
		var a = 0;
		var c = 0;
		var r = 0;
		var aa = 0;
		
		if(!this._parent){
			
			for(var i in this._extension){
			
				var f;
				
				if(i.search(/^overwrite_/) == 0){
					
					f = i.replace("overwrite_","");
					this._o.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i.search(/^appendAtFront_/) == 0){
					
					f = i.replace("appendAtFront_","");
					this._aa.push(f);
					this._n[f] = this._extension[i];
				
				} else if(i.search(/^append_/) == 0){
					
					f = i.replace("append_","");
					this._a.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i.search(/^add_/) == 0){
					
					f = i.replace("add_","");
					this._c.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i.search(/^run_/) == 0){
					
					f = i.replace("run_","");
					this._r.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i == "require"){
					
					// check to see if the required extensions have been installed
					var installed = 0;
					for(var e in this._extension[i]){
						
						for(var g in this._loaded){
							
							if(this._loaded[g] == this._extension[i][e]){
							
								installed++;
								break;
								
							}
							
						}
						
					}
					
					if(installed != this._extension[i].length){
					
						this.error = "A required extension is missing";
							
						return false;	
						
					}
					
				}
			
			}

		} else {
			
			for(var i in this._extensionParent){
		
				var f;
			
				if(i.search(/^overwrite_/) == 0){
					
					f = i.replace("overwrite_","");
					this._o.push(f);
					this._n[f] = this._extensionParent[i];
				
				} else if(i.search(/^appendAtFront_/) == 0){
					
					f = i.replace("appendAtFront_","");
					this._aa.push(f);
					this._n[f] = this._extensionParent[i];
				
				} else if(i.search(/^append_/) == 0){
					
					f = i.replace("append_","");
					this._a.push(f);
					this._n[f] = this._extensionParent[i];
					
				} else if(i.search(/^add_/) == 0){
					
					f = i.replace("add_","");
					this._c.push(f);
					this._n[f] = this._extensionParent[i];
					
				} else if(i.search(/^run_/) == 0){
					
					f = i.replace("run_","");
					this._r.push(f);
					this._n[f] = this._extensionParent[i];
					
				} else if(i == "require"){
					
					// check to see if the required extensions have been installed
					var installed = 0;
					for(var e in this._extensionParent[i]){
						
						for(var g in this._loaded){
							
							if(this._loaded[g] == this._extensionParent[i][e]){
							
								installed++;
								break;
								
							}
							
						}
						
					}
					
					if(installed != this._extensionParent[i].length){
					
						this.error = "A required extension is missing";
							
						return false;	
						
					}
					
				}
			
			}
			
			this.__go();
			
			o = this._o.length-1;
			a = this._a.length-1;
			c = this._c.length-1;
			r = this._r.length-1;
			aa = this._aa.length-1;
			
			for(var i in this._extension){
		
				var f;	
				
				if(i.search(/^overwrite_/) == 0){
					
					f = i.replace("overwrite_","");
					this._o.push(f);
					this._n[f] = this._extension[i];
				
				} else if(i.search(/^appendAtFront_/) == 0){
					
					f = i.replace("appendAtFront_","");
					this._aa.push(f);
					this._n[f] = this._extension[i];
				
				} else if(i.search(/^append_/) == 0){
					
					f = i.replace("append_","");
					this._a.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i.search(/^add_/) == 0){
					
					f = i.replace("add_","");
					this._c.push(f);
					this._n[f] = this._extension[i];
					
				} else if(i.search(/^run_/) == 0){
					
					f = i.replace("run_","");
					this._r.push(f);
					this._n[f] = this._extension[i];
					
				}
				
			}
			
		}
		
		this.__go(o,a,c,r,aa);
		
	},
	__go : function(o,a,c,r,aa){
		
		var notArray;
		
		// now we have our list of functions to overwrite and append, so let's do it
		
		for(i in this._o){
		
			if(i < o)
				continue;
		
			// save old function for uninstall
		
			if(!this._d[this._o[i]])
				this._d[this._o[i]] = eval("this._obj."+this._o[i]);
		
			notArray = -1;
			
			for(var child in this._n[this._o[i]])
				notArray++;
		
			// set the new function
			if(notArray <= 0)
				eval("this._obj."+this._o[i]+" = "+this._n[this._o[i]]+";");
			else
				eval("this._obj."+this._o[i]+" = "+JSON.stringify(this._n[this._o[i]])+";");
		
		}
		
		// append
		
		for(i in this._a){
		
			if(i < a)
				continue;
		
			// save old function for uninstall
		
			if(!this._d[this._a[i]]){
				this._d[this._a[i]] = eval("this._obj."+this._a[i]);
				
			}
			
			// need to append it
			var str = this.__append([eval("this._obj."+this._a[i]),this._n[this._a[i]]])+"";
		
			// set the new function
			eval("this._obj."+this._a[i]+" = "+str+";");
		
		}
		
		// append2
		
		for(i in this._aa){
		
			if(i < aa)
				continue;
		
			// save old function for uninstall
		
			if(!this._d[this._aa[i]]){
				this._d[this._aa[i]] = eval("this._obj."+this._aa[i]);
				
			}
			
			// need to append it
			var str = this.__appendA([eval("this._obj."+this._aa[i])],this._n[this._aa[i]])+"";
		
			// set the new function
			eval("this._obj."+this._aa[i]+" = "+str+";");
		
		}
		
		// add
		
		for(i in this._c){
		
			if(i < c)
				continue;
		
			// set the new function
			if(typeof this._n[this._c[i]] == "function")
				eval("this._obj."+this._c[i]+" = "+this._n[this._c[i]]+";");
			else
				eval("this._obj."+this._c[i]+" = this._n[this._c[i]];");	
		
		}
		
		// run
		
		for(i in this._r){
		
			if(i < r)
				continue;
		
			// set the new function
			if(typeof this._n[this._c[i]] == "function")
				eval("this._obj."+this._r[i]+" = "+this._n[this._r[i]]+";");
			else
				eval("this._obj."+this._r[i]+" = this._n[this._r[i]];");
				
			eval("this._obj."+this._r[i]+"();"); // run it
			
			eval("delete this._obj."+this._r[i]+";");	// remove it
		
		}
		
	},
	__uninstall : function(){
	
		// uninstall all functions
		
		for(i in this._o){
		
			// save old function for uninstall
		
			// set the new function
			eval("this._obj."+this._o[i]+" = "+this._d[this._o[i]]+";");

		
		}
		
		for(i in this._a){
		
			// save old function for uninstall
		
			// set the new function
			eval("this._obj."+this._a[i]+" = "+this._d[this._a[i]]+";");

		
		}
		
		for(i in this._aa){
		
			// save old function for uninstall
		
			// set the new function
			eval("this._obj."+this._aa[i]+" = "+this._d[this._aa[i]]+";");

		
		}
		
		// add
		
		for(i in this._c){
		
			
			// set the new function
			eval("this._obj."+this._c[i]+" = null;");
		
		}
		
		this._parent = null;
	
	},
	__append : function(strArray){
	
		var str = "";
		var params = "";
	
		// the first 
	
		for(var i in strArray){
	
			// make sure it's a string
			strArray[i] += "";
			
			// now we need to get rid of 'function(){' and the end '}'
			
			var start = strArray[i].indexOf("{");
			
			// params
			if(str == "")
				str = strArray[i].substr(0,start)+"{";
			
			strArray[i] = strArray[i].substr(start+1,strArray[i].length-1);
			
			var end = strArray[i].lastIndexOf("}");
			
			strArray[i] = strArray[i].substr(0,end);
			
			str += strArray[i];
		
		}
		
		str += "}";
		
		return str;
	
	},
	__appendA : function(strArray,insert){
	
		var str = "";
		var params = "";
	
		insert += "";
	
		var insertStart = insert.indexOf("{");
		var insertEnd = insert.lastIndexOf("}");
		
		insert = insert.substr(insertStart+1,insertEnd-insertStart-1);
		
		// the first 
	
		for(var i in strArray){
	
			// make sure it's a string
			strArray[i] += "";
			
			// now we need to get rid of 'function(){' and the end '}'
			
			var start = strArray[i].indexOf("{");
			
			// params
			if(str == "")
				str = strArray[i].substr(0,start)+"{"+insert;
				
			insert = "";	
			
			strArray[i] = strArray[i].substr(start+1,strArray[i].length-1);
			
			var end = strArray[i].lastIndexOf("}");
			
			strArray[i] = strArray[i].substr(0,end);
			
			str += strArray[i];
		
		}
		
		str += "}";
		
		return str;
	
	},
	getError : function(){
	
		return this.error;
		
	}
	
}
// Portal fade
// Copyright 2010 Iomnis. All rights reserved.

portal.fade = function(ele,o,params){

	this.init(ele,o,params);

}

portal.fade.prototype = {
	
	root : null,
	data : null,
	init : function(ele,o,params){
		
		this.root = document.getElementById(ele) ? document.getElementById(ele) : ele;
		
		this.data = new Array();
		
		this.fade(o,params);
		
	},
	fade : function(newOpacity,p){
		
		this.fadeElement(this.root,newOpacity,p);
		
	},
	fadeElement : function(ele,newOpacity,p){
		
		if(this.data['portal.fade'])
			clearInterval(this.data['portal.fade']);
		
		var df = this;
		
		// need to figure out which direction
		this.data['portal.fade.opacity'] = newOpacity;
		
		this.data['portal.fade.element'] = ele;
		
		// get current opacity
		// multiply by 100
		var op = this.__getStyle("opacity");
			
		var opacity = op*100;
		
		this.data['portal.fade.step'] = Math.abs(this.data['portal.fade.opacity']-opacity)/(this.data['portal.fade.opacity']-opacity);
		
		var delay = false;
		
		// onDone action
		this.data['portal.fade.onDone'] = false;
		
		this.data['portal.fade.step.delay'] = 1;
		
		if(p){
			
			if(p['delay'])
				delay = p['delay'];
				
			if(p['done'])
				this.data['portal.fade.onDone'] = p['done'];
				
			if(p['fadeStep'])
				this.data['portal.fade.step.delay'] = p['fadeStep'];
		
		}
		
		if(delay){
			setTimeout(function(){df.data['portal.fade'] = setInterval(function(){df.__fade()},1);},delay*1000);
		} else
			this.data['portal.fade'] = setInterval(function(){df.__fade()},1);
		
	},
	end : function(){
		
		clearInterval(this.data['portal.fade']);
		
	},
	__fade : function(){
		
		var op = this.__getStyle("opacity");
		
		if(!op){
		
			this.data['portal.fade.element'].style.opacity = this.data['portal.fade.opacity']/100;
			this.data['portal.fade.element'].style.filter = "opacity("+this.data['portal.fade.opacity']+")";
			this.data['portal.fade.element'].style.filter = "alpha(opacity="+this.data['portal.fade.opacity']+")";
		
			clearInterval(this.data['portal.fade']);
			
			if(this.data['portal.fade.onDone'])
				this.data['portal.fade.onDone']();
			
		}
		
		var opac = op*100;
		
		opac += this.data['portal.fade.step']*this.data['portal.fade.step.delay'];
		
		opac = Math.round(opac);
		
		if(this.data['portal.fade.step'] < 0 && opac <= this.data['portal.fade.opacity'] || this.data['portal.fade.step'] > 0 && opac >= this.data['portal.fade.opacity']){
		
			opac = this.data['portal.fade.opacity'];
			clearInterval(this.data['portal.fade']);
			
			this.data['portal.fade.element'].style.opacity = opac/100;
			this.data['portal.fade.element'].style.filter = "opacity("+opac+")";
			this.data['portal.fade.element'].style.filter = "alpha(opacity="+opac+")";
			
			if(this.data['portal.fade.onDone'])
				this.data['portal.fade.onDone']();
				
			return true;	
		
		}
		
		this.data['portal.fade.element'].style.opacity = opac/100;
		this.data['portal.fade.element'].style.filter = "opacity("+opac+")";
		this.data['portal.fade.element'].style.filter = "alpha(opacity="+opac+")";
		
	},
	__getStyle : function(styleProp){
		
		if (this.root.currentStyle)
			var y = this.root.currentStyle[styleProp];
		else if (window.getComputedStyle && window.getComputedStyle(this.root,null))
			var y = window.getComputedStyle(this.root,null).getPropertyValue(styleProp);
			
		return y;
		
	}

}
// Portal form.js
// Copyright 2010 Iomnis. All rights reserved.

portal.form = function(root,d,s,c){

	this.init(root,d,s,c);

}

portal.form.prototype = {
	
	root : null,
	xml : null,
	form : null,
	mask : null,
	vars : null,
	errors : null,
	data : null,
	root : null,
	defaultLayout : null, 
	startHTML : null,
	currentSection : null,
	currentElement : null,
	debuggerObj : null,
	ifData : null,
	flow : null,
	view : null,
	ajax : null,
	ifMaster : null,
	oldForm : null,
	oldXML : null,
	layouts : null,
	main : null,
	timers : null,
	init : function(root,data,s,c){
		
		this.xml = data;
		
		this.root = root;
		
		this.layouts = [];
		
		this.defaultLayouts = this.layouts;
		
		this.timers = {};
		
		this.startHTML = this.root.innerHTML;
		
		//this.debuggerObj = document.createElement("div");
		//this.debuggerObj.style.position = "fixed";
		//this.debuggerObj.style.height = "200px";
		//this.debuggerObj.style.width = "200px";
		//this.debuggerObj.style.color = "#000";
		//this.debuggerObj.style.top = "0px";
		//this.debuggerObj.style.left = "0px";
		
		//document.body.appendChild(this.debuggerObj);
		
		if(lang)
			this.lang = lang;
		
		this.mask = document.getElementById("portal.form.mask");
		
		if(!this.mask){

			this.mask = document.createElement("div");
			this.mask.className = "form-mask";
			this.mask.setAttribute("id","portal.form.mask");
			//this.mask.style.zIndex = "1410065407";
			this.mask.style.zIndex = "1399999999";
			
			document.body.appendChild(this.mask);
		
		}
		
		this.mask.style.left = "0px";
		this.mask.style.top = "0px";
	
		this.mask.style.width = "0px";
		this.mask.style.height = "0px";
		
		this.vars = [];
		this.errors = {};
		this.data = {"url":"http://www.ftlportal.com"};
		this.ifData = [];
		this.flow = {};
		this.view = [];
		this.ifMaster = {};
		
		this.vars['errors'] = [];
		
		// if s, let's add the values
		if(s){
		
			for(var i in s){
			
				var arr = i.split(".");
				
				if(!this.data[arr[0]])
					this.data[arr[0]] = {};
				
				this.data[arr[0]][arr[1]] = s[i];
			
			}
			
		}
		
		if(c){
		
			for(i in c){
			
				this.vars[i] = c[i];
			
			}
		
		}
		
		this.__parse();
		
		this.__render();
		
	},
	setFormVars : function(s){
		
		for(var i in s){
			
			var arr = i.split(".");
				
			if(!this.data[arr[0]])
				this.data[arr[0]] = {};
				
			this.data[arr[0]][arr[1]] = s[i];
			
		}
		
	},
	setData : function(c){
		
		if(c){
		
			for(i in c){
			
				this.vars[i] = c[i];
			
			}
		
		}
		
	},
	__parse : function(){
		
		this.form = [];
		
		// get all the sections
		
		for(var i in this.xml[0]['children']){
		
			// read in the flows	
			if(this.xml[0]['children'][i]['name'] == "FLOW"){
				
				for(var flow in this.xml[0]['children'][i]['children']){
				
					var flowNm = this.xml[0]['children'][i]['children'][flow]['attrs']['NAME'];
				
					this.flow[flowNm] = {};
					this.flow[flowNm]['count'] = 0;
					
					for(var flowBtn in this.xml[0]['children'][i]['children'][flow]['children']){
					
						var flowData = this.xml[0]['children'][i]['children'][flow]['children'][flowBtn];
					
						this.flow[flowNm][flowData['name']] = {"label":flowData['attrs']['LABEL'],"sections":flowData['children']};
						
						if(flowData['attrs']['SUBMIT'] == "true")
							this.flow[flowNm][flowData['name']]['submit'] = true;
							
						if(flowData['attrs']['BACK'] == "true")
							this.flow[flowNm][flowData['name']]['back'] = true;	
							
						if(flowData['attrs']['RUN'] == "true")
							this.flow[flowNm][flowData['name']]['run'] = true;
						else if(flowData['attrs']['RUN'] == "first") {
							this.flow[flowNm][flowData['name']]['run'] = true;
							this.flow[flowNm][flowData['name']]['runBeforeCheck'] = true;	
						} else if(flowData['attrs']['RUN'] == "submit") {
							this.flow[flowNm][flowData['name']]['run'] = true;
							this.flow[flowNm][flowData['name']]['runBeforeSave'] = true;	
							this.flow[flowNm][flowData['name']]['submit'] = true;
						}
						
						if(flowData['attrs']['UPLOAD'] == "true")
							this.flow[flowNm][flowData['name']]['upload'] = true;		
						
						this.flow[flowNm]['count']++;
					}
				
				}
				
				continue;
				
			}
			
			if(this.xml[0]['children'][i]['name'] != "SECTION")
				continue;
		
			this.form[i] = {"name":this.xml[0]['children'][i]['attrs']['NAME'],"elements":[],"text":this.xml[0]['children'][i]['attrs']['TEXT']};
				
				if(this.xml[0]['children'][i]['attrs']['SHOW']){
				
					this.form[i]['show'] = this.xml[0]['children'][i]['attrs']['SHOW'];
				
				} else {
					
					this.form[i]['show'] = "yes";
					
				}
				
				if(this.xml[0]['children'][i]['attrs']['BLOCKINSTANCE']){
				
					this.form[i]['blockInstance'] = this.xml[0]['children'][i]['attrs']['BLOCKINSTANCE'];
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['LINK']){
				
					this.form[i]['link'] = this.xml[0]['children'][i]['attrs']['LINK'];
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['SUBMIT'] == "false"){
				
					this.form[i]['noSubmit'] = true;
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['HALTMULTICHECK'] == "true"){
				
					this.form[i]['halt'] = true;
				
				}
				
				
				for(var j in this.xml[0]['children'][i]['children']){
				
					if(this.xml[0]['children'][i]['children'][j]['name'] == "VALIDATE"){
					
						this.form[i]['validator'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
					
					if(this.xml[0]['children'][i]['children'][j]['name'] == "RUN"){
					
						this.form[i]['run'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
					
					if(this.xml[0]['children'][i]['children'][j]['name'] == "START"){
					
						this.form[i]['start'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
								
					if(this.xml[0]['children'][i]['children'][j]['name'] == "IF"){
								
						this.form[i]['elements'][j] = this.xml[0]['children'][i]['children'][j]['children'];
						continue;
									
					}
				
					this.form[i]['elements'][j] = this.__parseElement(this.xml[0]['children'][i]['children'][j],false,this.form[i]['name']);
					
				}
			
		}
		
	},
	__parseElement : function(data,saveIf,sectionName){
		
		var returnData = {};
					
		if(data['name'] == "TEXT"){
					
			returnData = {"text":data['tagData']};
						
		} else if(data['name'] == "CODE"){
					
			returnData = {"code":data['tagData']};
						
		} else {
				
			returnData = {"name":data['attrs']['NAME'],"type":data['attrs']['TYPE'],"label":data['attrs']['LABEL']};
					
		}
					
		if(data['attrs']['SOURCE'])
			returnData['source'] = data['attrs']['SOURCE'];
			
		if(data['attrs']['DEFAULT'])
			returnData['default'] = data['attrs']['DEFAULT'];	
						
		if(data['attrs']['DATA'])
			returnData['data'] = data['attrs']['DATA'];	
					
		if(data['attrs']['DISABLED'])
			returnData['disabled'] = true;
						
		if(data['attrs']['TYPE'] == "text"){
					
			returnData['text'] = data['tagData'];
					
		} else if(data['attrs']['TYPE'] == "list"){
						
			if(data['attrs']['MULTI'])
				returnData['multi'] = true;
						
		}
					
					
		if(data['attrs']['REQUIRED']){
					
			returnData['required'] = true;
					
		}
					
		if(data['attrs']['DEFAULT']){
					
			returnData['default'] = data['attrs']['DEFAULT'];
					
		}
					
		if(data['attrs']['VALIDATE']){
					
			returnData['validate'] = data['attrs']['VALIDATE'];
					
		}
		
		if(data['attrs']['FILETYPE']){
					
			returnData['fileType'] = data['attrs']['FILETYPE'];
					
		}
		
		if(data['attrs']['DISABLED']){
					
			returnData['disabled'] = data['attrs']['DISABLED'];
					
		}
					
		if(data['attrs']['WIDTH'] == "auto"){
					
			returnData['width'] = "auto";
					
		} else if(data['attrs']['WIDTH']){
			
			returnData['width'] = data['attrs']['WIDTH'];
			
		}
		
		if(saveIf)
			this.ifMaster[sectionName+"."+data['attrs']['NAME']] = true;
	
		if(returnData['type'] == "dynamic"){
			
			var dynData = this.__parseData(sectionName+"."+returnData['data']);
					
			var maxWidth = 0;
					
			for(var x in dynData){
						
				this.ifMaster[sectionName+"."+dynData[x]['source']] = true;
						
			}
		
		}
		
		if(data['attrs']['INSTANCENAME']){
		
			this.data['instanceName'] = sectionName+"."+data['attrs']['NAME'];
			this.data['instanceDefault'] = data['attrs']['INSTANCENAME'];
		
		}
		
		return returnData;
		
		
	},
	__render : function(){
	
		var p = this;
	
		this.root.innerHTML = this.startHTML;
	
		this.vars['portal.form'] = document.createElement("div");
		this.vars['portal.form'].className = "form";
		
		this.root.appendChild(this.vars['portal.form']);
		
		this.__renderForm();
		
	},
	__renderForm : function(){
		
		var p = this;
		
		// make the sections
		for(var i in this.form){
			
			//if(this.form[i]['parent'] != this.vars['parent'] || this.vars['parent'] == this.form[i]['name'] || this.form[i]['name'] == "error" && !this.vars['errorNum'])
				//continue;
		
			if(!this.data[this.form[i]['name']])
				this.data[this.form[i]['name']] = {};
				
			if(this.form[i]['show'] == "no")
				continue;

			var tmp = document.createElement("div");
			tmp.className = "form-section";
		
			// header
			var header = document.createElement("div");
			header.className = "header";
			
			// add all sections that are currently viewable
			this.view.push(i);
			
			// content
			this.vars['portal.content.'+this.form[i]['name']] = document.createElement("div");
			this.vars['portal.content.'+this.form[i]['name']].className = "content";
			this.vars['portal.content.'+this.form[i]['name']].setAttribute("id",'portal.content.'+this.form[i]['name']);
			
			// header title
			header.innerHTML = this.__parseText(this.form[i]['text']);
			
			if(this.form[i]['start']){
			
				// run code
				this.__run(this.form[i]['start']);
				
			}
		
			tmp.appendChild(header);			
			tmp.appendChild(this.vars['portal.content.'+this.form[i]['name']]);
		
			this.vars['portal.form'].appendChild(tmp);
		
			this.__renderContent(i,this.vars['portal.content.'+this.form[i]['name']]);
		
		}
		
		if(this.vars['parent']){
			if(!this.layouts.length){
			
				for(var i in this.form){
				
					if(this.form[i]['show'] != "no")
						this.layouts.push(this.form[i]['name']);
					
				}
				
				this.defaultLayouts = this.layouts;
			
			}
		}
		
	},
	doesSectionExist : function(section){
		
		for(var i in this.form){
		
			if(this.form[i]['name'] == section){
			
				return true;
			
			}
		
		}
		
		return false;
		
	},
	__updateSection : function(i){
		
		// update the existing form
		// rerender everthing except for the current element
		// update className on current element only
		
		var section = this.vars['portal.content.'+this.form[i]['name']];
		var lastClassName;
		
		var maxWidth = 0;
		
		var ifSaves = {};
		
		for(var j=0;j<section.childNodes.length-1;j++){
		
			var data = this.form[i]['elements'][j];
		
			if(!data['type'] && !data['text']){
		
				data = this.__parseIf(i,j);
				
				if(JSON.stringify(this.ifData[i][j]) != JSON.stringify(data)){
		
					section.childNodes[j].style.display = ""; // show for now
			
					section.childNodes[j].innerHTML = ""; // clear the div
			
					arr = this.__renderContentItem(i,j,section.childNodes[j],lastClassName,maxWidth);
					
					if(!this.ifData[i])
						this.ifData[i] = {};
					
					this.ifData[i][j] = data;
					
				//	lastClassName = arr[0];
					maxWidth = arr[1];
				
				}
				
				ifSaves[this.form[i]['name']+"."+data['name']] = true;
			
			}
			
			var error = false;
		
			if(section.childNodes[j].className == "content-error"){
			
				error = true;
			
			}
		
			if(data['type'] != "dynamic"){
			
				if(lastClassName != "content-item")
					section.childNodes[j].className = "content-item";
				else
					section.childNodes[j].className = "content-item-alt";
			
			}
		
			if(section.childNodes[j].style && section.childNodes[j].style.display == "none")
				continue;
		
			if(!maxWidth && !data['text'])
				maxWidth = section.childNodes[j].childNodes[0].style.width.replace("px","");
			
			//var val = this.__parseData(this.form[i]['name']+"."+data['source']);
			
			//if(val !=  undefined){
				//this.debuggerObj.innerHTML = "error is "+val;
				//error = true;
			//}
		
			if(!this.errors[this.form[i]['name']])
				this.errors[this.form[i]['name']] = {};
			
			var dataArray;
		
			if(data['type'] != "dynamic"){
				
				dataArray = [data];
				
			} else {
				
				dataArray = this.__parseData(this.form[i]['name']+"."+data['data']);
				
			}
			
			for(var d in dataArray){
			
				data = dataArray[d];
			
				var div;
				
				if(dataArray.length > 1){
				
					div = section.childNodes[j].childNodes[0].childNodes[0].childNodes[d];
					
					if(div.className == "content-error"){
			
						error = true;
			
					} else {
					
						error = false;
					
					}
				
				} else
					div = section.childNodes[j];
				
				if(lastClassName != "content-item")
					div.className = "content-item";
				else
					div.className = "content-item-alt";
					
				lastClassName = div.className;	
			
				// ignore generic error
				if(!error && data && data['name'] && this.errors[this.form[i]['name']][data['name']] == "This field is required")
					this.errors[this.form[i]['name']][data['name']] = false;
				
				if(data && data['name'] && this.errors[this.form[i]['name']][data['name']]){
				
					div.className = "content-error";
					
					var err = div.childNodes[3];
					
					if(!err){
					
						// add error div
						var errDiv = document.createElement("div");
						errDiv.className = "custom-error";
						
						errDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
						
						div.appendChild(errDiv);
					
					} else
						err.innerHTML = this.errors[this.form[i]['name']][data['name']];
					
				
				} else if(error && data && data['name'] && !this.errors[this.form[i]['name']][data['name']]){
				
					// need to remove error div
					var err = div.childNodes[3];
					div.removeChild(err);
				
				}
			
			}
				
			
		}
		
		// now resize all
		for(var j=0;j<section.childNodes.length;j++){
		
			if(j == section.childNodes.length-1)
				break;
		
			if(this.form[i]['elements'][j]['type'] == "table" || this.form[i]['elements'][j]['type'] == "text" || this.form[i]['elements'][j]['type'] == "message"){
				section.childNodes[j].childNodes[1].style.width = "100%";
				continue;
			}
		
			if(this.form[i]['elements'][j]['width'])
				continue;
		
			if(!section.childNodes[j].childNodes.length)
				continue;
		
			if(!maxWidth)
				maxWidth = 0;			
			
			if(section.childNodes[j].childNodes[0].innerHTML != "" && section.childNodes[j].childNodes[1])
				section.childNodes[j].childNodes[0].style.width = maxWidth+"px";
			
			var rightWidth = section.offsetWidth-maxWidth;
			
			if(rightWidth && section.childNodes[j].childNodes[1])
				section.childNodes[j].childNodes[1].style.width = (rightWidth-30)+"px";
			
		}
		
		// check if
		/*
		for(var ifChild in this.ifMaster){
		
			if(!ifSaves[ifChild]){
			
				// need to delete data
				
				var arr = ifChild.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
			
			}
		
		}*/
		
	},
	__renderContent : function(i,content){
		
		var p = this;
		
		var maxWidth = 0;
		
		var lastClassName;
		
		var sectionName = this.form[i]['name'];
		
		for(var j in this.form[i]['elements']){
			
			var tmp = document.createElement("div");
			
			var data = this.form[i]['elements'][j];
			
			if(!data['type'] && !data['text']){
		
				data = this.__parseIf(i,j);
			
			}
			
			if(lastClassName != "content-item")
				tmp.className = "content-item";
			else
				tmp.className = "content-item-alt";
				
			content.appendChild(tmp);	
			
			if(!this.data[sectionName])
				this.data[sectionName] = {};
				
			var arr = this.__renderContentItem(i,j,tmp,lastClassName,maxWidth);
			
			lastClassName = arr[0];
			maxWidth = arr[1];
			
			if(!maxWidth && !data['text'])
				maxWidth = tmp.childNodes[0].style.width.replace("px","");
			
			if(data['name'] && this.errors[this.form[i]['name']] && this.errors[this.form[i]['name']][data['name']]){
			
				tmp.className = "content-error";
				
				// add error div
				var errorDiv = document.createElement("div");
				errorDiv.className = "custom-error";
				
				errorDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
				
				tmp.appendChild(errorDiv);
			
			}
			
		}
		
		var tmp2 = document.createElement("div");
		if(lastClassName != "content-item")
			tmp2.className = "content-item";
		else
			tmp2.className = "content-item-alt";
		
		
		content.appendChild(tmp2);
		
		// generate buttons based on flow	
	
		if(this.flow[this.form[i]['name']]){
	
			var count = this.flow[this.form[i]['name']]['count'];
	
			var buttonDiv = document.createElement("div");
			buttonDiv.style.marginLeft = "auto";
			buttonDiv.style.marginRight = "auto";
			
			tmp2.appendChild(buttonDiv);
			
			var btnsWidth = 0;
	
			for(var flowBtn in this.flow[this.form[i]['name']]){
				
				if(flowBtn == "count")
					continue;
	
				if(this.flow[this.form[i]['name']][flowBtn]['label'] == "Back"){
				
					this.vars['backButton'] = "section."+this.form[i]['name']+"."+flowBtn;
				
				}
	
				// button
				var tmpButton = document.createElement("div");
				tmpButton.className = "small-btn";
				tmpButton.setAttribute("name","section."+this.form[i]['name']+"."+flowBtn);	
							
				tmpButton.innerHTML = this.flow[this.form[i]['name']][flowBtn]['label'];
						
				buttonDiv.appendChild(tmpButton);
						
				tmpButton.onclick = function(e){p.__goFromButton(e)};
				
				if(count > 1){
				
					tmpButton.style.marginRight = "4px"; // add some spacing to the buttons
				
					btnsWidth += tmpButton.offsetWidth+4;
					if (document.all && !window.opera)
						tmpButton.style.styleFloat = 'left';
					else 
						tmpButton.style.cssFloat = 'left';
					
					
				}
			
			}
			
			if(count > 1){
			
				buttonDiv.style.width = btnsWidth+"px";
				
				// add a clearing div
				buttonDiv.appendChild(this.__clearDiv());
			
			}
		
		}
		
		// now resize all
		for(var child=0;child<content.childNodes.length-1;child++){
		
			if(this.form[i]['elements'][child]['type'] == "table"){
				content.childNodes[child].childNodes[1].style.width = "100%";
				continue;
			}
			
			if(this.form[i]['elements'][child]['width']){
				
				if(maxWidth < this.form[i]['elements'][child]['width']*1){
				
					maxWidth = this.form[i]['elements'][child]['width']*1;
				
				}
				
			}
		
			if(!maxWidth)
				maxWidth = 0;
		
			if(!content.childNodes[child].childNodes.length)
				continue;
		
			if(content.childNodes[child].childNodes[0].innerHTML != "" && content.childNodes[child].childNodes[1])
				content.childNodes[child].childNodes[0].style.width = maxWidth+"px";
			
			var rightWidth = content.offsetWidth-maxWidth;
			
			if(rightWidth && content.childNodes[child].childNodes[1])
				content.childNodes[child].childNodes[1].style.width = (rightWidth-30)+"px";
			
		}
		
	},
	__renderContentItem : function(i,j,tmp,lastClassName,maxWidth,defData){
		
		// try to parse any if statements
		
		var data = defData ? defData : this.form[i]['elements'][j];
		
		if(!data['type'] && !data['text']){
		
			data = this.__parseIf(i,j);
			
			if(!this.ifData[i])
				this.ifData[i] = {};
					
			this.ifData[i][j] = data;	
		
		}
		
		if(data['type'] && data['type'] != "dynamic"){
				
				// left
				var left = document.createElement("div");
				left.className = "col";
			
				tmp.appendChild(left);
				
				// right
				var right = document.createElement("div");
				right.className = "col";
				
				tmp.appendChild(right);
				tmp.appendChild(this.__clearDiv());
				
				// data
				if(!data['text'] && data['type'] != "table")
					left.innerHTML = this.__parseText(data['label']);
				
				// render input
				this.__renderInput(i,data,right);
				
				// get max width
				
				w = left.offsetWidth;
				
				if(w > maxWidth && !data['width'])
					maxWidth = w;	
				
				lastClassName = tmp.className;
				
			} else {
			
				if(data['type'] == "dynamic"){
					
					var txt = document.createElement("div");
					txt.className = "text";
						
					tmp.appendChild(txt);
						
					this.__renderInput(i,data,txt,lastClassName);
					
					var tmpLength = this.vars['form.element.'+data['name']].childNodes[0].childNodes.length;
					
					lastClassName = this.vars['form.element.'+data['name']].childNodes[0].childNodes[tmpLength-1].className;
						
				} else {
			
					if(data['text']){
				
						var txt = document.createElement("div");
						txt.className = "text";
						
						tmp.appendChild(txt);
						
						this.__renderInput(i,data,txt);
						
						lastClassName = tmp.className;
					
					} else if(data['code']){
						
						var txt = document.createElement("div");
						txt.className = "code";
						
						tmp.appendChild(txt);
						
						txt.style.display = "none";
						
						eval(this.__parseText(data['code']));
						
					} else {
					
						var ifContainer = document.createElement("div");
						ifContainer.className = "text";
						
						tmp.appendChild(ifContainer);
						
						tmp.style.display = "none";
						
					}
			
				}
			
			}
			
			return [lastClassName,maxWidth];
		
	},
	__updateElement : function(){
		
		var variableArr = this.currentElement.split(".");
		
		if(!this.errors[variableArr[0]])
			this.errors[variableArr[0]] = {};
			
		for(var er in 	this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][er] != "This field is required")
				this.errors[variableArr[0]][er] = false;
		
		}
		
		this.errors[variableArr[0]][variableArr[1]] = false;
		
		this.__checkElement(this.currentElement);
		
		this.vars['errorNum'] = 0;
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err] || this.errors[variableArr[0]][err] && !errorsArr[err])
						this.errors[variableArr[0]][err] = errorsArr[err];
				}
			}
		}
		
		for(var err in this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][err])
				this.vars['errorNum']++;
		
		}
		
		var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
		this.ifMaster = {};
		
		// update form
		for(var s in this.form){
				
			if(this.form[s]['show'] == "yes"){
					
				this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
			
			}
			
		}
		
		for(s in oldIfs){
		
			if(!this.ifMaster[s]){
				
				var arr = s.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
				
				if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
					delete this.errors[ifSection][ifVariableName];
				
			}
		
		}
		
	},
	__formCheck : function(e){
		
		var event = e || window.event;
		
		var f = this;
		
		var target = event.target || event.srcElement;
		
		this.currentElement = target.getAttribute("name");
		
		this.formChecker = setInterval(function(){f.__updateElement()},100);
		
	},
	__endCheck : function(){
		
		clearInterval(this.formChecker);
		this.currentElement = null;
		
	},
	__renderDynamicElement : function(i,parent,maxWidth,data,lastclass){
		
		// now let's draw the row
		
		var row = document.createElement("div");
		
		if(lastclass != "content-item")
			row.className = "content-item";
		else
			row.className = "content-item-alt";
			
		parent.appendChild(row);
			
		var arr = this.__renderContentItem(i,-1,row,lastclass,0,data);
		
		maxWidth = arr[1];
		
		if(data['name'] && this.errors[this.form[i]['name']] && this.errors[this.form[i]['name']][data['name']]){
			
			row.className = "content-error";
				
			// add error div
			var errorDiv = document.createElement("div");
			errorDiv.className = "custom-error";
				
			errorDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
				
			row.appendChild(errorDiv);
			
		}	
			
		return [maxWidth,row.className];
		
	},
	__renderInput : function(i,data,parent,lastclass){
		
		var p = this;
		
		// data
		//var data = this.form[i]['elements'][j];
		
		parent.style.textAlign = "left";
		
		var dontAdd = false;
		
		switch(data['type']){
			
			case "input":
			
				this.vars['form.element.'+data['name']] = document.createElement("input");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].disabled = "disabled";
				
				// default value
				if(data['source']){
				
					var val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val)
						this.vars['form.element.'+data['name']].value = val;
					else {
					
						if(data['default']){
						
							val = this.__parseData(this.form[i]['name']+"."+data['default']);
							this.vars['form.element.'+data['name']].value = val;
						}
					
					}
				}
				
				this.vars['form.element.'+data['name']].onfocus = function(e){p.__formCheck(e)};
				this.vars['form.element.'+data['name']].onblur = function(e){p.__endCheck()};
			
			break;
			case "dynamic":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				
				parent.appendChild(this.vars['form.element.'+data['name']]);
				
				// let's get the data to use
				var dynData = this.__parseData(this.form[i]['name']+"."+data['data']);
				
				var maxWidth = 0;
				
				for(var x in dynData){
					
					var rdeTmp = this.__renderDynamicElement(i,this.vars['form.element.'+data['name']],maxWidth,dynData[x],lastclass);
					
					rowWidth = rdeTmp[0];
					lastclass = rdeTmp[1];
					
					if(rowWidth > maxWidth)
						maxWidth = rowWidth;
					
				}
				
				// now resize all
				for(var child=0;child<this.vars['form.element.'+data['name']].childNodes.length;child++){
				
					if(dynData[child]['type'] == "table"){
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[1].style.width = "100%";
						continue;
					}
				
					if(!maxWidth)
						maxWidth = 0;
				
					if(dynData[child]['width'])
						continue;
				
					if(	this.vars['form.element.'+data['name']].childNodes[child].childNodes[0].innerHTML != "" && this.vars['form.element.'+data['name']].childNodes[child].childNodes[1])
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[0].style.width = maxWidth+"px";
					
					var rightWidth = this.vars['form.element.'+data['name']].offsetWidth-maxWidth;
					
					if(rightWidth && this.vars['form.element.'+data['name']].childNodes[child].childNodes[1])
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[1].style.width = (rightWidth-30)+"px";
						
				}
				
				parent.parentNode.className = "dynamic";	
				
				parent.removeChild(this.vars['form.element.'+data['name']]);
			
			break;
			case "textarea":
			
				this.vars['form.element.'+data['name']] = document.createElement("textarea");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].disabled = "disabled";
				
				// default value
				if(data['source']){
				
					var val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val)
						this.vars['form.element.'+data['name']].innerHTML = val;
					else {
					
						if(data['default']){
						
							val = this.__parseData(this.form[i]['name']+"."+data['default']);
							this.vars['form.element.'+data['name']].value = val;
						}
					
					}	
				
				}
				
				this.vars['form.element.'+data['name']].style.height = "100px";
				
				this.vars['form.element.'+data['name']].onfocus = function(e){p.__formCheck(e)};
				this.vars['form.element.'+data['name']].onblur = function(e){p.__endCheck()};
			
			break;
			case "upload":
			
				// only one uploader allowed per section
				// if more than one uploader is present, the last uploader displayed will be the only one active
			
				this.vars['form.element.'+data['name']] = document.createElement("form");
				this.vars['form.element.'+data['name']].setAttribute("enctype","multipart/form-data");
				this.vars['form.element.'+data['name']].setAttribute("method","post");
				this.vars['form.element.'+data['name']].setAttribute("id",this.form[i]['name']+"."+data['name']);
				//this.vars['form.element.'+data['name']].style.width = "200px";
			
				var input = document.createElement("input");
				input.className = "input";
				input.setAttribute("type","file");
				input.setAttribute("name","file");
			
				this.vars['form.element.'+data['name']].appendChild(input);
				
				var action = document.createElement("input");
				action.setAttribute("type","hidden");
				action.setAttribute("name","_action");
				action.setAttribute("value","upload");
				
				var ext = document.createElement("input");
				ext.setAttribute("type","hidden");
				ext.setAttribute("name","_extension");
				ext.setAttribute("value",data['fileType']);
				
				this.vars['form.element.'+data['name']].appendChild(action);
				this.vars['form.element.'+data['name']].appendChild(ext);
			
				if(!this.vars['uploads'])
					this.vars['uploads'] = [];
			
				this.vars['uploads'][i] = this.vars['form.element.'+data['name']]; // place upload form into an array
			
				//parent.style.textAlign = "center";
			
			break;
			case "table":
			
				// create a table from the data give
				var tblData = this.__parseData(data['data']);
				
				if(tblData){
					
					var error = false;
					
					this.vars['form.element.'+data['name']] = document.createElement("div");
					
					var table = document.createElement("table");
					table.className = "form-table";
					
					table.setAttribute("cellspacing","0");
					table.setAttribute("cellpadding","0");
					
					var colors = ["#FFFFFF","#DBEEFA","#DBEEFA","#FFFFFF"];
						
					var rowNum = 0;	
						
					var colCount = 0;	
						
					for(var row in tblData){
					
						var tmpRow = document.createElement("tr");
						
						var colNum = 0;
						
						var count = false;
						
						if(	!colCount)
							count = true;
						
						cols = 0;
						
						for(var col in tblData[row]){
						
							var tmpCol = document.createElement("td");
							tmpCol.innerHTML = tblData[row][col];
						
							tmpRow.appendChild(tmpCol);
							
							tmpCol.style.background = colors[colNum+rowNum];
							
							if(!colNum)
								colNum = 1;
							else
								colNum = 0;
								
							cols++;	
						
						}
						
						table.appendChild(tmpRow);
						
						if(!rowNum)
							rowNum = 2;
						else
							rowNum = 0;
					
					}
					
					if(!error){
					
						this.vars['form.element.'+data['name']].appendChild(table);
						this.vars['form.element.'+data['name']].className = "form-table-container";
					
					
					} else {
					
						this.vars['form.element.'+data['name']].innerHTML = "The table is missing data. The same number of columns should be in every row.";
						parent.style.textAlign = "center";
					
					}
						
					
				} else {
				
					this.vars['form.element.'+data['name']] = document.createElement("div");
					
					this.vars['form.element.'+data['name']].innerHTML = "Unable to construct table";
					parent.style.textAlign = "center";
				
				}
				
			
			break;
			case "text":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				this.vars['form.element.'+data['name']].innerHTML = this.__parseText(data['text']);
				
				if(this.vars['form.element.'+data['name']].innerHTML == data['text'] && data['default']){
					
					this.vars['form.element.'+data['name']].innerHTML = this.__parseText(data['default']);
					
				}
				
				parent.style.textAlign = "center";
			
				parent.className = "col-text";
			
			break;
			case "password":
			
				this.vars['form.element.'+data['name']] = document.createElement("input");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",data['name']);
				this.vars['form.element.'+data['name']].setAttribute("type","password");
			
			break;
			case "list":
			
				this.vars['form.element.'+data['name']] = document.createElement("select");
				this.vars['form.element.'+data['name']].className = "list";
				this.vars['form.element.'+data['name']].setAttribute("id",this.form[i]['name']+"."+data['name']);
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				this.vars['form.element.'+data['name']].onchange = function(e){p.__updateInputValues(e,true);};
				
				if(data['multi']){
				
					this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
					this.vars['form.element.'+data['name']].className = "list-multi";
					this.vars['form.element.'+data['name']].setAttribute("multiple","multiple");
					this.vars['form.element.'+data['name']].setAttribute("size","10");
				
				}
				
				var listData = this.__parseData(this.form[i]['name']+"."+data['data']);
				var val;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
				
				var showSomething;
				
				for(var d in listData){
				
					if(typeof listData[d] == "object"){
					
						var opt = document.createElement("optgroup");
						//opt.setAttribute("title",d);
						opt.setAttribute("label",d);
						
						for(var dd in listData[d]){
						
							var opt2 = document.createElement("option");
							opt2.text = listData[d][dd]+" ";
							opt2.setAttribute("value",d+"."+dd);
							
							opt.appendChild(opt2);
							
							if(val[d+"."+dd]){
								
								opt2.selected = "selected";
								
							}
							
							if(val == dd || val == listData[d][dd])
								opt.selected = "selected";
						
						}
						
						
					
					} else {
				
						var opt = document.createElement("option");
						opt.text = listData[d];
						opt.setAttribute("value",d);
						
						if(val[d]){
							
							opt.selected = "selected";
							
						}
						
						if(val == d || val == listData[d])
							opt.selected = "selected";
					
					}
				
					this.vars['form.element.'+data['name']].appendChild(opt);
					
				
				}
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].setAttribute("disabled","disabled");
				
			break;
			case "radio":
			case "checkbox":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				this.vars['form.element.'+data['name']].className = "checkboxes";
				
				// get the data
				var listData = this.__parseData(this.form[i]['name']+"."+data['data']);
				var val;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
				for(var d in listData){
				
					var tmpContainer = document.createElement("span");
					tmpContainer.className = "checkbox";
				
					this.vars['form.element.'+data['name']+'.checkbox.'+d] = document.createElement("input");
					this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("id",this.form[i]['name']+"."+data['source']+"."+d);
					
					if(data['type'] == "checkbox")
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("name",this.form[i]['name']+"."+data['source']+"."+d);
					else
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("name",this.form[i]['name']+"."+data['source']);
					
					this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("value",d);
					
					if(data['type'] == "checkbox")
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("type","checkbox");
					else
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("type","radio");
						
					if(!val && listData[d] || val && d == val)
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("checked","checked");
						
					tmpContainer.appendChild(this.vars['form.element.'+data['name']+'.checkbox.'+d]);
					
					this.vars['form.element.'+data['name']+'.checkbox.'+d].onclick = function(e){p.__updateInputValues(e);};
					
					var tmp = document.createElement("span");
					tmp.innerHTML = d;
					
					tmpContainer.appendChild(tmp);
						
					this.vars['form.element.'+data['name']].appendChild(tmpContainer);
				
				}
			
			break;
			case "slider":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				
				var slider = document.createElement("div");
				slider.className = "slider";
				
				var sliderBtn = document.createElement("div");
				sliderBtn.className = "sliderBtn";
				
				var width = 179;
				
				var range = this.__parseData(this.form[i]['name']+"."+data['data']);
				
				var dist = ((1*range['max'])-(1*range['min']))+1;
				
				var val = 0;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
				
				var x = (((val*1)-(1*range['min']))/dist)*278;
				
				parent.appendChild(this.vars['form.element.'+data['name']]);
				
				sliderBtn.style.marginLeft = x+"px";
				
				slider.setAttribute("id","slider."+this.form[i]['name']+"."+data['name']);
				slider.onmousedown = function(e){p.__startSliderDrag(e)};
				sliderBtn.onmousedown = function(e){p.__startSliderDrag(e)};
				
				this.vars['form.element.'+data['name']].appendChild(slider);
				this.vars['form.element.'+data['name']].appendChild(sliderBtn);
				
				var minLbl = document.createElement("div");
				minLbl.className = "lbl-min";
				
				minLbl.innerHTML = range['min'];
				
				var maxLbl = document.createElement("div");
				maxLbl.className = "lbl-max";
				
				this.vars['form.element.'+data['name']].appendChild(minLbl);
				this.vars['form.element.'+data['name']].appendChild(maxLbl);
				
				maxLbl.innerHTML = range['max'];
				maxLbl.style.marginLeft = (279-maxLbl.offsetWidth)+"px";
				
				parent.removeChild(this.vars['form.element.'+data['name']]);
				
				this.timers[data['name']] = setInterval(function(){p.__sliderUpdate()},1)
			
			break;
			default:
			
				var tmp = document.createElement("div");
				tmp.className = "form-text";
				
				tmp.innerHTML = this.__parseText(data['text']);
			
				parent.appendChild(tmp);
				
				dontAdd = true;
			
			break;
			
		}
		
		if(!dontAdd)
			parent.appendChild(this.vars['form.element.'+data['name']]);
		
	},
	__sliderUpdate : function(){	
		
		for(var i in this.form){
			
			var section = this.vars['portal.content.'+this.form[i]['name']];
			
			if(this.form[i]['show'] != "yes")
				continue;
			
			for(var j=0;j<section.childNodes.length-1;j++){
			
				if(this.form[i]['elements'][j]['type'] == "slider"){
					
					var data = this.form[i]['elements'][j];
					
					var range = this.__parseData(this.form[i]['name']+"."+data['data']);
				
					var dist = ((1*range['max'])-(1*range['min']))+1;
					
					var val = 0;
					
					if(data['source'])
						val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val > (1*range['max'])){
					
						val = (1*range['max']);
						this.data[this.form[i]['name']][data['name']] = val;
						this.__render();
						return false;
					}
					
					var x = (((val*1)-(1*range['min']))/dist)*278;
					
					section.childNodes[j].childNodes[1].childNodes[0].childNodes[1].style.marginLeft = x+"px";
					
				}
			
			}
		}
		
	},
	__sliderDragging : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		if(!target.id)
			return false;
		
		var nm = target.id.split(".");
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);
			
		if(this.data[nm[1]][nm[2]] < (minVal*1))
			this.data[nm[1]][nm[2]] = (minVal*1);		
		
		this.__render();
		
	},
	__stopSliderDrag : function(e){
		
		document.body.onmouseup = function(){};
		document.body.onmousemove = function(){};
		
		/*
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		var nm = this.vars['slider.dragging'];
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);*/
		
		this.__render();
		
	},
	__startSliderDrag : function(e){
		
		var p = this;
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		if(!target.id){
		
			var parent = target.parentNode || target.parent;
			
			target = parent.childNodes[0];
		
		}
		
		document.body.onmouseup = function(e){p.__stopSliderDrag(e)};
		document.body.onmousemove = function(e){p.__sliderDragging(e)};
		//target.onmouseout = function(e){p.__stopSliderDrag(e)};
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		var nm = target.id.split(".");
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);
			
		if(this.data[nm[1]][nm[2]] < (minVal*1))
			this.data[nm[1]][nm[2]] = (minVal*1);	
		
		this.vars['slider.dragging'] = nm; 
		
		this.__render();
		
	},
	__parseIf : function(i,j){
		
		var data = this.form[i]['elements'][j];
		
		var res;
		var val = "";
		var found = false;
		
		// search through the cases
		for(var h in data){
		
			if(data[h] && data[h]['name'] == "THIS"){
			
				// get the this
				eval("res = ("+this.__parseVars(data[h]['tagData'])+");");
				
				if(typeof res == "boolean"){
				
					if(res)
						val = "true";
					else
						val = "false";
				
				} else
					val = new String(res);
				
				continue;
			
			}
				
			if(data[h] && data[h]['attrs'] && val == data[h]['attrs']['TO']){
			
				data = this.__parseElement(data[h]['children'][0],true,this.form[i]['name']);
				found = true;
				
			} 
		}
		
		if(!found){
		
			// look for 'else'
			for(h in data){
			
				if(data[h] && data[h]['name'] == "ELSE"){
					
					data = this.__parseElement(data[h]['children'][0],true,this.form[i]['name']);
					
				}
			
			}
			
		
		}
		
		return data;
		
		
	},
	__parseVars : function(text){
		
		// look for variables and replace them w/ the this.data equivalent
		// all vars must be warped in {}
		
		var re = new RegExp("\{([a-zA-Z0-9]{1,})\.([a-zA-Z0-9]{1,})\}","ig");
			
		text = text.replace(re,"this.data['\$1']['\$2']");
		
		return text;
		
		
	},
	__parseText : function(txt){
		
		for(var i in this.data){
			
			if(typeof this.data[i] == "object" || typeof this.data[i] == "array"){
				
				for(var j in this.data[i]){
					
					var re = new RegExp("data."+i+"."+j,"ig");
			
					txt = txt.replace(re,this.data[i][j]);
				
				}
				
			} else {
			
				var re = new RegExp("data."+i,"ig");
			
				txt = txt.replace(re,this.data[i]);
			
			}
			
		}
		
		for(var i in this.vars){
			
			if(typeof this.vars[i] == "string"){
			
				var re = new RegExp("this."+i,"ig");
			
				txt = txt.replace(re,this.vars[i]);
			
			}
			
		}
		
		return txt;
		
	},
	__parseData : function(variable){
		
		// let's change the variable to it's real version
		
		var arr = variable.split(".");
		
		var str = "this.data";
		
		for(var i in arr){
		
			str += "['"+arr[i]+"']";
		
		}
		
		var val;
		
		try {
		
			eval("val = "+str+" ? "+str+" : '';");
		
		} catch(e){
		
			return false;
		
		}
		
		if(typeof val != "object")
			val = unescape(val);
		
		return val;
		
	},
	__setData : function(variable,val){
		
		// let's change the variable to it's real version
		
		var arr = variable.split(".");
		
		var str = "this.data";
		
		for(var i in arr){
		
			str += "['"+arr[i]+"']";
		
		}
		
		if(typeof val == "String"){
			val = val.replace(/\"/gi,"\\\"");
			val = escape(val);
		}
		
		eval(str+' = val;');
		
		return true;
		
	},
	__updateValues : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		
		
	},
	__updateInputValues : function(e,parent){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		this.currentElement = target.getAttribute("name");
		
		var variableArr = this.currentElement.split(".");
		
		if(!this.errors[variableArr[0]])
			this.errors[variableArr[0]] = {};
		
		this.__checkElement(this.currentElement);
		
		this.vars['errorNum'] = 0;
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err])
						this.errors[variableArr[0]][err] = errorsArr[err];
				}
			}
		}
		
		for(var err in this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][err])
				this.vars['errorNum']++;
		
		}
		
		var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
		this.ifMaster = {};
		
		// update form
		for(var s in this.form){
				
			if(this.form[s]['show'] == "yes"){
					
				this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
			
			}
			
		}
		
		for(s in oldIfs){
		
			if(!this.ifMaster[s]){
				
				var arr = s.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
				
				if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
					delete this.errors[ifSection][ifVariableName];
				
			}
		
		}
		
		
	},
	__checkElement : function(variable,isSubmit){
		
		variableArr = variable.split(".");
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		for(var j in this.form[i]['elements']){
		
			var tmpEle = this.form[i]['elements'][j];
			
			if(!tmpEle['type'] && !tmpEle['text']){
			
				tmpEle = this.__parseIf(i,j);
			
			}
			
			if(tmpEle['name'] == variableArr[1])
				break;
				
			var done = false;	
			
			if(tmpEle['type'] == "dynamic"){
			
				var a = this.__parseData(this.form[i]['name']+"."+tmpEle['data']);
			
				for(var aa in a){
				
					if(a[aa]['name'] == variableArr[1]){
					
						done = true;
						break;
					
					}
				
				}
			
			}
			
			if(done)
				break;
		
		}
		
		var sectionName = variableArr[0];
		
		if(!this.errors[sectionName])
			this.errors[sectionName] = {};
		
		var data = this.form[i]['elements'][j];
		
		if(!data['type'] && !data['text']){
		
			data = this.__parseIf(i,j);

		}
		
		var dataArray;
		
		if(data['type'] != "dynamic"){
			
			if(!data['name'])
				return false;
			
			dataArray = [data];
			
		} else {
			
			dataArray = this.__parseData(this.form[i]['name']+"."+data['data']);
			
		}
		
		for(d in dataArray){
		
			data = dataArray[d];
		
			var tmp = this.vars['form.element.'+data['name']];
					
				// gather data		
					
				// if multiple
				if(data['type'] == "list" && data['multi']){
							
					var arSelected = {};
					var c =0;
					
					for (var child in tmp.options) { 
						
						if(tmp.options[child] && tmp.options[child].selected){
							arSelected[tmp.options[child].value] = 1;
							c++;
						}
						//tmp.options[tmp.selectedIndex].selected = false;
						
						
					}
					
					if(!c && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					} 
					
					this.__setData(sectionName+"."+data['source'],arSelected);	
				
				} else if(data['type'] == "list" && !data['multi']){
					
					var sel = false;
					
					for (var child in tmp.options) { 
						
						if(tmp.options[child] && tmp.options[child].selected){
							sel = tmp.options[child].value;
							break;
						}
						
					}
					
					if(!sel && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					} 
					
					this.__setData(sectionName+"."+data['source'],sel);	
				
				} else if(data['type'] == "radio"){
					
					var tmpData = {};
					eval("tmpData = this.data['"+this.form[i]['name']+"']['"+data['data']+"'];");
					var tmpDataSet = false;
					
					for(var td in tmpData){
					
						var nm = this.form[i]['name']+"."+data['name']+"."+td;
					
						if(document.getElementById(nm) && document.getElementById(nm).checked){
						
							this.__setData(sectionName+"."+data['source'],td);	
							tmpDataSet = true;
							break;
						
						}
					
					}
					
					if(!tmpDataSet && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					}
					
				} else if(data['type'] == "upload"){
					
					var textVal = tmp.childNodes[0].value ? tmp.childNodes[0].value : "";
					
					if(!tmp.childNodes[0].value && isSubmit && data['required'] || tmp.childNodes[0].value == "" && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
						
					}
					
					this.__setData(sectionName+"."+data['source'],textVal);
					
				} else {
					
					var textVal = tmp.value ? tmp.value : "";
					
					// validate
		
					if(data['validate']){
					
						var validator = data['validate'].split("::");
					
						var re = new RegExp(validator[0],"gi");
					
						if(re.test(textVal)){
							
							this.errors[sectionName][data['name']] = validator[1];
							this.vars['errorNum']++;
							
						}
					
					}
					
					if(!tmp.value && isSubmit && data['required'] || tmp.value == "" && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
						
					}
					
					this.__setData(sectionName+"."+data['source'],textVal);		
				
				}
			
		}
			
		
	},
	__checkErrors : function(i,noreset){
		
		if(!noreset)
			this.vars['errorNum'] = 0;
		
		var sectionName = this.form[i]['name'];
		
		this.errors[sectionName] = {};
		
		for(var j in this.form[i]['elements']){
				
			var tmp = this.form[i]['elements'][j];
				
			if(!tmp['type'] && !tmp['text']){
			
				tmp = this.__parseIf(i,j);
			
			}	
				
			this.__checkElement(sectionName+"."+tmp['name'],true);
				
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				errors = true;
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err]){
						this.errors[sectionName][err] = errorsArr[err];
						this.vars['errorNum']++;
					}
				}
			}
		}
		
	},
	__saveValues : function(i){
		
		var f = this;
		
		if(this.vars['portal.save.content'])
			return false;
		
		this.vars['saving'] = true;
		
		var sectionName = this.form[i]['name'];
		
		var content = this.vars['portal.content.'+this.form[i]['name']];
		
		this.vars['portal.save.content'] = content;
		
		this.vars['errors'] = {};
		
		this.vars['errors'][sectionName] = false;
		
		//var errors = false;
		
		if(!this.data[sectionName])
			this.data[sectionName] = [];
		
		this.errors = {};
		this.errors[sectionName] = {};	
		
		var errors = false;
			
		// check errors
		
		this.vars['errorNum'] = 0;
		
		for(var s in this.form){
					
			if(!this.form[s]['halt'] && this.form[s]['show'] == "yes" || i == s && this.form[s]['show'] == "yes"){
				this.__checkErrors(s,true);
			}
		
		}
		
		if(this.vars['errorNum'] > 0)
			errors = true;
		
		if(!errors) {
		
			//this.__render();
			
			// need to update any visible sections
			
			var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
			this.ifMaster = {};
		
			// update form
			for(s in this.form){
					
				if(this.form[s]['show'] == "yes"){
						
					this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
				
				}
				
			}
			
			for(s in oldIfs){
			
				if(!this.ifMaster[s]){
					
					var arr = s.split(".");
					var ifSection = arr[0];
					var ifVariableName = arr[1];
					
					delete this.data[ifSection][ifVariableName];
					
					if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
						delete this.errors[ifSection][ifVariableName];
					
				}
			
			}
			
			var content = this.vars['portal.content.'+this.form[i]['name']];	
		
			this.mask.style.display = "";
		
			var root = document.getElementById("portal.content.main");
		
			if(!this.vars['mask']){
				
				this.mask.style.height = this.root.parentNode.offsetHeight+"px";
				this.mask.style.width = this.root.parentNode.offsetWidth+"px";
				this.mask.style.top = site.offsetTop(this.root.parentNode)+"px";
				this.mask.style.left = site.offsetLeft(this.root.parentNode)+"px";
			
			} else {
				
				if(!this.vars['mask']['anchor']){
				
					this.mask.style.top = this.vars['mask']['top'];
					this.mask.style.left = this.vars['mask']['left'];
					this.mask.style.height = this.vars['mask']['height'];
					this.mask.style.width = this.vars['mask']['width'];
				
				} else {
					
					this.mask.style.top = this.vars['mask']['anchor'].offsetTop+"px";
					this.mask.style.left = this.vars['mask']['anchor'].offsetLeft+"px";
					this.mask.style.height = this.vars['mask']['anchor'].offsetHeight+"px";
					this.mask.style.width = this.vars['mask']['anchor'].offsetWidth+"px";
					
				}
				
				if(this.vars['mask']['start']){
				
					this.vars['mask']['start']();
				
				}
				
			}
		
			new portal.fade(this.mask.id,75,{"fadeStep":100,"done":function(){f.__save(sectionName);}}); // fade

		
		} else {
		
			this.vars['portal.save.content'] = null;
			this.vars['saving'] = false;
			
			this.__render();
		}
		
	},
	__run : function(code){
		
		code = this.__parseVars(code);
		
		eval(code);
		
		return true;
	
	},
	__goFromButton : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var name = target.getAttribute("name");
		
		this.__go(name);
		
	},
	__go : function(name){
		
		var f = this;
		
		// go through the sections and make them shown
		
		var arr = name.split(".");
		var section = arr[1];
		var button = arr[2];
		
		var data = this.flow[section][button];
		
		for(i in this.form){
		
			if(this.form[i]['name'] == section)
				break;
		
		}
		
		this.vars['savedSection'] = section;
		this.vars['savedButton'] = button;
		
		if(data['run'] && data['runBeforeSave']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		// if submit, we need to do the submit
		// end the process there for now
		if(data['submit']){
		
			this.__saveValues(i);
		
			return true;
		
		}
		
		if(data['back']){
		
			this.errors[this.form[i]['name']] = {};
		
			this.__startFlow(i);
		
			this.vars['savedSection'] = null;
			this.vars['savedButton'] = null;
		
			return true;
		
		}
		
		this.vars['errorNum'] = 0;
		
		// if there is code to run before we go, do so now
		if(data['run'] && data['runBeforeCheck']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		var errors = false;
		
		// save data
		this.__checkErrors(i,true);
			
		if(this.vars['errorNum'] > 0)
			errors = true;	
		
		if(errors){
		
			this.__render();
			return false;
		
		}
		
		// if there is code to run before we go, do so now
		if(data['run'] && !data['runBeforeCheck']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		// upload
		if(data['upload']){
		
			var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
			this.ifMaster = {};
		
			// update form
			for(var s in this.form){
					
				if(this.form[s]['show'] == "yes"){
						
					this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
				
				}
				
			}
			
			for(s in oldIfs){
			
				if(!this.ifMaster[s]){
					
					var arr = s.split(".");
					var ifSection = arr[0];
					var ifVariableName = arr[1];
					
					delete this.data[ifSection][ifVariableName];
					
					if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
						delete this.errors[ifSection][ifVariableName];
					
				}
			
			}
				
			this.mask.style.display = "";
		
			var content = this.vars['portal.content.'+this.form[i]['name']];
		
			this.mask.style.height = this.vars['parent'].parent ? this.vars['parent'].parent.root.offsetHeight+"px" : this.vars['parent'].root.offsetHeight+"px";
			this.mask.style.width = this.vars['parent'].parent ? this.vars['parent'].parent.root.offsetWidth+"px" : this.vars['parent'].root.offsetWidth+"px";
		
			this.mask.style.top = this.vars['parent'].parent ? site.offsetTop(this.vars['parent'].parent.root)+"px" : site.offsetTop(this.vars['parent'].root)+"px";
			this.mask.style.left = this.vars['parent'].parent ? site.offsetLeft(this.vars['parent'].parent.root)+"px" : site.offsetLeft(this.vars['parent'].root)+"px";
			
			new portal.fade(this.mask.id,75,{"fadeStep":100,"done":function(){f.__uploadNow();}}); // fade
				
			// START UPLOAD
			this.vars['conn'] = new Connector();
			this.vars['conn'].connect(this.vars['uploads'][i].id,"http://www.ftlportal.com/login");
				
			this.vars['sectionUpload'] = i;
				
			return false;
		
		}
		
		this.__startFlow(i);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;

		
	},
	__uploadNow : function(){
		
		var f = this;
		
		this.vars['conn'].onDataLoad(function(){f.__uploadDone()});
		this.vars['conn'].send();
		
	},
	__uploadDone : function(){
		
		var f = this;
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"done":function(){f.__uploadEnd()}}); // fade out
	
		
	},
	__uploadEnd : function(){
	
		try {
		
			var data = eval("("+this.vars['conn'].data()+")");
			
			// file
			
			// data
			
			this.data[this.form[i]['name']]['uploadData'] = data['data'];
			this.data[this.form[i]['name']]['uploadFile'] = data['file'];
			
			this.__startFlow(this.vars['sectionUpload'],true);
			
		
		} catch (e){
			
			this.__startFlow(this.vars['sectionUpload'],false);
			
		
		}
	
		this.mask.style.display = "none";
		
	},
	__save : function(section){
		
		var c = this;
	
		// get section
		var d = {"section":section,"parent":this.vars['parent'].getSaveData()};
	
		for(var i in this.data[d['section']]){
			
			d[i] = this.data[d['section']][i];
			
		}
	
		this.ajax = new portal.ajax({"url":"http://www.ftlportal.com/login","params":{"_action":"save","data":JSON.stringify(d)},"failure":function(d){c.__saveBad(d)},"success":function(d){c.__saveDone(d)}});
		
		
	},
	__saveDone : function(d){
			
		var f = this;	
			
		if(d){
		
			var s = eval("("+d+")");
		
			for(var i in s['data']){
			
				if(!this.data[i])
					this.data[i] = {};
				
				for(var j in s['data'][i]){
				
					this.data[i][j] = s['data'][i][j];
				
				}
			
			}
			
		}
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"delay":"1","done":function(){f.__saveDoneContinue()}}); // fade out
				
	},
	__saveDoneContinue : function(){
		
		this.mask.style.display = "none";
		
		// need to do the flow thing
		for(i in this.form){
		
			if(this.form[i]['name'] == this.vars['savedSection'])
				break;
		
		}
		
		// go to good sections
		this.__startFlow(i,true);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;
		
		this.vars['portal.save.content'] = null;
		
		if(this.vars['mask'] && this.vars['mask']['end']){
				
			this.vars['mask']['end']();
				
		}
		
	},
	__saveBad : function(d){
		
		var f = this;
		
		if(d){
		
			var s = eval("("+d+")");
			
			for(var i in s['data']){
			
				if(!this.data[i])
					this.data[i] = {};
				
				for(var j in s['data'][i]){
				
					this.data[i][j] = s['data'][i][j];
				
				}
			
			}
			
		}
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"delay":"1","done":function(){f.__saveBadContinue()}}); // fade out
		
	},
	__saveBadContinue : function(){
		
		this.mask.style.display = "none";
		
		// need to do the flow thing
		for(i in this.form){
		
			if(this.form[i]['name'] == this.vars['savedSection'])
				break;
		
		}
		
		// go to bad sections
		this.__startFlow(i,false);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;
		
		this.vars['portal.save.content'] = null;
		
		if(this.vars['mask'] && this.vars['mask']['end']){
				
			this.vars['mask']['end']();
				
		}
		
	},
	setAsParent : function(p){
	
		this.vars['parent'] = p;
	
		if(this.vars['parent']){
			if(!this.layouts.length){
			
				for(var i in this.form){
				
					if(this.form[i]['show'] != "no")
						this.layouts.push(this.form[i]['name']);
					
				}
				
				this.defaultLayouts = this.layouts;
			
			}
		}
	
	},
	__hideAll : function(){
		
		// hide all sections
		for(var j in this.form){
		
			this.form[j]['show'] = "no";
		
		}
		
	},
	__startFlow : function(sectionIndex,good){
		
		this.ifData = {};
		this.ifMaster = {};
		
		var section = this.vars['savedSection'];
		var button = this.vars['savedButton'];
		
		var data = this.flow[section][button];
		
		// reset view array
		this.view = [];
		
		for(var i in data['sections']){
		
			if(data['sections'][i]['name'] == "GOTO"){
					
				// goto this admin
				
				var sectionName = this.form[sectionIndex]['name'];
				var sectionVar = data['sections'][i]['attrs']['SOURCE'];
				
				var layout = data['sections'][i]['attrs']['LAYOUT'].split(",");
				
				var gotoData = this.data[sectionName][sectionVar];
				
				var lo = [];
				
				for(var gd in gotoData){
				
					var tmp = eval("("+JSON.stringify(layout)+")");
				
					lo.push(tmp);
				
				}
				
				this.vars['parent'].goto(data['sections'][i]['attrs']['NAME'],gotoData,lo);
				
				return true;
				
			}
		
		}
		
		this.__hideAll();
				
		for(i in data['sections']){
		
			if(data['sections'][i]['attrs']['DEFAULT'] == "true"){
			
				this.layouts = this.defaultLayouts;
				
				for(var ff in this.layouts){
					for(var j in this.form){
						
						if(this.form[j]['name'] == this.layouts[ff]){
							this.form[j]['show'] = "yes";
							break;
						}
					
					}
				}
				
				break;
				
			}
		
			if(data['sections'][i]['name'] == "GOTO")
				continue;
		
			if(data['sections'][i]['name'] == "GOOD" && good || data['sections'][i]['name'] == "BAD" && !good){
				
				for(var iChild in data['sections'][i]['children']){
				
					var nm = data['sections'][i]['children'][iChild]['attrs']['NAME'];
				
					for(var j in this.form){
						
						if(this.form[j]['name'] == nm){
							this.form[j]['show'] = "yes";
							break;
						}
						
					}
				
				}
				
			} else {
		
				var nm = data['sections'][i]['attrs']['NAME'];
			
				for(var j in this.form){
					
					if(this.form[j]['name'] == nm){
						this.form[j]['show'] = "yes";
						break;
					}
					
				}
			
			}
		
		}
		
		// set next sections to be viewed
		
		// re-render form
		this.__render();
		
	},
	getData : function(){
		
		for(var j in this.form){
				
			if(this.form[j]['show'] != "no"){
				
				if(this.form[j]['blockInstance'])
					return false;
				
			}
						
		}
		
		return this.data;
		
	},
	getLayout : function(){
		
		//var mode = this.vars['parent'].getMode();
		
		this.layouts = [];
		
		for(var j in this.form){
				
			if(this.form[j]['show'] != "no"){
				
				this.layouts.push(this.form[j]['name']);
				
			}
						
		}
		
		return this.layouts;
		
	},
	setLayout : function(l,norender){
		
		// check for older version
		if(l['single']){
		
			l = l['single'];
			
		}
		
		this.__hideAll();
		
		//var mode = this.vars['parent'].getMode();
		
		this.layouts = l;
		
		if(this.layouts.length > 0){
		
			for(var i in this.layouts){
			
				for(var j in this.form){
						
					if(this.form[j]['name'] == this.layouts[i]){
						this.form[j]['show'] = "yes";
						break;
					}
						
				}
			
			}
		
		}
		
		this.defaultLayouts = this.layouts;
		
		// re-render form
		if(!norender)
			this.__render();
		
	},
	back : function(){
		
		this.__go(this.vars['backButton']);
		
	},
	createNewForm : function(data){
		
		this.oldForm = eval("("+JSON.stringify(this.form)+")");
		this.oldXML = eval("("+JSON.stringify(this.xml)+")");
		
		this.xml = data;
		
		this.__parse();
		
		this.__render();
		
	},
	__clearDiv : function(){
	
		var tmp = document.createElement("div");
		tmp.style.clear = "both";
		
		return tmp;
		
	}
	
}
// Portal form.js
// Copyright 2010 Iomnis. All rights reserved.

portal.form = function(root,d,s,c){

	this.init(root,d,s,c);

}

portal.form.prototype = {
	
	root : null,
	xml : null,
	form : null,
	mask : null,
	vars : null,
	errors : null,
	data : null,
	root : null,
	defaultLayout : null, 
	startHTML : null,
	currentSection : null,
	currentElement : null,
	debuggerObj : null,
	ifData : null,
	flow : null,
	view : null,
	ajax : null,
	ifMaster : null,
	oldForm : null,
	oldXML : null,
	layouts : null,
	main : null,
	timers : null,
	init : function(root,data,s,c){
		
		this.xml = data;
		
		this.root = root;
		
		this.layouts = [];
		
		this.defaultLayouts = this.layouts;
		
		this.timers = {};
		
		this.startHTML = this.root.innerHTML;
		
		//this.debuggerObj = document.createElement("div");
		//this.debuggerObj.style.position = "fixed";
		//this.debuggerObj.style.height = "200px";
		//this.debuggerObj.style.width = "200px";
		//this.debuggerObj.style.color = "#000";
		//this.debuggerObj.style.top = "0px";
		//this.debuggerObj.style.left = "0px";
		
		//document.body.appendChild(this.debuggerObj);
		
		if(lang)
			this.lang = lang;
		
		this.mask = document.getElementById("portal.form.mask");
		
		if(!this.mask){

			this.mask = document.createElement("div");
			this.mask.className = "form-mask";
			this.mask.setAttribute("id","portal.form.mask");
			//this.mask.style.zIndex = "1410065407";
			this.mask.style.zIndex = "1399999999";
			
			document.body.appendChild(this.mask);
		
		}
		
		this.mask.style.left = "0px";
		this.mask.style.top = "0px";
	
		this.mask.style.width = "0px";
		this.mask.style.height = "0px";
		
		this.vars = {};
		this.errors = {};
		this.data = {"url":"http://www.ftlportal.com"};
		this.ifData = [];
		this.flow = {};
		this.view = [];
		this.ifMaster = {};
		
		this.vars['errors'] = [];
		
		// if s, let's add the values
		if(s){
		
			for(var i in s){
			
				var arr = i.split(".");
				
				if(!this.data[arr[0]])
					this.data[arr[0]] = {};
				
				this.data[arr[0]][arr[1]] = s[i];
			
			}
			
		}
		
		if(c){
		
			for(i in c){
			
				this.vars[i] = c[i];
			
			}
		
		}
		
		this.__parse();
		
		this.__render();
		
	},
	setFormVars : function(s){
		
		for(var i in s){
			
			var arr = i.split(".");
				
			if(!this.data[arr[0]])
				this.data[arr[0]] = {};
				
			this.data[arr[0]][arr[1]] = s[i];
			
		}
		
	},
	setData : function(c){
		
		if(c){
		
			for(i in c){
			
				this.vars[i] = c[i];
			
			}
		
		}
		
	},
	__parse : function(){
		
		this.form = [];
		
		// get all the sections
		
		for(var i in this.xml[0]['children']){
		
			// read in the flows	
			if(this.xml[0]['children'][i]['name'] == "FLOW"){
				
				for(var flow in this.xml[0]['children'][i]['children']){
				
					var flowNm = this.xml[0]['children'][i]['children'][flow]['attrs']['NAME'];
				
					this.flow[flowNm] = {};
					this.flow[flowNm]['count'] = 0;
					
					for(var flowBtn in this.xml[0]['children'][i]['children'][flow]['children']){
					
						var flowData = this.xml[0]['children'][i]['children'][flow]['children'][flowBtn];
					
						this.flow[flowNm][flowData['name']] = {"label":flowData['attrs']['LABEL'],"sections":flowData['children']};
						
						if(flowData['attrs']['SUBMIT'] == "true")
							this.flow[flowNm][flowData['name']]['submit'] = true;
							
						if(flowData['attrs']['BACK'] == "true")
							this.flow[flowNm][flowData['name']]['back'] = true;	
							
						if(flowData['attrs']['RUN'] == "true")
							this.flow[flowNm][flowData['name']]['run'] = true;
						else if(flowData['attrs']['RUN'] == "first") {
							this.flow[flowNm][flowData['name']]['run'] = true;
							this.flow[flowNm][flowData['name']]['runBeforeCheck'] = true;	
						} else if(flowData['attrs']['RUN'] == "submit") {
							this.flow[flowNm][flowData['name']]['run'] = true;
							this.flow[flowNm][flowData['name']]['runBeforeSave'] = true;	
							this.flow[flowNm][flowData['name']]['submit'] = true;
						}
						
						if(flowData['attrs']['UPLOAD'] == "true")
							this.flow[flowNm][flowData['name']]['upload'] = true;		
						
						this.flow[flowNm]['count']++;
					}
				
				}
				
				continue;
				
			}
			
			if(this.xml[0]['children'][i]['name'] != "SECTION")
				continue;
		
			this.form[i] = {"name":this.xml[0]['children'][i]['attrs']['NAME'],"elements":[],"text":this.xml[0]['children'][i]['attrs']['TEXT']};
				
				if(this.xml[0]['children'][i]['attrs']['SHOW']){
				
					this.form[i]['show'] = this.xml[0]['children'][i]['attrs']['SHOW'];
				
				} else {
					
					this.form[i]['show'] = "yes";
					
				}
				
				if(this.xml[0]['children'][i]['attrs']['BLOCKINSTANCE']){
				
					this.form[i]['blockInstance'] = this.xml[0]['children'][i]['attrs']['BLOCKINSTANCE'];
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['LINK']){
				
					this.form[i]['link'] = this.xml[0]['children'][i]['attrs']['LINK'];
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['SUBMIT'] == "false"){
				
					this.form[i]['noSubmit'] = true;
				
				}
				
				if(this.xml[0]['children'][i]['attrs']['HALTMULTICHECK'] == "true"){
				
					this.form[i]['halt'] = true;
				
				}
				
				
				for(var j in this.xml[0]['children'][i]['children']){
				
					if(this.xml[0]['children'][i]['children'][j]['name'] == "VALIDATE"){
					
						this.form[i]['validator'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
					
					if(this.xml[0]['children'][i]['children'][j]['name'] == "RUN"){
					
						this.form[i]['run'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
					
					if(this.xml[0]['children'][i]['children'][j]['name'] == "START"){
					
						this.form[i]['start'] = this.xml[0]['children'][i]['children'][j]['tagData'];
						continue;
									
					}
								
					if(this.xml[0]['children'][i]['children'][j]['name'] == "IF"){
								
						this.form[i]['elements'][j] = this.xml[0]['children'][i]['children'][j]['children'];
						continue;
									
					}
				
					this.form[i]['elements'][j] = this.__parseElement(this.xml[0]['children'][i]['children'][j],false,this.form[i]['name']);
					
				}
			
		}
		
	},
	__parseElement : function(data,saveIf,sectionName){
		
		var returnData = {};
					
		if(data['name'] == "TEXT"){
					
			returnData = {"text":data['tagData']};
						
		} else if(data['name'] == "CODE"){
					
			returnData = {"code":data['tagData']};
						
		} else {
				
			returnData = {"name":data['attrs']['NAME'],"type":data['attrs']['TYPE'],"label":data['attrs']['LABEL']};
					
		}
					
		if(data['attrs']['SOURCE'])
			returnData['source'] = data['attrs']['SOURCE'];
			
		if(data['attrs']['DEFAULT'])
			returnData['default'] = data['attrs']['DEFAULT'];	
						
		if(data['attrs']['DATA'])
			returnData['data'] = data['attrs']['DATA'];	
					
		if(data['attrs']['DISABLED'])
			returnData['disabled'] = true;
						
		if(data['attrs']['TYPE'] == "text"){
					
			returnData['text'] = data['tagData'];
					
		} else if(data['attrs']['TYPE'] == "list"){
						
			if(data['attrs']['MULTI'])
				returnData['multi'] = true;
						
		}
					
					
		if(data['attrs']['REQUIRED']){
					
			returnData['required'] = true;
					
		}
					
		if(data['attrs']['DEFAULT']){
					
			returnData['default'] = data['attrs']['DEFAULT'];
					
		}
					
		if(data['attrs']['VALIDATE']){
					
			returnData['validate'] = data['attrs']['VALIDATE'];
					
		}
		
		if(data['attrs']['FILETYPE']){
					
			returnData['fileType'] = data['attrs']['FILETYPE'];
					
		}
		
		if(data['attrs']['DISABLED']){
					
			returnData['disabled'] = data['attrs']['DISABLED'];
					
		}
					
		if(data['attrs']['WIDTH'] == "auto"){
					
			returnData['width'] = "auto";
					
		} else if(data['attrs']['WIDTH']){
			
			returnData['width'] = data['attrs']['WIDTH'];
			
		}
		
		if(saveIf)
			this.ifMaster[sectionName+"."+data['attrs']['NAME']] = true;
	
		if(returnData['type'] == "dynamic"){
			
			var dynData = this.__parseData(sectionName+"."+returnData['data']);
					
			var maxWidth = 0;
					
			for(var x in dynData){
						
				this.ifMaster[sectionName+"."+dynData[x]['source']] = true;
						
			}
		
		}
		
		if(data['attrs']['INSTANCENAME']){
		
			this.data['instanceName'] = sectionName+"."+data['attrs']['NAME'];
			this.data['instanceDefault'] = data['attrs']['INSTANCENAME'];
		
		}
		
		return returnData;
		
		
	},
	__render : function(){
	
		var p = this;
	
		this.root.innerHTML = this.startHTML;
	
		this.vars['portal.form'] = document.createElement("div");
		this.vars['portal.form'].className = "form";
		
		this.root.appendChild(this.vars['portal.form']);
		
		this.__renderForm();
		
	},
	__renderForm : function(){
		
		var p = this;
		
		// make the sections
		for(var i in this.form){
			
			//if(this.form[i]['parent'] != this.vars['parent'] || this.vars['parent'] == this.form[i]['name'] || this.form[i]['name'] == "error" && !this.vars['errorNum'])
				//continue;
		
			if(!this.data[this.form[i]['name']])
				this.data[this.form[i]['name']] = {};
				
			if(this.form[i]['show'] == "no")
				continue;

			var tmp = document.createElement("div");
			tmp.className = "form-section";
		
			// header
			var header = document.createElement("div");
			header.className = "header";
			
			// add all sections that are currently viewable
			this.view.push(i);
			
			// content
			this.vars['portal.content.'+this.form[i]['name']] = document.createElement("div");
			this.vars['portal.content.'+this.form[i]['name']].className = "content";
			this.vars['portal.content.'+this.form[i]['name']].setAttribute("id",'portal.content.'+this.form[i]['name']);
			
			// header title
			header.innerHTML = this.__parseText(this.form[i]['text']);
			
			if(this.form[i]['start']){
			
				// run code
				this.__run(this.form[i]['start']);
				
			}
		
			tmp.appendChild(header);			
			tmp.appendChild(this.vars['portal.content.'+this.form[i]['name']]);
		
			this.vars['portal.form'].appendChild(tmp);
		
			this.__renderContent(i,this.vars['portal.content.'+this.form[i]['name']]);
		
		}
		
		if(this.vars['parent']){
			if(!this.layouts.length){
			
				for(var i in this.form){
				
					if(this.form[i]['show'] != "no")
						this.layouts.push(this.form[i]['name']);
					
				}
				
				this.defaultLayouts = this.layouts;
			
			}
		}
		
	},
	doesSectionExist : function(section){
		
		for(var i in this.form){
		
			if(this.form[i]['name'] == section){
			
				return true;
			
			}
		
		}
		
		return false;
		
	},
	__updateSection : function(i){
		
		// update the existing form
		// rerender everthing except for the current element
		// update className on current element only
		
		var section = this.vars['portal.content.'+this.form[i]['name']];
		var lastClassName;
		
		var maxWidth = 0;
		
		var ifSaves = {};
		
		for(var j=0;j<section.childNodes.length-1;j++){
		
			var data = this.form[i]['elements'][j];
		
			if(!data['type'] && !data['text']){
		
				data = this.__parseIf(i,j);
				
				if(JSON.stringify(this.ifData[i][j]) != JSON.stringify(data)){
		
					section.childNodes[j].style.display = ""; // show for now
			
					section.childNodes[j].innerHTML = ""; // clear the div
			
					arr = this.__renderContentItem(i,j,section.childNodes[j],lastClassName,maxWidth);
					
					if(!this.ifData[i])
						this.ifData[i] = {};
					
					this.ifData[i][j] = data;
					
				//	lastClassName = arr[0];
					maxWidth = arr[1];
				
				}
				
				ifSaves[this.form[i]['name']+"."+data['name']] = true;
			
			}
			
			var error = false;
		
			if(section.childNodes[j].className == "content-error"){
			
				error = true;
			
			}
		
			if(data['type'] != "dynamic"){
			
				if(lastClassName != "content-item")
					section.childNodes[j].className = "content-item";
				else
					section.childNodes[j].className = "content-item-alt";
			
			}
		
			if(section.childNodes[j].style && section.childNodes[j].style.display == "none")
				continue;
		
			if(!maxWidth && !data['text'])
				maxWidth = section.childNodes[j].childNodes[0].style.width.replace("px","");
			
			//var val = this.__parseData(this.form[i]['name']+"."+data['source']);
			
			//if(val !=  undefined){
				//this.debuggerObj.innerHTML = "error is "+val;
				//error = true;
			//}
		
			if(!this.errors[this.form[i]['name']])
				this.errors[this.form[i]['name']] = {};
			
			var dataArray;
		
			if(data['type'] != "dynamic"){
				
				dataArray = [data];
				
			} else {
				
				dataArray = this.__parseData(this.form[i]['name']+"."+data['data']);
				
			}
			
			for(var d in dataArray){
			
				data = dataArray[d];
			
				var div;
				
				if(dataArray.length > 1){
				
					div = section.childNodes[j].childNodes[0].childNodes[0].childNodes[d];
					
					if(div.className == "content-error"){
			
						error = true;
			
					} else {
					
						error = false;
					
					}
				
				} else
					div = section.childNodes[j];
				
				if(lastClassName != "content-item")
					div.className = "content-item";
				else
					div.className = "content-item-alt";
					
				lastClassName = div.className;	
			
				// ignore generic error
				if(!error && data && data['name'] && this.errors[this.form[i]['name']][data['name']] == "This field is required")
					this.errors[this.form[i]['name']][data['name']] = false;
				
				if(data && data['name'] && this.errors[this.form[i]['name']][data['name']]){
				
					div.className = "content-error";
					
					var err = div.childNodes[3];
					
					if(!err){
					
						// add error div
						var errDiv = document.createElement("div");
						errDiv.className = "custom-error";
						
						errDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
						
						div.appendChild(errDiv);
					
					} else
						err.innerHTML = this.errors[this.form[i]['name']][data['name']];
					
				
				} else if(error && data && data['name'] && !this.errors[this.form[i]['name']][data['name']]){
				
					// need to remove error div
					var err = div.childNodes[3];
					div.removeChild(err);
				
				}
			
			}
				
			
		}
		
		// now resize all
		for(var j=0;j<section.childNodes.length;j++){
		
			if(j == section.childNodes.length-1)
				break;
		
			if(this.form[i]['elements'][j]['type'] == "table" || this.form[i]['elements'][j]['type'] == "text" || this.form[i]['elements'][j]['type'] == "message"){
				section.childNodes[j].childNodes[1].style.width = "100%";
				continue;
			}
		
			if(this.form[i]['elements'][j]['width'])
				continue;
		
			if(!section.childNodes[j].childNodes.length)
				continue;
		
			if(!maxWidth)
				maxWidth = 0;			
			
			if(section.childNodes[j].childNodes[0].innerHTML != "" && section.childNodes[j].childNodes[1])
				section.childNodes[j].childNodes[0].style.width = maxWidth+"px";
			
			var rightWidth = section.offsetWidth-maxWidth;
			
			if(rightWidth && section.childNodes[j].childNodes[1])
				section.childNodes[j].childNodes[1].style.width = (rightWidth-30)+"px";
			
		}
		
		// check if
		/*
		for(var ifChild in this.ifMaster){
		
			if(!ifSaves[ifChild]){
			
				// need to delete data
				
				var arr = ifChild.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
			
			}
		
		}*/
		
	},
	__renderContent : function(i,content){
		
		var p = this;
		
		var maxWidth = 0;
		
		var lastClassName;
		
		var sectionName = this.form[i]['name'];
		
		for(var j in this.form[i]['elements']){
			
			var tmp = document.createElement("div");
			
			var data = this.form[i]['elements'][j];
			
			if(!data['type'] && !data['text']){
		
				data = this.__parseIf(i,j);
			
			}
			
			if(lastClassName != "content-item")
				tmp.className = "content-item";
			else
				tmp.className = "content-item-alt";
				
			content.appendChild(tmp);	
			
			if(!this.data[sectionName])
				this.data[sectionName] = {};
				
			var arr = this.__renderContentItem(i,j,tmp,lastClassName,maxWidth);
			
			lastClassName = arr[0];
			maxWidth = arr[1];
			
			if(!maxWidth && !data['text'])
				maxWidth = tmp.childNodes[0].style.width.replace("px","");
			
			if(data['name'] && this.errors[this.form[i]['name']] && this.errors[this.form[i]['name']][data['name']]){
			
				tmp.className = "content-error";
				
				// add error div
				var errorDiv = document.createElement("div");
				errorDiv.className = "custom-error";
				
				errorDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
				
				tmp.appendChild(errorDiv);
			
			}
			
		}
		
		var tmp2 = document.createElement("div");
		if(lastClassName != "content-item")
			tmp2.className = "content-item";
		else
			tmp2.className = "content-item-alt";
		
		
		content.appendChild(tmp2);
		
		// generate buttons based on flow	
	
		if(this.flow[this.form[i]['name']]){
	
			var count = this.flow[this.form[i]['name']]['count'];
	
			var buttonDiv = document.createElement("div");
			buttonDiv.style.marginLeft = "auto";
			buttonDiv.style.marginRight = "auto";
			
			tmp2.appendChild(buttonDiv);
			
			var btnsWidth = 0;
	
			for(var flowBtn in this.flow[this.form[i]['name']]){
				
				if(flowBtn == "count")
					continue;
	
				if(this.flow[this.form[i]['name']][flowBtn]['label'] == "Back"){
				
					this.vars['backButton'] = "section."+this.form[i]['name']+"."+flowBtn;
				
				}
	
				// button
				var tmpButton = document.createElement("div");
				tmpButton.className = "small-btn";
				tmpButton.setAttribute("name","section."+this.form[i]['name']+"."+flowBtn);	
							
				tmpButton.innerHTML = this.flow[this.form[i]['name']][flowBtn]['label'];
						
				buttonDiv.appendChild(tmpButton);
						
				tmpButton.onclick = function(e){p.__goFromButton(e)};
				
				if(count > 1){
				
					tmpButton.style.marginRight = "4px"; // add some spacing to the buttons
				
					btnsWidth += tmpButton.offsetWidth+4;
					if (document.all && !window.opera)
						tmpButton.style.styleFloat = 'left';
					else 
						tmpButton.style.cssFloat = 'left';
					
					
				}
			
			}
			
			if(count > 1){
			
				buttonDiv.style.width = btnsWidth+"px";
				
				// add a clearing div
				buttonDiv.appendChild(this.__clearDiv());
			
			}
		
		}
		
		// now resize all
		for(var child=0;child<content.childNodes.length-1;child++){
		
			if(this.form[i]['elements'][child]['type'] == "table"){
				content.childNodes[child].childNodes[1].style.width = "100%";
				continue;
			}
			
			if(this.form[i]['elements'][child]['width']){
				
				if(maxWidth < this.form[i]['elements'][child]['width']*1){
				
					maxWidth = this.form[i]['elements'][child]['width']*1;
				
				}
				
			}
		
			if(!maxWidth)
				maxWidth = 0;
		
			if(!content.childNodes[child].childNodes.length)
				continue;
		
			if(content.childNodes[child].childNodes[0].innerHTML != "" && content.childNodes[child].childNodes[1])
				content.childNodes[child].childNodes[0].style.width = maxWidth+"px";
			
			var rightWidth = content.offsetWidth-maxWidth;
			
			if(rightWidth && content.childNodes[child].childNodes[1])
				content.childNodes[child].childNodes[1].style.width = (rightWidth-30)+"px";
			
		}
		
	},
	__renderContentItem : function(i,j,tmp,lastClassName,maxWidth,defData){
		
		// try to parse any if statements
		
		var data = defData ? defData : this.form[i]['elements'][j];
		
		if(!data['type'] && !data['text']){
		
			data = this.__parseIf(i,j);
			
			if(!this.ifData[i])
				this.ifData[i] = {};
					
			this.ifData[i][j] = data;	
		
		}
		
		if(data['type'] && data['type'] != "dynamic"){
				
				// left
				var left = document.createElement("div");
				left.className = "col";
			
				tmp.appendChild(left);
				
				// right
				var right = document.createElement("div");
				right.className = "col";
				
				tmp.appendChild(right);
				tmp.appendChild(this.__clearDiv());
				
				// data
				if(!data['text'] && data['type'] != "table"){
				
					if(data['label'] != "")
						left.innerHTML = this.__parseText(data['label']);
					else
						left.innerHTML = "&nbsp;";	
				
				}
				
				// render input
				this.__renderInput(i,data,right);
				
				// get max width
				
				w = left.offsetWidth;
				
				if(w > maxWidth && !data['width'])
					maxWidth = w;	
				
				lastClassName = tmp.className;
				
			} else {
			
				if(data['type'] == "dynamic"){
					
					var txt = document.createElement("div");
					txt.className = "text";
						
					tmp.appendChild(txt);
						
					this.__renderInput(i,data,txt,lastClassName);
					
					var tmpLength = this.vars['form.element.'+data['name']].childNodes[0].childNodes.length;
					
					lastClassName = this.vars['form.element.'+data['name']].childNodes[0].childNodes[tmpLength-1].className;
						
				} else {
			
					if(data['text']){
				
						var txt = document.createElement("div");
						txt.className = "text";
						
						tmp.appendChild(txt);
						
						this.__renderInput(i,data,txt);
						
						lastClassName = tmp.className;
					
					} else if(data['code']){
						
						var txt = document.createElement("div");
						txt.className = "code";
						
						tmp.appendChild(txt);
						
						txt.style.display = "none";
						
						eval(this.__parseText(data['code']));
						
					} else {
					
						var ifContainer = document.createElement("div");
						ifContainer.className = "text";
						
						tmp.appendChild(ifContainer);
						
						tmp.style.display = "none";
						
					}
			
				}
			
			}
			
			return [lastClassName,maxWidth];
		
	},
	__updateElement : function(){
		
		if(!this.currentElement || this.currentElement == null)
			return false;
		
		var variableArr = this.currentElement.split(".");
		
		if(!this.errors[variableArr[0]])
			this.errors[variableArr[0]] = {};
			
		for(var er in 	this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][er] != "This field is required")
				this.errors[variableArr[0]][er] = false;
		
		}
		
		this.errors[variableArr[0]][variableArr[1]] = false;
		
		this.__checkElement(this.currentElement);
		
		this.vars['errorNum'] = 0;
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err] || this.errors[variableArr[0]][err] && !errorsArr[err])
						this.errors[variableArr[0]][err] = errorsArr[err];
				}
			}
			
		}
		
		for(var err in this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][err])
				this.vars['errorNum']++;
		
		}
		
		var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
		this.ifMaster = {};
		
		// update form
		for(var s in this.form){
				
			if(this.form[s]['show'] == "yes"){
					
				this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
			
			}
			
		}
		
		for(s in oldIfs){
		
			if(!this.ifMaster[s]){
				
				var arr = s.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
				
				if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
					delete this.errors[ifSection][ifVariableName];
				
			}
		
		}
		
	},
	__formCheck : function(e){
		
		var event = e || window.event;
		
		var f = this;
		
		var target = event.target || event.srcElement;
		
		this.currentElement = target.getAttribute("name");
		
		this.formChecker = setInterval(function(){f.__updateElement()},100);
		
	},
	__endCheck : function(){
		
		clearInterval(this.formChecker);
		this.currentElement = null;
		
	},
	__renderDynamicElement : function(i,parent,maxWidth,data,lastclass){
		
		// now let's draw the row
		
		var row = document.createElement("div");
		
		if(lastclass != "content-item")
			row.className = "content-item";
		else
			row.className = "content-item-alt";
			
		parent.appendChild(row);
			
		var arr = this.__renderContentItem(i,-1,row,lastclass,0,data);
		
		maxWidth = arr[1];
		
		if(data['name'] && this.errors[this.form[i]['name']] && this.errors[this.form[i]['name']][data['name']]){
			
			row.className = "content-error";
				
			// add error div
			var errorDiv = document.createElement("div");
			errorDiv.className = "custom-error";
				
			errorDiv.innerHTML = this.errors[this.form[i]['name']][data['name']];
				
			row.appendChild(errorDiv);
			
		}	
			
		return [maxWidth,row.className];
		
	},
	__renderInput : function(i,data,parent,lastclass){
		
		var p = this;
		
		// data
		//var data = this.form[i]['elements'][j];
		
		parent.style.textAlign = "left";
		
		var dontAdd = false;
		
		switch(data['type']){
			
			case "input":
			
				this.vars['form.element.'+data['name']] = document.createElement("input");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].disabled = "disabled";
				
				// default value
				if(data['source']){
				
					var val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val)
						this.vars['form.element.'+data['name']].value = val;
					else {
					
						if(data['default']){
						
							val = this.__parseData(this.form[i]['name']+"."+data['default']);
							this.vars['form.element.'+data['name']].value = val;
						}
					
					}
				}
				
				this.vars['form.element.'+data['name']].onfocus = function(e){p.__formCheck(e)};
				this.vars['form.element.'+data['name']].onblur = function(e){p.__endCheck()};
			
			break;
			case "dynamic":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				
				parent.appendChild(this.vars['form.element.'+data['name']]);
				
				// let's get the data to use
				var dynData = this.__parseData(this.form[i]['name']+"."+data['data']);
				
				var maxWidth = 0;
				
				for(var x in dynData){
					
					var rdeTmp = this.__renderDynamicElement(i,this.vars['form.element.'+data['name']],maxWidth,dynData[x],lastclass);
					
					rowWidth = rdeTmp[0];
					lastclass = rdeTmp[1];
					
					if(rowWidth > maxWidth)
						maxWidth = rowWidth;
					
				}
				
				// now resize all
				for(var child=0;child<this.vars['form.element.'+data['name']].childNodes.length;child++){
				
					if(dynData[child]['type'] == "table"){
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[1].style.width = "100%";
						continue;
					}
				
					if(!maxWidth)
						maxWidth = 0;
				
					if(dynData[child]['width'])
						continue;
				
					if(	this.vars['form.element.'+data['name']].childNodes[child].childNodes[0].innerHTML != "" && this.vars['form.element.'+data['name']].childNodes[child].childNodes[1])
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[0].style.width = maxWidth+"px";
					
					var rightWidth = this.vars['form.element.'+data['name']].offsetWidth-maxWidth;
					
					if(rightWidth && this.vars['form.element.'+data['name']].childNodes[child].childNodes[1])
						this.vars['form.element.'+data['name']].childNodes[child].childNodes[1].style.width = (rightWidth-30)+"px";
						
				}
				
				parent.parentNode.className = "dynamic";	
				
				parent.removeChild(this.vars['form.element.'+data['name']]);
			
			break;
			case "textarea":
			
				this.vars['form.element.'+data['name']] = document.createElement("textarea");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].disabled = "disabled";
				
				// default value
				if(data['source']){
				
					var val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val)
						this.vars['form.element.'+data['name']].innerHTML = val;
					else {
					
						if(data['default']){
						
							val = this.__parseData(this.form[i]['name']+"."+data['default']);
							this.vars['form.element.'+data['name']].value = val;
						}
					
					}	
				
				}
				
				this.vars['form.element.'+data['name']].style.height = "100px";
				
				this.vars['form.element.'+data['name']].onfocus = function(e){p.__formCheck(e)};
				this.vars['form.element.'+data['name']].onblur = function(e){p.__endCheck()};
			
			break;
			case "upload":
			
				// only one uploader allowed per section
				// if more than one uploader is present, the last uploader displayed will be the only one active
			
				this.vars['form.element.'+data['name']] = document.createElement("form");
				this.vars['form.element.'+data['name']].setAttribute("enctype","multipart/form-data");
				this.vars['form.element.'+data['name']].setAttribute("method","post");
				this.vars['form.element.'+data['name']].setAttribute("id",this.form[i]['name']+"."+data['name']);
				//this.vars['form.element.'+data['name']].style.width = "200px";
			
				var input = document.createElement("input");
				input.className = "input";
				input.setAttribute("type","file");
				input.setAttribute("name","file");
			
				this.vars['form.element.'+data['name']].appendChild(input);
				
				var action = document.createElement("input");
				action.setAttribute("type","hidden");
				action.setAttribute("name","_action");
				action.setAttribute("value","upload");
				
				var ext = document.createElement("input");
				ext.setAttribute("type","hidden");
				ext.setAttribute("name","_extension");
				ext.setAttribute("value",data['fileType']);
				
				this.vars['form.element.'+data['name']].appendChild(action);
				this.vars['form.element.'+data['name']].appendChild(ext);
			
				if(!this.vars['uploads'])
					this.vars['uploads'] = [];
			
				this.vars['uploads'][i] = this.vars['form.element.'+data['name']]; // place upload form into an array
			
				//parent.style.textAlign = "center";
			
			break;
			case "table":
			
				// create a table from the data give
				var tblData = this.__parseData(data['data']);
				
				if(tblData){
					
					var error = false;
					
					this.vars['form.element.'+data['name']] = document.createElement("div");
					
					var table = document.createElement("table");
					table.className = "form-table";
					
					table.setAttribute("cellspacing","0");
					table.setAttribute("cellpadding","0");
					
					var colors = ["#FFFFFF","#DBEEFA","#DBEEFA","#FFFFFF"];
						
					var rowNum = 0;	
						
					var colCount = 0;	
						
					for(var row in tblData){
					
						var tmpRow = document.createElement("tr");
						
						var colNum = 0;
						
						var count = false;
						
						if(	!colCount)
							count = true;
						
						cols = 0;
						
						for(var col in tblData[row]){
						
							var tmpCol = document.createElement("td");
							tmpCol.innerHTML = tblData[row][col];
						
							tmpRow.appendChild(tmpCol);
							
							tmpCol.style.background = colors[colNum+rowNum];
							
							if(!colNum)
								colNum = 1;
							else
								colNum = 0;
								
							cols++;	
						
						}
						
						table.appendChild(tmpRow);
						
						if(!rowNum)
							rowNum = 2;
						else
							rowNum = 0;
					
					}
					
					if(!error){
					
						this.vars['form.element.'+data['name']].appendChild(table);
						this.vars['form.element.'+data['name']].className = "form-table-container";
					
					
					} else {
					
						this.vars['form.element.'+data['name']].innerHTML = "The table is missing data. The same number of columns should be in every row.";
						parent.style.textAlign = "center";
					
					}
						
					
				} else {
				
					this.vars['form.element.'+data['name']] = document.createElement("div");
					
					this.vars['form.element.'+data['name']].innerHTML = "Unable to construct table";
					parent.style.textAlign = "center";
				
				}
				
			
			break;
			case "text":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				this.vars['form.element.'+data['name']].innerHTML = this.__parseText(data['text']);
				
				if(this.vars['form.element.'+data['name']].innerHTML == data['text'] && data['default']){
					
					this.vars['form.element.'+data['name']].innerHTML = this.__parseText(data['default']);
					
				}
				
				parent.style.textAlign = "center";
			
				parent.className = "col-text";
			
			break;
			case "password":
			
				this.vars['form.element.'+data['name']] = document.createElement("input");
				this.vars['form.element.'+data['name']].className = "input";
				this.vars['form.element.'+data['name']].setAttribute("name",data['name']);
				this.vars['form.element.'+data['name']].setAttribute("type","password");
			
			break;
			case "list":
			
				this.vars['form.element.'+data['name']] = document.createElement("select");
				this.vars['form.element.'+data['name']].className = "list";
				this.vars['form.element.'+data['name']].setAttribute("id",this.form[i]['name']+"."+data['name']);
				this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
				
				this.vars['form.element.'+data['name']].onchange = function(e){p.__updateInputValues(e,true);};
				
				if(data['multi']){
				
					this.vars['form.element.'+data['name']].setAttribute("name",this.form[i]['name']+"."+data['name']);
					this.vars['form.element.'+data['name']].className = "list-multi";
					this.vars['form.element.'+data['name']].setAttribute("multiple","multiple");
					this.vars['form.element.'+data['name']].setAttribute("size","10");
				
				}
				
				var listData = this.__parseData(this.form[i]['name']+"."+data['data']);
				var val;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
				
				var showSomething;
				
				for(var d in listData){
				
					if(typeof listData[d] == "object"){
					
						var opt = document.createElement("optgroup");
						//opt.setAttribute("title",d);
						opt.setAttribute("label",d);
						
						for(var dd in listData[d]){
						
							var opt2 = document.createElement("option");
							opt2.text = listData[d][dd]+" ";
							opt2.setAttribute("value",d+"."+dd);
							
							opt.appendChild(opt2);
							
							if(val[d+"."+dd]){
								
								opt2.selected = "selected";
								
							}
							
							if(val == dd || val == listData[d][dd])
								opt.selected = "selected";
						
						}
						
						
					
					} else {
				
						var opt = document.createElement("option");
						opt.text = listData[d];
						opt.setAttribute("value",d);
						
						if(val[d]){
							
							opt.selected = "selected";
							
						}
						
						if(val == d || val == listData[d]){
						
							opt.selected = "selected";
						
						
						}
					
					}
				
					this.vars['form.element.'+data['name']].appendChild(opt);
						
				
				}
				
				if(data['disabled'])
					this.vars['form.element.'+data['name']].setAttribute("disabled","disabled");
				
			break;
			case "radio":
			case "checkbox":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				this.vars['form.element.'+data['name']].className = "checkboxes";
				
				// get the data
				var listData = this.__parseData(this.form[i]['name']+"."+data['data']);
				var val;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
				for(var d in listData){
				
					var tmpContainer = document.createElement("span");
					tmpContainer.className = "checkbox";
				
					this.vars['form.element.'+data['name']+'.checkbox.'+d] = document.createElement("input");
					this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("id",this.form[i]['name']+"."+data['source']+"."+d);
					
				
					if(data['type'] == "checkbox")
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("name",this.form[i]['name']+"."+data['source']+"."+d);
					else
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("name",this.form[i]['name']+"."+data['source']);
					
					this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("value",d);
					
					if(data['type'] == "checkbox")
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("type","checkbox");
					else
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("type","radio");
						
					if(!val && listData[d] || val && d == val)
						this.vars['form.element.'+data['name']+'.checkbox.'+d].setAttribute("checked","checked");
						
					tmpContainer.appendChild(this.vars['form.element.'+data['name']+'.checkbox.'+d]);
					
					this.vars['form.element.'+data['name']+'.checkbox.'+d].onclick = function(e){p.__updateInputValues(e);};
					
					var tmp = document.createElement("span");
					tmp.innerHTML = d;
					
					tmpContainer.appendChild(tmp);
						
					this.vars['form.element.'+data['name']].appendChild(tmpContainer);
				
				}
			
			break;
			case "slider":
			
				this.vars['form.element.'+data['name']] = document.createElement("div");
				
				var slider = document.createElement("div");
				slider.className = "slider";
				
				var sliderBtn = document.createElement("div");
				sliderBtn.className = "sliderBtn";
				
				var width = 179;
				
				var range = this.__parseData(this.form[i]['name']+"."+data['data']);
				
				var dist = ((1*range['max'])-(1*range['min']))+1;
				
				var val = 0;
				
				if(data['source'])
					val = this.__parseData(this.form[i]['name']+"."+data['source']);
				
				var x = (((val*1)-(1*range['min']))/dist)*278;
				
				parent.appendChild(this.vars['form.element.'+data['name']]);
				
				sliderBtn.style.marginLeft = x+"px";
				
				slider.setAttribute("id","slider."+this.form[i]['name']+"."+data['name']);
				slider.onmousedown = function(e){p.__startSliderDrag(e)};
				sliderBtn.onmousedown = function(e){p.__startSliderDrag(e)};
				
				this.vars['form.element.'+data['name']].appendChild(slider);
				this.vars['form.element.'+data['name']].appendChild(sliderBtn);
				
				var minLbl = document.createElement("div");
				minLbl.className = "lbl-min";
				
				minLbl.innerHTML = range['min'];
				
				var maxLbl = document.createElement("div");
				maxLbl.className = "lbl-max";
				
				this.vars['form.element.'+data['name']].appendChild(minLbl);
				this.vars['form.element.'+data['name']].appendChild(maxLbl);
				
				maxLbl.innerHTML = range['max'];
				maxLbl.style.marginLeft = (279-maxLbl.offsetWidth)+"px";
				
				parent.removeChild(this.vars['form.element.'+data['name']]);
				
				this.timers[data['name']] = setInterval(function(){p.__sliderUpdate()},1)
			
			break;
			default:
			
				var tmp = document.createElement("div");
				tmp.className = "form-text";
				
				tmp.innerHTML = this.__parseText(data['text']);
			
				parent.appendChild(tmp);
				
				dontAdd = true;
			
			break;
			
		}
		
		if(!dontAdd)
			parent.appendChild(this.vars['form.element.'+data['name']]);
		
	},
	__sliderUpdate : function(){	
		
		for(var i in this.form){
			
			var section = this.vars['portal.content.'+this.form[i]['name']];
			
			if(this.form[i]['show'] != "yes")
				continue;
			
			for(var j=0;j<section.childNodes.length-1;j++){
			
				if(this.form[i]['elements'][j]['type'] == "slider"){
					
					var data = this.form[i]['elements'][j];
					
					var range = this.__parseData(this.form[i]['name']+"."+data['data']);
				
					var dist = ((1*range['max'])-(1*range['min']))+1;
					
					var val = 0;
					
					if(data['source'])
						val = this.__parseData(this.form[i]['name']+"."+data['source']);
					
					if(val > (1*range['max'])){
					
						val = (1*range['max']);
						this.data[this.form[i]['name']][data['name']] = val;
						this.__render();
						return false;
					}
					
					var x = (((val*1)-(1*range['min']))/dist)*278;
					
					section.childNodes[j].childNodes[1].childNodes[0].childNodes[1].style.marginLeft = x+"px";
					
				}
			
			}
		}
		
	},
	__sliderDragging : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		if(!target.id)
			return false;
		
		var nm = target.id.split(".");
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);
			
		if(this.data[nm[1]][nm[2]] < (minVal*1))
			this.data[nm[1]][nm[2]] = (minVal*1);		
		
		this.__render();
		
	},
	__stopSliderDrag : function(e){
		
		document.body.onmouseup = function(){};
		document.body.onmousemove = function(){};
		
		/*
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		var nm = this.vars['slider.dragging'];
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);*/
		
		this.__render();
		
	},
	__startSliderDrag : function(e){
		
		var p = this;
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		if(!target.id){
		
			var parent = target.parentNode || target.parent;
			
			target = parent.childNodes[0];
		
		}
		
		document.body.onmouseup = function(e){p.__stopSliderDrag(e)};
		document.body.onmousemove = function(e){p.__sliderDragging(e)};
		//target.onmouseout = function(e){p.__stopSliderDrag(e)};
		
		var x = event.clientX;
		var y = event.clientY;
			
		var obj = target.getBoundingClientRect();
			
		x -= obj.left;
		y -= obj.top;
			
		var sx = window.scrollX || document.body.scrollLeft+document.documentElement.scrollLeft;
		var sy = window.scrollY || document.body.scrollTop+document.documentElement.scrollTop;
		
		var nm = target.id.split(".");
		
		var minVal = this.vars['form.element.'+nm[2]].childNodes[2].innerHTML;
		var maxVal = this.vars['form.element.'+nm[2]].childNodes[3].innerHTML;
		
		var dist = (maxVal*1)-(minVal*1);
		
		this.data[nm[1]][nm[2]] = Math.round((minVal*1)+((dist/278)*(x+sx)));
		
		if(this.data[nm[1]][nm[2]] > (maxVal*1))
			this.data[nm[1]][nm[2]] = (maxVal*1);
			
		if(this.data[nm[1]][nm[2]] < (minVal*1))
			this.data[nm[1]][nm[2]] = (minVal*1);	
		
		this.vars['slider.dragging'] = nm; 
		
		this.__render();
		
	},
	__parseIf : function(i,j){
		
		var data = this.form[i]['elements'][j];
		
		var res;
		var val = "";
		var found = false;
		
		// search through the cases
		for(var h in data){
		
			if(data[h] && data[h]['name'] == "THIS"){
			
				// get the this
				eval("res = ("+this.__parseVars(data[h]['tagData'])+");");
				
				if(typeof res == "boolean"){
				
					if(res)
						val = "true";
					else
						val = "false";
				
				} else
					val = new String(res);
				
				continue;
			
			}
				
			if(data[h] && data[h]['attrs'] && val == data[h]['attrs']['TO']){
			
				data = this.__parseElement(data[h]['children'][0],true,this.form[i]['name']);
				found = true;
				
			} 
		}
		
		if(!found){
		
			// look for 'else'
			for(h in data){
			
				if(data[h] && data[h]['name'] == "ELSE"){
					
					data = this.__parseElement(data[h]['children'][0],true,this.form[i]['name']);
					
				}
			
			}
			
		
		}
		
		return data;
		
		
	},
	__parseVars : function(text){
		
		// look for variables and replace them w/ the this.data equivalent
		// all vars must be warped in {}
		
		var re = new RegExp("\{([a-zA-Z0-9]{1,})\.([a-zA-Z0-9]{1,})\}","ig");
			
		text = text.replace(re,"this.data['\$1']['\$2']");
		
		return text;
		
		
	},
	__parseText : function(txt){
		
		for(var i in this.data){
			
			if(typeof this.data[i] == "object" || typeof this.data[i] == "array"){
				
				for(var j in this.data[i]){
					
					var re = new RegExp("data."+i+"."+j,"ig");
			
					txt = txt.replace(re,this.data[i][j]);
				
				}
				
			} else {
			
				var re = new RegExp("data."+i,"ig");
			
				txt = txt.replace(re,this.data[i]);
			
			}
			
		}
		
		for(var i in this.vars){
			
			if(typeof this.vars[i] == "string"){
			
				var re = new RegExp("this."+i,"ig");
			
				txt = txt.replace(re,this.vars[i]);
			
			}
			
		}
		
		return txt;
		
	},
	__parseData : function(variable){
		
		// let's change the variable to it's real version
		
		var arr = variable.split(".");
		
		var str = "this.data";
		
		for(var i in arr){
		
			str += "['"+arr[i]+"']";
		
		}
		
		var val;
		
		try {
		
			eval("val = "+str+" ? "+str+" : '';");
		
		} catch(e){
		
			return false;
		
		}
		
		if(typeof val != "object")
			val = unescape(val);
		
		return val;
		
	},
	__setData : function(variable,val){
		
		// let's change the variable to it's real version
		
		var arr = variable.split(".");
		
		var str = "this.data";
		
		for(var i in arr){
		
			str += "['"+arr[i]+"']";
		
		}
		
		if(typeof val == "String"){
			val = val.replace(/\"/gi,"\\\"");
			val = escape(val);
		}
		
		eval(str+' = val;');
		
		return true;
		
	},
	__updateValues : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		
		
	},
	__updateInputValues : function(e,parent){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		this.currentElement = target.getAttribute("name");
		
		var variableArr = this.currentElement.split(".");
		
		if(!this.errors[variableArr[0]])
			this.errors[variableArr[0]] = {};
		
		this.__checkElement(this.currentElement);
		
		this.vars['errorNum'] = 0;
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err])
						this.errors[variableArr[0]][err] = errorsArr[err];
				}
			}
		}
		
		for(var err in this.errors[variableArr[0]]){
		
			if(this.errors[variableArr[0]][err])
				this.vars['errorNum']++;
		
		}
		
		var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
		this.ifMaster = {};
		
		// update form
		for(var s in this.form){
				
			if(this.form[s]['show'] == "yes"){
					
				this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
			
			}
			
		}
		
		for(s in oldIfs){
		
			if(!this.ifMaster[s]){
				
				var arr = s.split(".");
				var ifSection = arr[0];
				var ifVariableName = arr[1];
				
				delete this.data[ifSection][ifVariableName];
				
				if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
					delete this.errors[ifSection][ifVariableName];
				
			}
		
		}
		
		
	},
	__checkElement : function(variable,isSubmit){
		
		variableArr = variable.split(".");
		
		for(var i in this.form){
			
			if(this.form[i]['name'] == variableArr[0])
				break;
			
		}
		
		for(var j in this.form[i]['elements']){
		
			var tmpEle = this.form[i]['elements'][j];
			
			if(!tmpEle['type'] && !tmpEle['text']){
			
				tmpEle = this.__parseIf(i,j);
			
			}
			
			if(tmpEle['name'] == variableArr[1])
				break;
				
			var done = false;	
			
			if(tmpEle['type'] == "dynamic"){
			
				var a = this.__parseData(this.form[i]['name']+"."+tmpEle['data']);
			
				for(var aa in a){
				
					if(a[aa]['name'] == variableArr[1]){
					
						done = true;
						break;
					
					}
				
				}
			
			}
			
			if(done)
				break;
		
		}
		
		var sectionName = variableArr[0];
		
		if(!this.errors[sectionName])
			this.errors[sectionName] = {};
		
		var data = this.form[i]['elements'][j];
		
		if(!data['type'] && !data['text']){
		
			data = this.__parseIf(i,j);

		}
		
		var dataArray;
		
		if(data['type'] != "dynamic"){
			
			if(!data['name'])
				return false;
			
			dataArray = [data];
			
		} else {
			
			dataArray = this.__parseData(this.form[i]['name']+"."+data['data']);
			
		}
		
		for(d in dataArray){
		
			data = dataArray[d];
		
			var tmp = this.vars['form.element.'+data['name']];
					
				// gather data		
					
				// if multiple
				if(data['type'] == "list" && data['multi']){
							
					var arSelected = {};
					var c =0;
					
					for (var child in tmp.options) { 
						
						if(tmp.options[child] && tmp.options[child].selected){
							arSelected[tmp.options[child].value] = 1;
							c++;
						}
						//tmp.options[tmp.selectedIndex].selected = false;
						
						
					}
					
					if(!c && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					} 
					
					this.__setData(sectionName+"."+data['source'],arSelected);	
				
				} else if(data['type'] == "list" && !data['multi']){
					
					var sel = false;
					
					for (var child in tmp.options) { 
						
						if(tmp.options[child] && tmp.options[child].selected){
							sel = tmp.options[child].value;
							break;
						}
						
					}
					
					if(!sel && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					} 
					
					this.__setData(sectionName+"."+data['source'],sel);	
				
				} else if(data['type'] == "radio" || data['type'] == "checkbox"){
					
					var tmpData = {};
					eval("tmpData = this.data['"+this.form[i]['name']+"']['"+data['data']+"'];");
					var tmpDataSet = false;
					
					this.__setData(sectionName+"."+data['source'],null);	
					
					for(var td in tmpData){
					
						var nm = this.form[i]['name']+"."+data['name']+"."+td;
					
						if(document.getElementById(nm) && document.getElementById(nm).checked){
						
							this.__setData(sectionName+"."+data['source'],td);	
							tmpDataSet = true;
							break;
						
						}
					
					}
					
					if(!tmpDataSet && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
					
					}
					
				} else if(data['type'] == "upload"){
					
					var textVal = tmp.childNodes[0].value ? tmp.childNodes[0].value : "";
					
					if(!tmp.childNodes[0].value && isSubmit && data['required'] || tmp.childNodes[0].value == "" && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
						
					}
					
					this.__setData(sectionName+"."+data['source'],textVal);
					
				} else {
					
					var textVal = tmp.value ? tmp.value : "";
					
					// validate
		
					if(data['validate']){
					
						var validator = data['validate'].split("::");
					
						var re = new RegExp(validator[0],"gi");
					
						if(re.test(textVal)){
							
							this.errors[sectionName][data['name']] = validator[1];
							this.vars['errorNum']++;
							
						}
					
					}
					
					if(!tmp.value && isSubmit && data['required'] || tmp.value == "" && isSubmit && data['required']){
					
						this.errors[sectionName][data['name']] = "This field is required";
						this.vars['errorNum']++;
						
					}
					
					this.__setData(sectionName+"."+data['source'],textVal);		
				
				}
			
		}
			
		
	},
	__checkErrors : function(i,noreset){
		
		if(!noreset)
			this.vars['errorNum'] = 0;
		
		var sectionName = this.form[i]['name'];
		
		this.errors[sectionName] = {};
		
		for(var j in this.form[i]['elements']){
				
			var tmp = this.form[i]['elements'][j];
				
			if(!tmp['type'] && !tmp['text']){
			
				tmp = this.__parseIf(i,j);
			
			}	
				
			this.__checkElement(sectionName+"."+tmp['name'],true);
				
		}
		
		if(this.form[i]['validator']){
		
			var errorsArr = this.__run(this.form[i]['validator']);
			
			if(errorsArr){
			
				errors = true;
			
				for(var err in errorsArr){
					if(!this.errors[variableArr[0]][err]){
						this.errors[sectionName][err] = errorsArr[err];
						this.vars['errorNum']++;
					}
				}
			}
		}
		
	},
	__saveValues : function(i){
		
		var f = this;
		
		if(this.vars['portal.save.content'])
			return false;
		
		this.vars['saving'] = true;
		
		var sectionName = this.form[i]['name'];
		
		var content = this.vars['portal.content.'+this.form[i]['name']];
		
		this.vars['portal.save.content'] = content;
		
		this.vars['errors'] = {};
		
		this.vars['errors'][sectionName] = false;
		
		//var errors = false;
		
		if(!this.data[sectionName])
			this.data[sectionName] = [];
		
		this.errors = {};
		this.errors[sectionName] = {};	
		
		var errors = false;
			
		// check errors
		
		this.vars['errorNum'] = 0;
		
		for(var s in this.form){
					
			if(!this.form[s]['halt'] && this.form[s]['show'] == "yes" || i == s && this.form[s]['show'] == "yes"){
				this.__checkErrors(s,true);
			}
		
		}
		
		if(this.vars['errorNum'] > 0)
			errors = true;
		
		if(!errors) {
		
			//this.__render();
			
			// need to update any visible sections
			
			var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
			this.ifMaster = {};
		
			// update form
			for(s in this.form){
					
				if(this.form[s]['show'] == "yes"){
						
					this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
				
				}
				
			}
			
			for(s in oldIfs){
			
				if(!this.ifMaster[s]){
					
					var arr = s.split(".");
					var ifSection = arr[0];
					var ifVariableName = arr[1];
					
					delete this.data[ifSection][ifVariableName];
					
					if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
						delete this.errors[ifSection][ifVariableName];
					
				}
			
			}
			
			var content = this.vars['portal.content.'+this.form[i]['name']];	
		
			this.mask.style.display = "";
		
			var root = document.getElementById("portal.content.main");
		
			if(!this.vars['mask']){
				
				this.mask.style.height = this.root.parentNode.offsetHeight+"px";
				this.mask.style.width = this.root.parentNode.offsetWidth+"px";
				this.mask.style.top = site.offsetTop(this.root.parentNode)+"px";
				this.mask.style.left = site.offsetLeft(this.root.parentNode)+"px";
			
			} else {
				
				if(!this.vars['mask']['anchor']){
				
					this.mask.style.top = this.vars['mask']['top'];
					this.mask.style.left = this.vars['mask']['left'];
					this.mask.style.height = this.vars['mask']['height'];
					this.mask.style.width = this.vars['mask']['width'];
				
				} else {
					
					this.mask.style.top = this.vars['mask']['anchor'].offsetTop+"px";
					this.mask.style.left = this.vars['mask']['anchor'].offsetLeft+"px";
					this.mask.style.height = this.vars['mask']['anchor'].offsetHeight+"px";
					this.mask.style.width = this.vars['mask']['anchor'].offsetWidth+"px";
					
				}
				
				if(this.vars['mask']['start']){
				
					this.vars['mask']['start']();
				
				}
				
			}
		
			new portal.fade(this.mask.id,75,{"fadeStep":100,"done":function(){f.__save(sectionName);}}); // fade

		
		} else {
		
			this.vars['portal.save.content'] = null;
			this.vars['saving'] = false;
			
			this.__render();
		}
		
	},
	__run : function(code){
		
		code = this.__parseVars(code);
		
		eval("this.test = function(){"+code+"};");
		
		return this.test();
	
	},
	__goFromButton : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		var name = target.getAttribute("name");
		
		this.__go(name);
		
	},
	__go : function(name){
		
		var f = this;
		
		// go through the sections and make them shown
		
		var arr = name.split(".");
		var section = arr[1];
		var button = arr[2];
		
		var data = this.flow[section][button];
		
		for(i in this.form){
		
			if(this.form[i]['name'] == section)
				break;
		
		}
		
		this.vars['savedSection'] = section;
		this.vars['savedButton'] = button;
		
		if(data['run'] && data['runBeforeSave']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		// if submit, we need to do the submit
		// end the process there for now
		if(data['submit']){
		
			this.__saveValues(i);
		
			return true;
		
		}
		
		if(data['back']){
		
			this.errors[this.form[i]['name']] = {};
		
			this.__startFlow(i);
		
			this.vars['savedSection'] = null;
			this.vars['savedButton'] = null;
		
			return true;
		
		}
		
		this.vars['errorNum'] = 0;
		
		// if there is code to run before we go, do so now
		if(data['run'] && data['runBeforeCheck']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		var errors = false;
		
		// save data
		this.__checkErrors(i,true);
			
		if(this.vars['errorNum'] > 0)
			errors = true;	
		
		if(errors){
		
			this.__render();
			return false;
		
		}
		
		// if there is code to run before we go, do so now
		if(data['run'] && !data['runBeforeCheck']){
		
			var tmp = this.__run(this.form[i]['run']);
		
		}
		
		// upload
		if(data['upload']){
		
			var oldIfs = eval("("+JSON.stringify(this.ifMaster)+")");
		
			this.ifMaster = {};
		
			// update form
			for(var s in this.form){
					
				if(this.form[s]['show'] == "yes"){
						
					this.__updateSection(s); // instead of re-rendering it, we just update everything to remove any errors being displayed. We do this mainly so the upload input doesn't appear empty on submit
				
				}
				
			}
			
			for(s in oldIfs){
			
				if(!this.ifMaster[s]){
					
					var arr = s.split(".");
					var ifSection = arr[0];
					var ifVariableName = arr[1];
					
					delete this.data[ifSection][ifVariableName];
					
					if(this.errors[ifSection] && this.errors[ifSection][ifVariableName])
						delete this.errors[ifSection][ifVariableName];
					
				}
			
			}
				
			this.mask.style.display = "";
		
			var content = this.vars['portal.content.'+this.form[i]['name']];
		
			this.mask.style.height = this.vars['parent'].parent ? this.vars['parent'].parent.root.offsetHeight+"px" : this.vars['parent'].root.offsetHeight+"px";
			this.mask.style.width = this.vars['parent'].parent ? this.vars['parent'].parent.root.offsetWidth+"px" : this.vars['parent'].root.offsetWidth+"px";
		
			this.mask.style.top = this.vars['parent'].parent ? site.offsetTop(this.vars['parent'].parent.root)+"px" : site.offsetTop(this.vars['parent'].root)+"px";
			this.mask.style.left = this.vars['parent'].parent ? site.offsetLeft(this.vars['parent'].parent.root)+"px" : site.offsetLeft(this.vars['parent'].root)+"px";
			
			new portal.fade(this.mask.id,75,{"fadeStep":100,"done":function(){f.__uploadNow();}}); // fade
				
			// START UPLOAD
			this.vars['conn'] = new Connector();
			this.vars['conn'].connect(this.vars['uploads'][i].id,"http://www.ftlportal.com/login");
				
			this.vars['sectionUpload'] = i;
				
			return false;
		
		}
		
		this.__startFlow(i);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;

		
	},
	__uploadNow : function(){
		
		var f = this;
		
		this.vars['conn'].onDataLoad(function(){f.__uploadDone()});
		this.vars['conn'].send();
		
	},
	__uploadDone : function(){
		
		var f = this;
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"done":function(){f.__uploadEnd()}}); // fade out
	
		
	},
	__uploadEnd : function(){
	
		try {
		
			var data = eval("("+this.vars['conn'].data()+")");
			
			// file
			
			// data
			
			this.data[this.form[i]['name']]['uploadData'] = data['data'];
			this.data[this.form[i]['name']]['uploadFile'] = data['file'];
			
			this.__startFlow(this.vars['sectionUpload'],true);
			
		
		} catch (e){
			
			this.__startFlow(this.vars['sectionUpload'],false);
			
		
		}
	
		this.mask.style.display = "none";
		
	},
	__save : function(section){
		
		var c = this;
	
		// get section
		var d = {"section":section,"parent":this.vars['parent'].getSaveData()};
	
		for(var i in this.data[d['section']]){
			
			d[i] = this.data[d['section']][i];
			
		}
	
		this.ajax = new portal.ajax({"url":"http://www.ftlportal.com/login","params":{"_action":"save","data":JSON.stringify(d)},"failure":function(d){c.__saveBad(d)},"success":function(d){c.__saveDone(d)}});
		
		
	},
	__saveDone : function(d){
			
		var f = this;	
			
		if(d){
		
			var s = eval("("+d+")");
		
			for(var i in s['data']){
			
				if(!this.data[i])
					this.data[i] = {};
				
				for(var j in s['data'][i]){
				
					this.data[i][j] = s['data'][i][j];
				
				}
			
			}
			
		}
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"delay":"1","done":function(){f.__saveDoneContinue()}}); // fade out
				
	},
	__saveDoneContinue : function(){
		
		this.mask.style.display = "none";
		
		// need to do the flow thing
		for(i in this.form){
		
			if(this.form[i]['name'] == this.vars['savedSection'])
				break;
		
		}
		
		// go to good sections
		this.__startFlow(i,true);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;
		
		this.vars['portal.save.content'] = null;
		
		if(this.vars['mask'] && this.vars['mask']['end']){
				
			this.vars['mask']['end']();
				
		}
		
	},
	__saveBad : function(d){
		
		var f = this;
		
		if(d){
		
			var s = eval("("+d+")");
			
			for(var i in s['data']){
			
				if(!this.data[i])
					this.data[i] = {};
				
				for(var j in s['data'][i]){
				
					this.data[i][j] = s['data'][i][j];
				
				}
			
			}
			
		}
		
		new portal.fade(this.mask.id,0,{"fadeStep":100,"delay":"1","done":function(){f.__saveBadContinue()}}); // fade out
		
	},
	__saveBadContinue : function(){
		
		this.mask.style.display = "none";
		
		// need to do the flow thing
		for(i in this.form){
		
			if(this.form[i]['name'] == this.vars['savedSection'])
				break;
		
		}
		
		// go to bad sections
		this.__startFlow(i,false);
		
		this.vars['savedSection'] = null;
		this.vars['savedButton'] = null;
		
		this.vars['portal.save.content'] = null;
		
		if(this.vars['mask'] && this.vars['mask']['end']){
				
			this.vars['mask']['end']();
				
		}
		
	},
	setAsParent : function(p){
	
		this.vars['parent'] = p;
	
		if(this.vars['parent']){
			if(!this.layouts.length){
			
				for(var i in this.form){
				
					if(this.form[i]['show'] != "no")
						this.layouts.push(this.form[i]['name']);
					
				}
				
				this.defaultLayouts = this.layouts;
			
			}
		}
	
	},
	__hideAll : function(){
		
		// hide all sections
		for(var j in this.form){
		
			this.form[j]['show'] = "no";
		
		}
		
	},
	__startFlow : function(sectionIndex,good){
		
		this.ifData = {};
		this.ifMaster = {};
		
		var section = this.vars['savedSection'];
		var button = this.vars['savedButton'];
		
		var data = this.flow[section][button];
		
		// reset view array
		this.view = [];
		
		for(var i in data['sections']){
		
			if(data['sections'][i]['name'] == "GOTO"){
					
				// goto this admin
				
				var sectionName = this.form[sectionIndex]['name'];
				var sectionVar = data['sections'][i]['attrs']['SOURCE'];
				
				var layout = data['sections'][i]['attrs']['LAYOUT'].split(",");
				
				var gotoData = this.data[sectionName][sectionVar];
				
				var lo = [];
				
				for(var gd in gotoData){
				
					var tmp = eval("("+JSON.stringify(layout)+")");
				
					lo.push(tmp);
				
				}
				
				this.vars['parent'].goto(data['sections'][i]['attrs']['NAME'],gotoData,lo);
				
				return true;
				
			}
		
		}
		
		this.__hideAll();
				
		for(i in data['sections']){
		
			if(data['sections'][i]['attrs']['DEFAULT'] == "true"){
			
				this.layouts = this.defaultLayouts;
				
				for(var ff in this.layouts){
					for(var j in this.form){
						
						if(this.form[j]['name'] == this.layouts[ff]){
							this.form[j]['show'] = "yes";
							break;
						}
					
					}
				}
				
				break;
				
			}
		
			if(data['sections'][i]['name'] == "GOTO")
				continue;
		
			if(data['sections'][i]['name'] == "GOOD" && good || data['sections'][i]['name'] == "BAD" && !good){
				
				for(var iChild in data['sections'][i]['children']){
				
					var nm = data['sections'][i]['children'][iChild]['attrs']['NAME'];
				
					for(var j in this.form){
						
						if(this.form[j]['name'] == nm){
							this.form[j]['show'] = "yes";
							break;
						}
						
					}
				
				}
				
			} else {
		
				var nm = data['sections'][i]['attrs']['NAME'];
			
				for(var j in this.form){
					
					if(this.form[j]['name'] == nm){
						this.form[j]['show'] = "yes";
						break;
					}
					
				}
			
			}
		
		}
		
		// set next sections to be viewed
		
		// re-render form
		this.__render();
		
	},
	getData : function(){
		
		for(var j in this.form){
				
			if(this.form[j]['show'] != "no"){
				
				if(this.form[j]['blockInstance'])
					return false;
				
			}
						
		}
		
		return this.data;
		
	},
	getLayout : function(){
		
		//var mode = this.vars['parent'].getMode();
		
		this.layouts = [];
		
		for(var j in this.form){
				
			if(this.form[j]['show'] != "no"){
				
				this.layouts.push(this.form[j]['name']);
				
			}
						
		}
		
		return this.layouts;
		
	},
	setLayout : function(l,norender){
		
		// check for older version
		if(l['single']){
		
			l = l['single'];
			
		}
		
		this.__hideAll();
		
		//var mode = this.vars['parent'].getMode();
		
		this.layouts = l;
		
		if(this.layouts.length > 0){
		
			for(var i in this.layouts){
			
				for(var j in this.form){
						
					if(this.form[j]['name'] == this.layouts[i]){
						this.form[j]['show'] = "yes";
						break;
					}
						
				}
			
			}
		
		}
		
		this.defaultLayouts = this.layouts;
		
		// re-render form
		if(!norender)
			this.__render();
		
	},
	back : function(){
		
		this.__go(this.vars['backButton']);
		
	},
	createNewForm : function(data){
		
		this.oldForm = eval("("+JSON.stringify(this.form)+")");
		this.oldXML = eval("("+JSON.stringify(this.xml)+")");
		
		this.xml = data;
		
		this.__parse();
		
		this.__render();
		
	},
	__clearDiv : function(){
	
		var tmp = document.createElement("div");
		tmp.style.clear = "both";
		
		return tmp;
		
	}
	
}
/*
    http://www.JSON.org/json2.js
    2009-09-29

    Public Domain.

    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.

    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 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 value

            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, strict: false */

/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
    lastIndex, length, parse, prototype, push, replace, slice, stringify,
    test, toJSON, 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.

if (!this.JSON) {
    this.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 isFinite(this.valueOf()) ?
                   this.getUTCFullYear()   + '-' +
                 f(this.getUTCMonth() + 1) + '-' +
                 f(this.getUTCDate())      + 'T' +
                 f(this.getUTCHours())     + ':' +
                 f(this.getUTCMinutes())   + ':' +
                 f(this.getUTCSeconds())   + 'Z' : null;
        };

        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');
        };
    }
}());
// Portal lang.js
// Copyright 2010 Iomnis. All rights reserved.

portal.lang = function(page,lang){

	this.init(page,lang);

}

portal.lang.prototype = {

	page : null,
	lang : null,
	data : null,
	ajax : null,
	xml : null,
	init : function(_p,_l){
	
		var l = this;
	
		this.page = _p;
		this.lang = _l;
		
		// read in the xml data, which will be turned into an array that is more useful
		
		this.ajax = new portal.ajax({"url":"http://www.ftlportal.com/lang/"+this.lang+"/"+this.page,"success":function(d){l.__parse(d);}});
		
	},
	__parse : function(d){
		
		var data = eval("("+d+")");
		
		this.xml = data['lang'];
		
	},
	__decode : function(str){
		
		var a = str.match(/\|([a-zA-Z]+)\|/gi);
		
		if(a){
			for(var i=0;i<a.length;i++)
			{
				
				var tmp = a[i].replace(/\|([a-zA-Z]+)\|/img,"$1");
			
				str = str.replace(a[i],eval(tmp));
				
			}
		}
		
		return str;
		
	},
	getTag : function(tagName){
	
		if(this.xml)
			return this.xml[tagName] ? this.__decode(this.xml[tagName]) : tagName;
	
		return tagName;
	
	}

}
// Portal maintenance.js
// Copyright 2010 Iomnis. All rights reserved.

portal.maintenance = function(){

	this.init();

}

portal.maintenance.prototype = {

	root : null,
	vars : null,
	IE : false,
	cookieHandler : null,
	init : function(){
		
		var m = this;
		
		this.cookieHandler = new portal.cookie();
		
		this.root = document.getElementById("maintenancepopup");
		
		// make it draggable
		
		this.root.style.cursor = "pointer";
		
		this.IE = document.all?true:false;
		
		this.vars = {};
		
		this.root.childNodes[0].onmousedown = function(e){m.__startDrag(e)};
		
		var w = Math.max(document.body.clientWidth,0);
		var h = Math.max(document.body.clientHeight,0);
		
		this.root.style.top = (h-this.root.offsetHeight-5)+"px";
		this.root.style.left = ((w-this.root.offsetWidth)/2)+"px";
		
		// add edit button
		
		this.vars['edit'] = document.createElement("div");
		this.vars['edit'].style.width = "10px";
		this.vars['edit'].style.position = "relative";
		this.vars['edit'].style.textAlign = "left";
		this.vars['edit'].style.fontSize = "16px";
		
		this.root.childNodes[0].appendChild(this.vars['edit']);
		
		this.vars['edit'].onclick = function(){m.__edit()};
		/*
		
		// get cookie info
		if(this.cookieHandler.getCookie('Portal.Config.Data')){
			
			try {
			
				var cookieData = eval("("+this.cookieHandler.getCookie('Portal.Maintenance')+")");
				
				this.root.style.left = cookieData['left']+"px";
				this.root.style.top = cookieData['top']+"px";
				this.root.style.width = cookieData['width']+"px";
				this.root.style.height = cookieData['height']+"px";
				
				
			} catch(e){
				
				
			}
			
		}*/
		
		this.vars['edit'].style.left = (this.root.offsetWidth-20)+"px";
		this.vars['edit'].style.top = (0-this.root.childNodes[0].offsetHeight)+"px";
		this.vars['edit'].innerHTML = "+";
		
	},
	__edit : function(){
		
		var m = this;
		
		this.root.style.display = "none";
		
		site.__showMask();
		site.selection(false);
		
		site.__popUp({"height":"50px","width":"500px","color":"#000","background":"#FFF"},"test",0,{"height":"50"},function(){m.__popUpTxt()});
		
		document.onmousedown = function(e){m.__startDraw(e)};
		
	},
	__popUpTxt : function(){
		
		site.popupcontent.innerHTML = "click and drag your mouse to draw the new maintenance window";
		
	},
	__startDraw : function(e){
		
		var m = this;
		
		site.__releasePopUp();
		
		if (this.IE) { // grab the x-y pos.s if browser is IE
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
			tempX = e.pageX;
			tempY = e.pageY;
		}  
		
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		tempX -= sx;
		tempY -= sy;
		
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;} 
		
		if(this.vars['rect'])
			document.body.removeChild(this.vars['rect']);
		
		this.vars['rect'] = document.createElement("div");
		this.vars['rect'].style.position = "fixed";
		this.vars['rect'].style.border = "2px solid #FFF";
		this.vars['rect'].style.zIndex = 999999999;
		
		document.body.appendChild(this.vars['rect']);
		
		this.vars['rect'].style.left = tempX+"px";
		this.vars['rect'].style.top = tempY+"px";
		
		this.vars['drawing'] = true;
		
		document.onmousemove = function(e){m.__draw(e)};
		document.onmouseup = function(e){m.__stopDraw(e)};
		
	},
	__draw : function(e){
		
		var m = this;
		
		if (this.IE) { // grab the x-y pos.s if browser is IE
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
			tempX = e.pageX;
			tempY = e.pageY;
		}
		
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		tempX -= sx;
		tempY -= sy;
		
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;}
		
		if(!this.vars['drawing'])
			return false;
		
		var w = Math.abs(tempX-site.offsetLeft(this.vars['rect']));
		var h = Math.abs(tempY-site.offsetTop(this.vars['rect']));
		
		if(w < 100)
			w = 100;
			
		if(h < 100)
			h = 100;
		
		this.vars['rect'].style.width = w+"px";
		this.vars['rect'].style.height = h+"px";
		
	},
	__stopDraw : function(e){
		
		var m = this;
		
		var event = e || window.event;
		
		if(!this.vars['drawing'])
			return false;
		
		this.vars['drawing'] = false;
		
		site.__hideMask();
		site.selection(true);
		
		document.onmousemove = null;
		document.onmouseup = null;
		document.onmousedown = null;
		
		// width, height
		// x,y
		
		this.root.style.width = this.vars['rect'].offsetWidth+"px";
		this.root.style.height = this.vars['rect'].offsetHeight+"px";
		
		this.root.style.left = site.offsetLeft(this.vars['rect'])+"px";
		this.root.style.top = site.offsetTop(this.vars['rect'])+"px";
		
		this.root.style.display = "block";
		
		this.vars['edit'].style.left = (this.root.offsetWidth-20)+"px";
		this.vars['edit'].style.top = (0-this.root.childNodes[0].offsetHeight)+"px";
		
		var data = {"top":site.offsetTop(this.root),"left":site.offsetLeft(this.root),"width":this.root.offsetWidth,"height":this.root.offsetHeight};
		
		var save = JSON.stringify(data)
		
		this.cookieHandler.deleteCookie('Portal.Maintenance');
		this.cookieHandler.setCookie('Portal.Maintenance',save,7);
		
		try {
		
			document.body.removeChild(this.vars['rect']);	
			this.vars['rect'] = null;
			
		} catch(e){
			
			
		}
		
		this.root.childNodes[0].onmousedown = function(e){m.__startDrag(e)};
		
	},
	__startDrag : function(e){
		
		var m = this;
		
		if (this.IE) { // grab the x-y pos.s if browser is IE
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
			tempX = e.pageX;
			tempY = e.pageY;
		}  
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;} 
		
		this.vars['dragging'] = true;
		
		this.vars['x'] = parseInt(site.offsetLeft(this.root));
		this.vars['y'] = parseInt(site.offsetTop(this.root));
		
		this.vars['diffX'] = tempX-this.vars['x'];
		this.vars['diffY'] = tempY-this.vars['y'];
		
		site.__showMask();
		site.selection(false);
		
		document.onmousemove = function(e){m.__drag(e)};
		document.onmouseup = function(e){m.__stopDrag(e)};
		
		
	},
	__stopDrag : function(e){
		
		var event = e || window.event;
		
		if(!this.vars['dragging'])
			return false;
		
		this.vars['dragging'] = false;
		
		this.vars['x'] = parseInt(site.offsetLeft(this.root));
		this.vars['y'] = parseInt(site.offsetTop(this.root));
		
		site.__hideMask();
		site.selection(true);
		
		document.onmousemove = null;
		document.onmouseup = null;
		
		var data = {"top":site.offsetTop(this.root),"left":site.offsetLeft(this.root),"width":this.root.offsetWidth,"height":this.root.offsetHeight};
		
		var save = JSON.stringify(data)
		
		this.cookieHandler.deleteCookie('Portal.Maintenance');
		this.cookieHandler.setCookie('Portal.Maintenance',save,7);
		
	},
	__drag : function(e){
		
		var event = e || window.event;
	
		if(!this.vars['dragging'])
			return false;
	
		if (this.IE) { // grab the x-y pos.s if browser is IE
			tempX = event.clientX + document.body.scrollLeft;
			tempY = event.clientY + document.body.scrollTop;
		}
		else {  // grab the x-y pos.s if browser is NS
			tempX = e.pageX;
			tempY = e.pageY;
		}  
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;} 
		
		var xDiff = tempX;
		var yDiff = tempY;
		
		this.root.style.top = (yDiff-this.vars['diffY'])+"px";
		this.root.style.left = (xDiff-this.vars['diffX'])+"px";
		
		if(site.offsetLeft(this.root)+this.root.offsetWidth > site.window.innerWidth-5){
			
			//var w = (site.window.innerWidth-site.offsetLeft(this.root)-5);
			
			//if(w < 300){
				//w = 300;
				this.root.style.left = (site.window.innerWidth-this.root.offsetWidth-5)+"px";
			//}
			
			//this.root.style.width = w+"px";
			
		}
		
		if(site.offsetLeft(this.root) < 5){
		
			this.root.style.left = "5px";
			
		}
		
		if(site.offsetTop(this.root) < 5){
		
			this.root.style.top = "5px";
			
		}
		
		var h = Math.max(document.body.clientHeight,0);
		
		if(site.offsetTop(this.root)+this.root.offsetHeight > h-5){
		
			this.root.style.top = (h-this.root.offsetHeight-5)+"px";
			
		}
		
	}

}
// JavaScript Document
// DMenu

// NOTES /////////////////////////////////
//
// TODO:
//
// 2) ACCOUNT FOR CLOSE BUTTON IN SIZE OF MENU ITEMS
// 4) EDITING MENU ITEMS TO CUSTOMIZE THE MENU
// 5) SEARCH 
// 6) ADD ANIMATION TO SCROLLER
//
/////////////////////////////////////////

portal.menu = function(div,data,layout,menuItem,params){
	
	// menu div
	this.init(div,data,layout,menuItem,params);
	
}

portal.menu.prototype = {
	
	root : null,
	shortcuts : null,
	subMenuContainer : null,
	placeHolder : null,
	main : null,
	mainArr : null,
	container : null,
	slivers : null,
	width : null,
	x : null,
	y : null,
	data : null,
	menu : null,
	selectedItem : null,
	selectedNum : null,
	animation : null,
	anim : null,
	currentX : null,
	subMenuWidth : 124,
	defaultSubMenuWidth : null,
	subMenuOpen : null,
	animationDirection : null,
	minAnimX : null,
	maxAnimX : null,
	debugOn : false,
	debugDiv : null,
	debugTxt : null,
	defaultX : null,
	resizer : null,
	menuChildren : null,
	menuChldPos : null,
	subMenu : null,
	subMenuDropShadow : true,
	subMenuDropShadowDivs : null,
	animateOn : true,
	tree : null,
	dragging : false,
	dragStartX : null,
	dragEndX : null,
	dragStartPos : null,
	subMenuStartPos : null,
	layouts : null,
	selectedLayout : 0,
	layoutAnimation : null,
	tempLayoutDiff : null,
	tempSubMenuDiff : null,
	menuAnimation : null,
	dragStartTime : null,
	dragEndTime : null,
	dataContainer : null,
	keyFnc : null,
	anchorMenu : true,
	searchItem : true,
	direction : null,
	animationSteps : null,
	subMenuPos : null,
	subMenuChildren : null,
	sorter : null,
	defaultSort : "pop",
	dragged : false,
	notices : null,
	storeNotices : null,
	shortcutNotices : null,
	noticesOn : true,
	cartNotice : null,
	ie : false,
	loadItem : null,
	loadPosition : 0,
	cartCount : 0,
	cartConn : null,
	url : "",
	tips : null,
	cookie : null,
	_updater : null,
	slider : true,
	showCart : true,
	showLayouts : true,
	divName : "",
	showDropShadow : true,
	hideSubMenuHeader : false,
	subMenuIcons : null,
	subMenuTracking : null,
	subMenuTracking : null,
	setSubMenuTop : null,
	subMenuTrackingInterval : null,
	turnDragOff : null,
	setSubMenuWidth : null,
	spacing : null,
	colspan : null,
	selectedLayout : 0,
	init : function(div,data,layout,menuItem,params){
		
		this.divName = div;
		
		this.config(params);
		
		if(!this.slider)
			this.turnDragOff = true;
		
		// handle tips
		
		this.tips = new portal.tip();
		
		if(!this.tipStyle)
			this.tips.addStyles({"auto":true,"align":"center","color":"#000","background":"#fff","border":"0px"});
		else
			this.tips.addStyles(this.tipStyle);
		
		// handle cookies
		this.cookie = new portal.cookie();
		
		this.colspan = [];
		
		this.data = eval("(" + data + ")");
		
		this.placeHolder = document.getElementById(div);
		
		// if we can't find div, there is nothing more to do
		if(!this.placeHolder)
			return true;
		
		this.placeHolder.innerHTML = "";
		
		this.subMenuContainer = document.createElement("div");
		this.subMenuContainer.className = "dmenu-submenu-container";
		
		this.shortcuts = document.createElement("div");
		this.shortcuts.className = "dmenu-shortcuts";
		
		this.width = this.placeHolder.offsetWidth || this.get(this.placeHolder,"width");
		this.x = this.placeHolder.offsetLeft || this.get(this.placeHolder,"left");
		this.y = this.placeHolder.offsetTop || this.get(this.placeHolder,"top");
	
		this.placeHolder.className = "dmenu-placeHolder";
		
		this.root = document.createElement("div");
		this.root.className = "dmenu";
		this.root.style.width = this.width+"px";
		this.root.style.left = this.x+"px";
		this.root.style.top = this.y+"px";
		
		this.notices = document.createElement("div");
		this.shortcutNotices = document.createElement("div");
		this.shortcutNotices.className = "dmenu-shortcuts";
		this.shortcutNotices.style.zIndex = 9999;
		this.shortcutNotices.style.background = "none";
		this.shortcutNotices.style.width = "20px";
		this.shortcutNotices.style.height = "16px";
		
		// add top and bottom slivers
		// top sliver will be used for scroll bar
		// bottom is just for looks
		this.slivers = new Array();
		this.slivers[0] = document.createElement("div");
		this.slivers[0].className = "sliver";
		this.slivers[0].innerHTML = "&nbsp;";
		this.slivers[1] = document.createElement("div");
		this.slivers[1].className = "sliver";
		this.slivers[1].innerHTML = "&nbsp;";
		this.slivers[1].style.top = "38px";
		
		this.scroller = document.createElement("div");
		this.scroller.className = "dmenu-scroller";
		this.scroller.innerHTML = "";
		this.slivers[0].appendChild(this.scroller);
		
		if(this.slider){
		
			this.root.appendChild(this.slivers[0]);
			this.root.appendChild(this.slivers[1]);		
		
		}
			
		this.animation = new Array();
		this.animationDirection = new Array();
		this.currentX = new Array();
		this.defaultX = new Array();
		this.menuChildren = new Array();
		this.menuChldPos = new Array();
		this.tree = new Array();
		this.subMenuOpen = new Array();
		this.minAnimX = new Array();
		this.maxAnimX = new Array();
		this.layouts = new Array();
		this.keyFnc = new Array();
		this.direction = new Array();
		this.subMenuChildren = new Array();
		this.sorter = new Array();
		this.storeNotices = new Array();
		
		// LAYOUTS
		this.layouts = this.data['layouts'];
		
		// add main div
		this.mainArr = new Array();
		
		var lmx = 0;
		
		for(var l in this.layouts){
			this.mainArr[this.layouts[l]] = document.createElement("div");
			this.mainArr[this.layouts[l]].className = "dmenu-main";
			this.mainArr[this.layouts[l]].style.marginTop = lmx+"px";
			
			this.animationDirection[this.layouts[l]] = new Array();
			this.currentX[this.layouts[l]] = new Array();
			this.defaultX[this.layouts[l]] = new Array();
			this.menuChildren[this.layouts[l]] = new Array();
			this.menuChldPos[this.layouts[l]] = new Array();
			this.tree[this.layouts[l]] = new Array();
			this.subMenuOpen[this.layouts[l]] = new Array();
			this.minAnimX[this.layouts[l]] = new Array();
			this.maxAnimX[this.layouts[l]] = new Array();
			this.subMenuChildren[this.layouts[l]] = new Array();
			this.sorter[this.layouts[l]] = new Array();
			this.storeNotices[this.layouts[l]] = new Array();
			
			lmx = 4;
		}
		
		// container
		this.container = document.createElement("div");
		this.container.className = "dmenu-main-container";
		
		for(var m in this.mainArr)
			this.container.appendChild(this.mainArr[m]);
		
		document.body.appendChild(this.root);
		document.body.appendChild(this.subMenuContainer);
		document.body.appendChild(this.shortcuts);
		document.body.appendChild(this.shortcutNotices);
		
		var ht = this.root.offsetHeight;
		
		this.root.appendChild(this.container);
		
		var sx = 4;
		
		this.container.style.height = ((ht*this.layouts.length)+(sx*this.layouts.length))+"px";
		
		this.container.style.top = "4px";
		
		// SUB MENU DIV
		
		this.subMenu = document.createElement("div");
		this.subMenu.className = "dmenu-submenu";
		this.subMenu.style.width = this.subMenuWidth+"px";
		
		// ADD DROP SHADOW TO SUB MENU IF TURNED ON
		
		if(this.subMenuDropShadow){
		
			this.subMenuDropShadowDivs = new Array();
			this.subMenuDropShadowDivs[0] = document.createElement("div");
			this.subMenuDropShadowDivs[1] = document.createElement("div");
			this.subMenuDropShadowDivs[2] = document.createElement("div");
			this.subMenuDropShadowDivs[3] = document.createElement("div");
		
			this.subMenuDropShadowDivs[0].className = "dmenu-submenu-dropshadow-top";
			this.subMenuDropShadowDivs[1].className = "dmenu-submenu-dropshadow-left";
			this.subMenuDropShadowDivs[2].className = "dmenu-submenu-dropshadow-right";
			this.subMenuDropShadowDivs[3].className = "dmenu-submenu-dropshadow-bottom";
		
			this.subMenuContainer.appendChild(this.subMenuDropShadowDivs[0]);
			this.subMenuContainer.appendChild(this.subMenuDropShadowDivs[1]);
			this.subMenuContainer.appendChild(this.subMenuDropShadowDivs[2]);
			this.subMenuContainer.appendChild(this.subMenuDropShadowDivs[3]);
		
		}
		
		// DEBUG
		
		this.debugDiv = document.getElementById("menu-debugger");
		
		if(!this.debugDiv){
		
			this.debugDiv = document.createElement("div");
			this.debugDiv.setAttribute('id','menu-debugger')
			this.debugTxt = document.createElement("div");
		
			this.debugDiv.className = "dmenu-debug";
		
			this.debugDiv.appendChild(this.debugTxt);
		
			document.body.appendChild(this.debugDiv);
		
			if(!this.debugOn){
			
				this.debugDiv.style.opacity = 0;
				this.debugDiv.style.filter = "opacity(0)";
				this.debugDiv.style.filter = "alpha(opacity=0)";
			
			}
		
		} else {
		
			this.debugTxt = this.debugDiv.childNodes[0];
		
		}
		
		// END DEBUG
		
		this.debug('Creating menu');
		
		this.subMenuContainer.style.left = this.root.style.left;
		this.subMenuContainer.style.top = this.root.style.top;
		
		this.shortcuts.style.left = ((parseInt(this.root.style.left)+parseInt(this.root.offsetWidth))-parseInt(this.shortcuts.offsetWidth))+"px";
		this.shortcuts.style.top = this.root.style.top;
		
		this.shortcutNotices.style.left = this.shortcuts.style.left;
		this.shortcutNotices.style.top = this.shortcuts.style.top;
		
		var d = this;
		this.resizer = setInterval(function(){d.resize();},1);
		
		for(l in this.layouts)
			this.make(this.layouts[l]);
		
		// SET MAIN DIV
		this.main = this.mainArr[this.layouts[this.selectedLayout]];
		
		// EVENTS
		
		this.root.onmousedown = function(event){d.dragOn(event)};
		this.root.onmousemove = function(event){d.drag(event)};
		document.body.onmouseup = function(event){d.dragOff(event)};
		//this.root.onmouseout = function(event){d.dragOff(event)};
		
		// CART CONNECTOR
		
		var m = this;
		
		//this.cartConn = new portal.ajax({"url":"http://www.ftlportal.com/cart","params":{"__getMenuCount":true},"success":function(d){m.updateCartCount(d)}});
			
		//this.cartConn = new Connector();
		//this.cartConn.onDataLoad(function(){m.updateCartCount()});
		//this.cartConn.connect("",this.url+"cart");
		//this.cartUpdate = setInterval(function(){m.updateCartData()},10000);
		
		// CART NOTICE
		this.cartNotice = document.createElement("div");
		
		this.cartNotice.className = "dmenu-notice";
		this.cartNotice.style.height = "15px";
		this.cartNotice.setAttribute('id',this.divName+'.cartNotice');
		this.cartNotice.style.display = "none";
		
		/////
		
		this.mkshortcuts();
		
		// GOTO LAYOUT
		//setTimeout(function(){d.gotoLayout(1);},1000);
		
		window.document.onkeydown = function(event){d.keyDown(event)};
		
		document.body.appendChild(this.notices);
		this.notices.style.position = "absolute";
		this.notices.style.zIndex = 999999;
		this.notices.style.left = parseInt(this.root.style.left)+"px";
		this.notices.style.top = parseInt(this.root.style.top)+"px";
			
		// disable text highlighting
		this.disableSelection(this.root);
		this.disableSelection(this.notices);
		this.disableSelection(this.debugDiv);
		this.disableSelection(this.shortcuts);
		this.disableSelection(this.subMenuContainer);
		
		if(layout == null && this.cookie.getCookie('Menu.Layout')){
			
			layout = this.cookie.getCookie('Menu.Layout');
			
		}
		
		if(!this.slider) {
			
			document.body.appendChild(this.slivers[0]);
			
			var sliverHeight = (this.__getStyle(this.slivers[0],'height')).replace("px","")*2;
			
			document.body.removeChild(this.slivers[0]);
			
			this.root.style.height = (this.root.offsetHeight-sliverHeight)+"px";
			
			var ht = (this.shortcuts.offsetHeight-sliverHeight);
			
			if(ht < 0)
				ht = 0;
			
			this.shortcuts.style.height = ht+"px";
			this.shortcuts.style.marginTop = "0px";
			this.container.style.top = "0px";
			
		}
		
		if(layout){
		
			// can call a layout using the numerical value or the name of the layout
			
			if(isNaN(layout))
				this.gotoLayout(layout,true);
			else
				this.gotoLayout(this.layouts[layout],true);
		}
		
		if(menuItem){
			
			this.open(menuItem);
			
		}
		
		/*
		if(this.update){
		
			this._updater = setInterval(function(){m.__updateMenu()},1);
		
		}*/
		
	},
	__updateMenu : function(){
		
		this.width = this.placeHolder.offsetWidth || this.get(this.placeHolder,"width");
		this.x = this.placeHolder.offsetLeft || this.get(this.placeHolder,"left");
		this.y = this.placeHolder.offsetTop || this.get(this.placeHolder,"top");
	
		this.root.style.width = this.width+"px";
		this.root.style.left = this.x+"px";
		this.root.style.top = this.y+"px";
		
		// reposition shortcuts
		this.shortcuts.style.left = ((parseInt(this.root.style.left)+parseInt(this.root.offsetWidth))-parseInt(this.shortcuts.offsetWidth))+"px";
		
	},
	updateCartCount : function(d){
		
		var data = eval("("+d+")");
		
		this.cartCount = data['count'];
		
		this.mkshortcuts();
		
	},
	updateCartData : function(){
		
		var m = this;
		
		this.cartConn = new portal.ajax({"url":"http://www.ftlportal.com/cart","params":{"__getMenuCount":true},"success":function(d){m.updateCartCount(d)}});
		
	},
	getCartCount : function(){
		
		return this.cartCount;
		
	},
	open : function(str){
		
		var layout = this.layouts[this.selectedLayout];
		
		// go through and open up str
		this.loadItem = str.split(".");
		this.loadPosition = 0;
		
		for(var i in this.loadItem){
		
			for(var c in this.menuChildren[layout]){
				if(this.getId(this.menuChildren[layout][c].id) == this.loadItem[i]){
					var e = new Object();
					e.target = this.menuChildren[layout][c];
					e.target.id = this.menuChildren[layout][c].id;
					this.selectItm(e);
					if(this.loadPosition >= this.loadItem.length-1)
						this.loadItem = null;
					
					
					return true;
				}
			}
			break;
		
		}
		
		this.loadItem = null;
		
	},
	config : function(opt){
		
		if(navigator.appName == "Microsoft Internet Explorer"){
			this.ie = true;
		}
		
		if(opt){
			
			var o = eval(opt);
			for(var i in o){
				
				switch(typeof o[i]){
				
					case "number":
						eval('this.'+i+' = '+o[i]+';');
						break;
					case "boolean":
					case "object":
						eval('this.'+i+' = o[i];');
						break;
					default:
						eval('this.'+i+' = "'+o[i]+'";');
						break;
				}
					
			}
		}
		
	},
	get : function(ob,str){
		
		var obj = ob.getBoundingClientRect();
		
		var left = obj.left;
		var top = obj.top;
		var bottom = obj.bottom;
		var right = obj.right;
		
		// if IE
		if(this.ie){
			
			left -= 2;
			top -= 2;
			bottom -= 2;
			right -= 2;
			
		}
		
		// get scroll x,y	
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		var width = right-left;
		var height = bottom-top;
		
		switch(str){
		
			case "left":
			
				return left+sx;
			
			break;
			case "top":
			
				return top+sy;
			
			break;
			case "bottom":
			
				return bottom;
			
			break;
			case "right":
			
				return right;
			
			break;
			case "width":
				
				return width;
				
			break;
			case "height":
			
				return height;
				
			break;	
		
		}
		
		return false;
		
	},
	keyDown : function(event){
		
		try {
			
			e = event.keyCode;
			
			if (e == 13)
			{
			
				this.keyFnc[e](event);
			
			}
		
		} catch(error){
			
			this.debug('Key input detection error');
			
		}
		
	},
	registerKeyEvent : function(key,func){
		
		this.keyFnc[key] = func;
		
	},
	scrolling : function(){
		
		// graphic representation of the scrolling
		// get maxWidth viewable
		
		var maxView = (parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth));
		var d = maxView/this.getMenuWidth();
		
		this.scroller.style.width = (d*parseInt(this.root.offsetWidth))+"px";

		if(parseInt(this.scroller.style.width) <= 4 || parseInt(this.scroller.style.width ) > parseInt(this.root.offsetWidth)){
			
			this.scroller.style.display = "none";
			
		} else {
		
			this.scroller.style.display = "block";
		
		}

		var rootWidth = this.root.offsetWidth || this.get(this.root,"width");
		var scrollerWidth = this.scroller.style.width || this.get(this.scroller,"width");
	
		var containerLeft = this.container.style.left || 0;
	
		this.scroller.style.left = ((parseInt(rootWidth)-parseInt(scrollerWidth))+(parseInt(containerLeft)*d))+"px";
		
		
		//	if(parseInt(this.main.style.width) > maxView){
		
			//
		
		//}
		
	},
	focus : function(){
		
		// FOCUS
		// moves the menus so that the selected item is at a reasonable position
		
		// get current selected item absolute x
		
		// only if subMenu is out
		var opensm = false;
		var layout = this.layouts[this.selectedLayout];
		
		for(var i in this.subMenuOpen[layout]){
		
			if(this.subMenuOpen[layout][i]){
			
				opensm = true;
			
			}
		
		}
		
		if(opensm){
		
			var absoluteX = parseInt(this.container.offsetLeft) + parseInt(this.subMenu.style.left);
		
			if(absoluteX > (parseInt(this.root.offsetWidth)*.4)){
			
				var diff = absoluteX-(parseInt(this.root.offsetWidth)*.4);
			
				var dir = diff/Math.abs(diff);
			
				this.animateMenu(diff,dir);
			
			}
		
		}
		
	},
	loadData : function(src,fnc){
		
		if(this.dataContainer)
			document.body.removeChild(this.dataContainer);
		
		this.dataContainer = document.createElement("iframe");
		this.dataContainer.setAttribute('src',src);
		this.dataContainer.style.display = "none";
		
		document.body.appendChild(this.dataContainer);
		
		var d = this;
		this.dataContainer.onload = function(event){fnc(event)};

	},
	animateMenu : function(diff,dir){
		
		var d = this;
		
		if(dir > 0 && diff < 0)
			diff = 0;
		else if(dir < 0 && diff > 0)
			diff = 0;
		
		if(diff != 0){
			
			var newX = parseInt(this.container.offsetLeft)-(10*(dir));
			var newSX = parseInt(this.subMenuContainer.offsetLeft)-(10*(dir));
			
			if(newX > 0 && this.anchorMenu){
			
				var ndiff = newX;
				newSX -= ndiff;
				
				newX = 0;
			
			}
			
			/*
			var maxWidth = parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth);
			var minX = 0-(this.getMenuWidth()-maxWidth);
			
			if(newX <= minX && minX < 0 && this.anchorMenu){
			
				ndiff = minX-newX;
				newX = minX;
				newSX += ndiff;
			
			}*/
			
			if(this.slider){
			
				this.container.style.left = newX+"px";
				
				var rootLeft = this.root.style.left || this.get(this.root,"left");
				var containerLeft = this.container.style.left || this.get(this.container,"left");
				
				var moveToX = (parseInt(rootLeft)+(parseInt(containerLeft)));
				
				this.subMenuContainer.style.left = moveToX+"px";
				this.notices.style.left = moveToX+"px";
			
			}
			
			if(newX < 0 && this.anchorMenu)
				diff -= 10*(dir);
			else
				diff = 0;
			
			this.scrolling();
				
			this.menuAnimation = setTimeout(function(){d.animateMenu(diff,dir);},1);
			
		} else {
		
			clearTimeout(this.menuAnimation);
			this.menuAnimation = false;
			this.dragged = false;
			
			return true;
		
		}
		
		this.updateNotice();
		
	},
	gotoLayout : function(layout,skip){
		
		// delete all notices
		this.storeNotices[this.layouts[this.selectedLayout]] = this.notices.innerHTML;
		this.notices.innerHTML = '';
		
		if(layout != this.layouts[this.selectedLayout]){
		
			var dontGoto = false;
			
			for(var i in this.subMenuOpen[this.layouts[this.selectedLayout]]){
			
				if(this.subMenuOpen[this.layouts[this.selectedLayout]][i]){
					
					dontGoto = true;
					
				}
			
			}
			
			if(!dontGoto){
			
				var pos;
				var dir = 1;
				
				if(isNaN(layout)){
					
					for(var l in this.layouts){
					
						if(this.layouts[l] == layout){
						
							pos = l;
							break;
						
						}
					
					}
					
				} else {
				
					pos = layout;
				
				}
				
				if(this.selectedLayout > pos){
				
					dir = -1;
				
				}
				
				var diff = parseInt(this.container.style.top);
				
				this.animateLayout(pos,dir,diff,skip);
				
				this.tempLayoutDiff = parseInt(this.container.offsetLeft);
				this.tempSubMenuDiff = parseInt(this.subMenuContainer.style.left);
				
				this.mainArr[this.layouts[pos]].style.left = (0-this.tempLayoutDiff)+"px";
			
			}
		
		}
		
	},
	animateLayout : function(pos,dir,diff,skip){
		
		var h = 4;
		
		var sliverHeight = 4;
		
		if(this.sliders)
			sliverHeight = (this.__getStyle(this.slivers[0],'height')).replace("px","")*1;
		
		var d = this;
		
		var dd = (38*pos);
		
		if(!this.slider){
			h -= sliverHeight;
		}
		
		if(!skip){
		
			diff -= dir*1;
			
			var done = false;
			
			if(diff <= (0-parseInt(this.container.offsetHeight)) || diff >= h)
				done = true;
			
			if(diff == (h-dd)){
				
				this.container.style.top = (diff)+"px";
				done = true; 
			}
		
		} else {
		
			this.container.style.top = (h-dd)+"px";
			done = true;
		
		}
		
		if(!done){
			
			this.container.style.top = (diff)+"px";
			this.layoutAnimation = setTimeout(function(){d.animateLayout(pos,dir,diff);},1);
		
		} else  {
			
			clearTimeout(this.layoutAnimation);
			
			var div = document.getElementById('layout.'+this.layouts[this.selectedLayout]);
			
			if(div){
				div.className = "dmenu-shortcuts-layout";
				//div.style.backgroundPosition = "-10px 0px";
			}
			
			this.mainArr[this.layouts[pos]].style.left = "0px";
			//this.container.style.left = "0px";
			//this.subMenuContainer.style.left = (this.tempSubMenuDiff-this.tempLayoutDiff)+"px";
			
			//this.debug(this.subMenuContainer.offsetLeft);
			
			this.selectedLayout = pos;
			
			this.main = this.mainArr[this.layouts[this.selectedLayout]];
			
			// change the graphics
			div = document.getElementById('layout.'+this.layouts[this.selectedLayout]);
			
			if(div){
				div.className = "dmenu-shortcuts-layout-selected";
			}
			//div.style.backgroundPosition = "0px 0px";
			
			// set cookie
			this.cookie.setCookie('Menu.Layout',this.selectedLayout,7);
			
			this.notices.innerHTML = this.storeNotices[this.layouts[this.selectedLayout]];
		
			return true;
		}
	},
	mkshortcuts : function(){
		
		var d = this;
		
		// use layouts 
		this.shortcuts.innerHTML = '';
		this.shortcutNotices.innerHTML = '';
		
		var temp = document.createElement("div");
		temp.style.position = "absolute";
		
		for(var i in this.layouts){
		
			var tmp = document.createElement("div");
			tmp.className = "dmenu-shortcuts-layout";
			tmp.innerHTML = "&nbsp;";
			tmp.setAttribute('id',this.divName+'.layout.'+this.layouts[i]);
			tmp.setAttribute('name',this.divName+'.layout.'+this.layouts[i]);
			temp.appendChild(tmp);
			tmp.onclick = function(event){d.clickLayout(event)};
			if(i == this.selectedLayout){
				//tmp.style.backgroundPosition = "-10px 0px";
				tmp.className = "dmenu-shortcuts-layout-selected";
			}
		
			this.tips.attachTip(tmp,"view "+this.layouts[i]+" menu");
		
		}
		
		// cart
		var cart = document.createElement("div");
		cart.className = "dmenu-shortcuts-cart";
		cart.innerHTML = "&nbsp;";
		var u = "http://www.ftlportal.com/";
		// add the popularity updater
		cart.onclick = function(event){window.location=u+"cart"};
		
		if(!this.showCart)
			cart.style.display = "none";
			
		if(!this.showLayouts)
			temp.style.display = "none";
			
		if(	!this.showCart && !this.showLayouts){
		
			this.shortcuts.style.display = "none";
		
		}
		
		// add tip
		this.tips.attachTip(cart,'Go to your cart',{"auto":true});
		
		this.shortcuts.appendChild(temp);
		
		this.shortcuts.appendChild(cart);
		cart.style.right = (parseInt(temp.offsetWidth)+15)+"px";
		
		// add cart notice
		if(this.showCart){
			if(this.cartNotice && this.cartCount > 0){
				this.shortcutNotices.appendChild(this.cartNotice);
				this.cartNotice.innerHTML = this.cartCount;
				this.shortcutNotices.style.left = (parseInt(this.shortcuts.style.left)+parseInt(cart.offsetLeft)+5)+"px";
				this.shortcutNotices.style.top = (parseInt(this.shortcuts.style.top)-5)+"px";
				this.cartNotice.style.display = "";
			}
		}
		
		temp.style.top = "10px";
		temp.style.right = "10px";
		
	},
	getCartData : function(){
		
		// get cart data
		
		
		
	},
	clickLayout : function(evt){
		
		var event = evt || window.event;
		
		var target = event.target || event.srcElement;
		
		this.gotoLayout(target.id.replace('layout.',''));
		
	},
	getMenuWidth : function(){
		
		var layout = this.layouts[this.selectedLayout];
		var width = 0;
		
		for(var i in this.menuChildren[layout]){
		
			width += parseInt(this.menuChildren[layout][i].offsetWidth);	
		
		}
		
		// check subMenu
		
		for(i in this.subMenuOpen[layout]){
		
			if(this.subMenuOpen[layout][i])
				width += parseInt(this.subMenu.offsetWidth);
		
		}
		
		return width;
		
	},
	dragOn : function(evt){
		
		if(this.turnDragOff)
			return true;
		
		var event = evt || window.event;
	
		// if submenu is not open
		var opened = false;
		var layout = this.layouts[this.selectedLayout];
		
		for(var i in this.subMenuOpen[layout]){
		
			if(this.subMenuOpen[layout][i])
				opened = true;
		
		}
		
		var maxWidth = parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth);
		
		if(!opened && this.getMenuWidth() > maxWidth || !opened && parseInt(this.container.style.left) < 0){
			this.dragging = true;
			this.dragStartX = event.clientX;
			this.dragStartPos = parseInt(this.container.offsetLeft);
			this.subMenuStartPos = parseInt(this.subMenuContainer.offsetLeft);
			var t = new Date();
			this.dragStartTime = t.getTime();
		}
		
	},
	drag : function(evt){
		
		var event = evt || window.event;
		
		if(this.dragging){
			
			// drag code
			this.dragEndX = event.clientX;
			
			var diff = (this.dragStartX-this.dragEndX);
			
			var maxWidth = parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth);
			
			var minX = 0-(this.getMenuWidth()-maxWidth);
			
			if((this.dragStartPos-diff) < 0){// && (this.dragStartPos-diff) > minX){
			
				this.container.style.left = (this.dragStartPos-diff)+"px";
				this.subMenuContainer.style.left = (this.subMenuStartPos-diff)+"px";
			}
			
			var rootLeft = this.root.style.left || this.get(this.root,"left");
			var containerLeft = this.container.style.left || this.get(this.container,"left");
			
			var moveToX = (parseInt(rootLeft)+(parseInt(containerLeft)));
			
			this.subMenuContainer.style.left = moveToX+"px";
			this.notices.style.left = moveToX+"px";
			
			/*
			if((this.dragStartPos-diff) <= minX){
				
				diff = this.dragStartPos-minX;
				this.container.style.left = (this.dragStartPos-diff)+"px";
				this.subMenuContainer.style.left = (this.subMenuStartPos-diff)+"px";
			
			}*/
			
			if(parseInt(this.container.style.left) > 0 && this.anchorMenu){
				
				var ndiff = parseInt(this.container.style.left);
				this.container.style.left = "0px";
				//(parseInt(this.subMenuContainer.style.left)-ndiff)+"px";
				
			}
			
			this.scrolling();
			this.updateNotice();
		
		}
	},
	dragOff : function(evt){
		
		var event = evt || window.event;
		
		this.dragging = false;
		var t = new Date();
		this.dragEndTime = t.getTime();
		
		this.dragEndX = event.clientX;
		var time = (this.dragEndTime-this.dragStartTime)/1000;
		var dist = (this.dragStartX-this.dragEndX);
		
		var spd = dist/time;
		
		// we want to animate for 2 more seconds
		var diff = (spd*2)*.1025;
		
		var dir = diff/Math.abs(diff);
		
		var rootLeft = this.root.style.left || 0;
		var containerLeft = this.container.style.left || 0;
		
		var moveToX = parseInt(rootLeft)+parseInt(containerLeft);
		
		this.subMenuContainer.style.left = moveToX+"px";
		this.notices.style.left = moveToX+"px";
			
		if(Math.abs(dist) > 50 && time < .5 && Math.abs(diff) > 40){
			this.dragged = true;
			this.animateMenu(diff,dir);
		}
		
		this.updateNotice();
	},
	addSearch : function(){
		
		var d = this;
		var layout = this.layouts[this.selectedLayout];
		
		var name = this.getId(this.selectedItem.getAttribute("name"));
		
		// remove submenu
		if(this.subMenuPos != null){
				
			this.menuChildren[layout].splice(this.subMenuPos,1);
			this.subMenuPos = null;
				
			for(var o in this.menuChildren[layout]){
						
				this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
						
			}
				
		}
		
		var searchDiv = this.add(name+'.search');
		searchDiv.onclick = null;
		searchDiv.className = "dmenu-input-div";
		searchDiv.innerHTML = "";
		
		var txt = document.createElement("input");
		txt.className = "dmenu-input";
		txt.value = "Enter search query";
		txt.onfocus = function(event){d.focusSearch(event)};
		txt.onblur = function(event){d.blurSearch(event)};
		
		var closer = document.createElement("div");
		closer.innerHTML = "&nbsp;";
		closer.className = "dmenu-input-closer";
		
		var d = this;
		closer.onclick = function(event){d.closeSearch(event)};
		
		searchDiv.appendChild(txt);
		searchDiv.appendChild(closer);
		
		searchDiv.style.width = this.setSubMenuWidth;
		
		if(this.subMenuOpen[layout][name]){
			this.subMenuOpen[layout][name] = false;
			this.subMenu.innerHTML = 'search';
			this.rmsubMenuShadow();
		}
		
		this.tips.hideTip();
		
		//this.animateNow(true);
		
		// register event
		this.registerKeyEvent(13,function(){d.submitSearch(searchDiv)});
		
		this.searchItem = this.selectedItem;
		
	},
	submitSearch : function(div){
		
		var search = div.childNodes[0].value;
		
		// find the current search item
		div.innerHTML = 'Finding matches...';
		div.className = "dmenu-search";
		div.style.padding = "0px";
		
		var d = this;
		
		this.loadData('http://www.ftlportal.com/search?from='+this.selectedItem.getAttribute("name")+'&query='+search,function(){d.loadMenu(div.id)});
		
	},
	focusSearch : function(evt){
		
		var event = evt || window.event;
		
		var sdiv = event.target || event.srcElement;
		
		if(sdiv.className == "dmenu-input"){
			
			sdiv.className = "dmenu-input-focus";
			sdiv.value = "";
			
		}
		
		
		this.selectedItem = this.searchItem;
		
	},
	blurSearch : function(evt){
		
		var event = evt || window.event;
		
		var sdiv = event.target || event.srcElement;
		
		if(sdiv.className == "dmenu-input-focus"){
			
			if(sdiv.value == ""){
			
				sdiv.className = "dmenu-input";
				sdiv.value = "Enter search query";	
			
			}
			
			
		}
		
		
	},
	closeSearch : function(evt){
		
		var event = evt || window.event;
		
		var target = event.target || event.srcElement;
		
		var sdiv = target.parentNode;
		
		if(sdiv.childNodes[0].value == "" || sdiv.childNodes[0].value == "Enter search query"){
			
			if(this.selectedItem)
				this.selectedItem.className = "dmenu-item";
			
			var e = new Object();
			e.target = new Object();
			e.target.parentNode = sdiv;
		 	this.deleteFromMenu(e);
			
		} else {
		
			sdiv.childNodes[0].value = "";
		
		}
		
		
	},
	loadMenu : function(name){
		
		var d = this;
		var layout = this.layouts[this.selectedLayout];
		var results = eval("(" + this.dataContainer.contentWindow.document.body.innerHTML +")");
		
		// a list of new menu items to add, then generate the new sub menu, replacing the search div
		
		var nameArr = name.split(".");
		var newName = "";
		
		for(var j=1;j<nameArr.length;j++){
			
			if(newName != "")
				newName += ".";
				
			newName += nameArr[j];	
			
		}
		
		// first we need to get rid of any current searches
		var reg = new RegExp(newName)
		for(var p in this.data[layout]){
		
			if(reg.test(p) || reg.test(this.data[layout][p])){
			
				delete this.data[layout][p];
			
			}
		
		}
		
		this.data[layout][this.data[layout]['_LIST_TOTAL_']] = newName;
		this.data[layout]['_LIST_TOTAL_'] += 1;
		this.data[layout][newName] = new Array();
		
		var count = 0;
		for(var i in results['menu']){
		
			this.data[layout][newName+"."+i] = results['menu'][i];
			this.data[layout][this.data[layout]['_LIST_TOTAL_']] = newName+"."+i;
			this.data[layout]['_LIST_TOTAL_'] += 1;
			if(results['menu'][i]['URL'])
				count++;
			
		}
		
		document.getElementById(this.selectedItem.getAttribute("name")).className = "dmenu-item";
		
		// remove current div
		var e = new Object();
		e.target = new Object();
		e.target.parentNode = document.getElementById(name);
		//this.deleteFromMenu(e);
		if(count > 0)
			e.target.parentNode.onclick = function(event){d.selectItm(event)};
		e.target.parentNode.style.width = "auto";
		e.target.parentNode.innerHTML = results['search']+"&nbsp;&nbsp;";
		
		if(this.noticesOn){

			// add notice
			var notice = document.createElement("div");
			notice.innerHTML = count;
			notice.className = "dmenu-notice";
			notice.setAttribute('id',this.divName+'.notices.'+this.getId(e.target.parentNode.getAttribute('name')));
			notice.setAttribute('name',this.divName+'.notices.'+this.getId(e.target.parentNode.getAttribute('name')));
			
			this.notices.appendChild(notice);
			notice.style.left = parseInt(e.target.parentNode.style.left)+"px";
		
		}
		
		// CLOSE BUTTON
		
		var closeDiv = document.createElement("div");
		closeDiv.className = "dmenu-submenu-item-closer";
		closeDiv.onclick = function(event){d.deleteFromMenu(e)};
		closeDiv.innerHTML = "&nbsp;";
		
		e.target.parentNode.appendChild(closeDiv);
		
		this.selectedItem = document.getElementById(name);
		
		if(count > 0){
			this.makeSub();	
		}
		
		// add submenu
		this.animateNow(true);
		
		
	},
	add : function(name){
		
		var layout = this.layouts[this.selectedLayout];
		
		if(this.defaultSubMenuWidth){
			this.subMenuWidth = this.defaultSubMenuWidth;
			this.defaultSubMenuWidth = null;
			this.subMenu.style.width = this.subMenuWidth+"px";
		}
		
		var d = this;
		var divExists = null;
		
		// NEED TO CREATE THE NEW MENU CHILD
		// PUT IT WHERE IT WILL GO WITH ANIMATION
		// UPDATE ALL THE DEFAULT Xs
		
		var temp = name.split(".");
		
		var vv = "";
		
		for(var t in temp){
		
			if(t < temp.length-1){
			
				if(vv != "")
					vv += ".";
					
				vv += temp[t];
			
			}
		
		}
		
		var splitWhere = null;
		var div = null;
		
		var reg = new RegExp("^"+this.getId(this.selectedItem.getAttribute("name"))+"([\.]+)([a-zA-Z0-9\- ]+)$");
		
		for(var i in this.menuChildren[layout]){
		
			var id = this.getId(this.menuChildren[layout][i].id);
			
			if(id == vv){
			
				div = this.menuChildren[layout][i];
				splitWhere = i*1;
			
			}
			
			if(reg.test(id)){
			
				divExists = this.menuChildren[layout][i];
			
			}
		
		}
		
		// check to see if a div already exist, if so delete it
		if(divExists){
		
			var e = new Object();
			e.target = new Object();
			e.target.parentNode = divExists;
			this.deleteFromMenu(e);
		
		}
		
		this.menuChildren[layout].splice(splitWhere+1,0,document.createElement("div"));
		
		count = splitWhere+1;
		
		this.menuChildren[layout][count].className = "dmenu-item-added-selected";	
		this.menuChildren[layout][count].style.textAlign = "center";
		
		//this.subMenuOpen[vv] = div;
		
		var txtr = document.createElement("div");
		txtr.setAttribute("name",this.divName+"."+this.layouts[this.selectedLayout]+"."+name);
		txtr.innerHTML = temp[temp.length-1];
		this.menuChildren[layout][count].appendChild(txtr);	
		
		// CLOSE BUTTON
		
		var closeDiv = document.createElement("div");
		closeDiv.className = "dmenu-submenu-item-closer";
		closeDiv.onclick = function(event){d.deleteFromMenu(event)};
		closeDiv.innerHTML = "&nbsp;";
		
		this.tips.attachTip(closeDiv,'close');
		
		// EVENT
		
		txtr.onclick = function(event){d.selectItm(event)};
		
		this.menuChildren[layout][count].appendChild(closeDiv);
		
		var arr = this.getSubWidth(name);
		
		this.menuChildren[layout][count].setAttribute("id",this.divName+"."+this.layouts[this.selectedLayout]+"."+name);
		this.menuChildren[layout][count].setAttribute("name",this.divName+"."+this.layouts[this.selectedLayout]+"."+name);
		//this.menuChildren[count].onclick = function(event){d.selectItm(event)};
		
		this.menuChildren[layout][count].style.left = (arr['width'])+"px";
				
		this.main.appendChild(this.menuChildren[layout][count]);
		
		/*
		if(parseInt(this.menuChildren[layout][count].offsetWidth) < this.subMenuWidth){
			this.menuChildren[layout][count].style.width = (this.subMenuWidth)+"px";
		} else {
		*/
			//this.menuChildren[layout][count].innerHTML = temp[temp.length-1]+"&nbsp;&nbsp;&nbsp;";
			//this.menuChildren[layout][count].appendChild(closeDiv);
		
		//}
		//else
		//{
		
			//var diff = this.subMenuWidth-parseInt(this.menuChildren[count].offsetWidth);
			//this.menuChildren[count].style.width = (parseInt(this.menuChildren[count].offsetWidth)+diff)+"px";
		//}
		
		var mid = this.getId(this.menuChildren[layout][count].id);
		
		this.menuChldPos[layout][mid] = count;
		
		var newWidth = parseInt(this.menuChildren[layout][count].style.left)+parseInt(this.menuChildren[layout][count].offsetWidth);
		
		var subMenuOpened = false;
		
		if(this.data[layout][name] && typeof this.data[layout][name]['URL'] == "undefined"){
		
			subMenuOpened = true;
		
		}
		
		for(var i=count+1;i<this.menuChildren[layout].length;i++){
		
			var tid = this.getId(this.menuChildren[layout][i].id);
			
			this.menuChldPos[layout][tid] = i;
		
		}
		
		this.animateNow(true);
		
		this.scrolling();
		
		return this.menuChildren[layout][count];
		
	},
	resetMenuPos : function(){
		
		var layout = this.layouts[this.selectedLayout];
		
		var x = 0;
		
		this.animation = new Array();
		var subM = false;
		
		for(var i=0;i<this.menuChildren[layout].length;i++){
		
			var diff = parseInt(this.menuChildren[layout][i].style.left)-x;
		
			var tid = this.getId(this.menuChildren[layout][i].id);
			
			//this.menuChildren[i].style.left = newWidth+"px";
			this.menuChldPos[layout][tid] = i;
			this.defaultX[layout][tid] = x;
			this.currentX[layout][tid] = diff;
			this.maxAnimX[layout][tid] = 0;
			this.animationDirection[layout][tid] = 0;
			
			if(diff < 0){
				this.animationDirection[layout][tid] = 1;
			} else {
				this.animationDirection[layout][tid] = -1;
			}
			
			if(diff != 0)
				this.animation.push(i);
			
			x += parseInt(this.menuChildren[layout][i].offsetWidth);
			
			if(subM){
				this.animationDirection[layout][tid] = 1;
			}
			if(this.subMenuOpen[layout][tid])
				subM = true;
		
		}
		
	},
	deleteFromMenu : function(evt){
		
		this.tips.hideTip();
		
		var event = evt || window.event;
		
		var target = event.target || event.srcElement;
		
		var layout = this.layouts[this.selectedLayout];
		
		// if subMenu is open, close it
		for(var p in this.subMenuOpen[layout])
		{
		
			if(this.subMenuOpen[layout][p]){
				
				this.subMenuOpen[layout][p] = false;
				this.subMenu.innerHTML = '';
				this.rmsubMenuShadow();
			
			}
		
		}
		
			if(this.subMenuPos != null){
				
					this.menuChildren[layout].splice(this.subMenuPos,1);
					this.subMenuPos = null;
				
					for(var o in this.menuChildren[layout]){
						
						this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
						
					}
					
				}
		
			var div = target.parentNode;
			
			this.deleteNotice(div.id);
			
			var name = this.getId(div.id);
			
			var pos = 0;
			
			for(var i in this.menuChildren[layout]){
			
				var tid = this.getId(this.menuChildren[layout][i].id);
				if(tid == name)
				{
				
					pos = i;
					break;
				
				}
			
			}
			
			this.menuChildren[layout].splice(pos,1);
			
			var treestr = "";
			var arr = name.split(".");
			
			for(var i=0;i<arr.length-1;i++){								
			
				if(treestr != "")
					treestr += ".";
			
				treestr += arr[i];
				
			}
			
			// we need to delete all children too
			var children = new Array();
			
			for(var jj in this.menuChildren[layout]){
				
				var jid = this.getId(this.menuChildren[layout][jj].id);
				if(jid == treestr){
					this.selectedItem = this.menuChildren[layout][jj];
				}
				
				if((jid).match(name))
				{
				
					children.push(jj);
				
				}
			
			}
		
			// remove the children
			for(var kk=children.length-1;kk>=0;kk--){
				this.main.removeChild(this.menuChildren[layout][children[kk]]);
				this.menuChildren[layout].splice(children[kk],1);
			}
			
			// redo positions
			
			var oldTmp = this.data[layout][this.getId(div.id)];
			
			var oldWidth = parseInt(div.offsetWidth);
			
			var tmp = this.data[layout][this.getId(this.selectedItem.getAttribute("name"))];
			
			// reset defXs
			var x = 0;
			//if(this.animateOn){
				for(var i in this.menuChildren[layout]){
					
					var mid = this.getId(this.menuChildren[layout][i].id);
					
					this.menuChldPos[layout][mid] = i;
								
				}
			//}
			
			this.main.removeChild(div);
			
			var menuWidth = this.getMenuWidth();
			
			var maxWidth = parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth);
				
			var minX = 0-(this.getMenuWidth()-maxWidth);
			
			if(menuWidth < maxWidth){
			
				// we need to move menu to 0 position
				var diff = parseInt(this.container.style.left);
			
				if(!isNaN(diff)){
					this.animateMenu(diff,-1);
				}
			}
			
			//if(this.animateOn)
			this.animateNow(true);
			
			this.scrolling();
		
		
	},
	getSubWidth : function(name){
		
		var arr = name.split(".");
		var width = 0;
		
		var div = null;
		var num = 0;
		
		var treestr = "";
		
		for(var i=0;i<arr.length-1;i++){								
		
			if(treestr != "")
				treestr += ".";
		
			treestr += arr[i];
			
		}
		
		var layout = this.layouts[this.selectedLayout];
		
		var x = 0;
		
		for(var i in this.menuChildren[layout]){
		
			var div = this.menuChildren[layout][i];
			var id = this.getId(this.menuChildren[layout][i].id);
			x += parseInt(div.offsetWidth);
			
			if(id == treestr){
				break;
			}
		
		}
		
		var array = new Array();
		array['width'] = x;
		array['num'] = num;
	
		return array;
		
	},
	mksubMenuShadow : function(){
		
		if(!this.showDropShadow)
			return false;
		
		for(var i in this.subMenuDropShadowDivs){
		
			this.subMenuDropShadowDivs[i].style.display = "";
	
		}
		
		var width = parseInt(this.subMenu.style.width);
		
		// top
		//this.subMenuDropShadowDivs[0].style.width = (this.subMenuWidth+8)+"px";
		this.subMenuDropShadowDivs[0].style.width = (width)+"px";
		this.subMenuDropShadowDivs[0].style.height = "4px";
		this.subMenuDropShadowDivs[0].style.top = (parseInt(this.subMenu.offsetTop)-4)+"px";
		//this.subMenuDropShadowDivs[0].style.left = (parseInt(this.subMenu.offsetLeft)-4)+"px";
		this.subMenuDropShadowDivs[0].style.left = (parseInt(this.subMenu.offsetLeft))+"px";
		this.subMenuDropShadowDivs[0].innerHTML = "&nbsp;";
		
		// left
		this.subMenuDropShadowDivs[1].style.width = "4px";
		this.subMenuDropShadowDivs[1].style.height = (parseInt(this.subMenu.offsetHeight))+"px";
		this.subMenuDropShadowDivs[1].style.top = (parseInt(this.subMenu.offsetTop))+"px";
		this.subMenuDropShadowDivs[1].style.left = (parseInt(this.subMenu.offsetLeft)-4)+"px";
		this.subMenuDropShadowDivs[1].innerHTML = "&nbsp;";
		
		// right
		this.subMenuDropShadowDivs[2].style.width = "4px";
		this.subMenuDropShadowDivs[2].style.height = (parseInt(this.subMenu.offsetHeight))+"px";
		this.subMenuDropShadowDivs[2].style.top = (parseInt(this.subMenu.offsetTop))+"px";
		this.subMenuDropShadowDivs[2].style.left = ((parseInt(this.subMenu.offsetLeft)+parseInt(this.subMenu.offsetWidth)))+"px";
		this.subMenuDropShadowDivs[2].innerHTML = "&nbsp;";
		
		// bottom
		//this.subMenuDropShadowDivs[3].style.width = (this.subMenuWidth+8)+"px";
		this.subMenuDropShadowDivs[3].style.width = (width)+"px";
		this.subMenuDropShadowDivs[3].style.height = "4px";
		this.subMenuDropShadowDivs[3].style.top = ((parseInt(this.subMenu.offsetTop)+parseInt(this.subMenu.offsetHeight)))+"px";
		//this.subMenuDropShadowDivs[3].style.left = (parseInt(this.subMenu.offsetLeft)-4)+"px";
		this.subMenuDropShadowDivs[3].style.left = (parseInt(this.subMenu.offsetLeft))+"px";
		this.subMenuDropShadowDivs[3].innerHTML = "&nbsp;";
		
	},
	rmsubMenuShadow : function(){
		
		this.subMenuContainer.style.display = "none";
		
		for(var i in this.subMenuDropShadowDivs){
		
			this.subMenuDropShadowDivs[i].style.display = "none";
	
		}
		
	},
	resize : function(evt){
		
		var event = evt || window.event;
		
		this.x = this.placeHolder.offsetLeft || this.get(this.placeHolder,"left");
		this.root.style.left = this.x+"px";
		
	},
	make : function(layout){
	
		var d = this;
	
		this.mainArr[layout].innerHTML = '';
		
		if(!this.menuChildren[layout])
			this.menuChildren[layout] = new Array();
		
		var width = 0;
		var count = 0;
		
		var spacing = 0;
		
		if(this.spacing)
			spacing = this.spacing;
		
		// use data to populate menu
		for(var i=0;i<this.data[layout]['_LIST_TOTAL_'];i++){
		
			var reg = new RegExp("([\.]+)","g");
		
			if(!reg.test(this.data[layout][i])){
		
				this.menuChildren[layout][count] = document.createElement("div");
				this.menuChildren[layout][count].className = "dmenu-item";
			
				this.menuChildren[layout][count].innerHTML = this.data[layout][i];	
				
				this.menuChildren[layout][count].setAttribute("id",this.divName+"."+layout+"."+this.data[layout][i]);
				this.menuChildren[layout][count].setAttribute("name",this.divName+"."+layout+"."+this.data[layout][i]);
				this.menuChildren[layout][count].onclick = function(event){d.selectItm(event)};
				this.menuChildren[layout][count].style.left = width+"px";
				
				this.mainArr[layout].appendChild(this.menuChildren[layout][count]);
				
				if(this.data[layout][this.data[layout][i]]['COLSPAN']){
					
					this.menuChildren[layout][count].className = "dmenu-item-colspan";
					
					var currentWidth = this.menuChildren[layout][count].offsetWidth;
					var colspan = this.data[layout][this.data[layout][i]]['COLSPAN'];
					
					var w = 0;
					
					for(var cw=1;cw<=colspan;cw++){
					
						if(cw > 1 && cw< colspan)
							w += this.spacing;
						else if(cw == 1 && colspan == 1)
							w -= this.spacing;
							
						w += currentWidth; 
					
					}
					
					this.menuChildren[layout][count].style.width = w+"px";
					
					this.colspan[this.data[layout][i]] = width+w;
				
				}
				
				var id = this.getId(this.menuChildren[layout][count].id);
				
				this.currentX[layout][id] = 0; // for animation purposes
				
				this.menuChldPos[layout][this.data[layout][i]] = count;
			
				width += parseInt(this.menuChildren[layout][count].offsetWidth)+spacing;
			
				this.maxAnimX[layout][id] = this.subMenuWidth;
				this.minAnimX[layout][id] = 0;
			
				this.defaultX[layout][id] = parseInt(this.menuChildren[layout][count].style.left);
				count++;
			}
		
		}
	
	},
	getId : function(id){
	
		if(!id)
			return false;
	
		var idArr = id.split(".");
		
		var string = "";
		
		for(var idi in idArr){
			
			if(idi > 0){
			
				if(idArr[idi] == this.layouts[this.selectedLayout])
					continue;
			
				if(string != "")
					string += ".";
			
				string += idArr[idi];
			
			}
		
		}
		
		return string;
	
	},
	disableSelection: function (target){
		
		if (typeof target.onselectstart!="undefined") //IE route
			target.onselectstart=function(){return false}
		else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
			target.style.MozUserSelect="none"
		else //All other route (ie: Opera)
			target.onmousedown=function(){return false}
		
	},
	selectItm : function(e){
	
		var evt = e || window.event;
	
		var target = evt.target || evt.srcElement;
		
		var deleteSub = false;
		
		var id = this.getId(target.getAttribute("name"));	
		
		var layout = this.layouts[this.selectedLayout];
		
		if(id && !this.subMenuOpen[layout][id] && !this.dragging && !this.dragged){
		
			if(this.selectedItem){
				
				var _class = this.selectedItem.className;
				
				if(_class && _class != "dmenu-item-added-selected" && _class != "dmenu-search")
					this.selectedItem.className = "dmenu-item";
			
				var sid = this.getId(this.selectedItem.getAttribute("name"))
		
				if(this.subMenuOpen[layout][sid]){
					this.subMenuOpen[layout][sid] = null;
					deleteSub = true;
				}
					
			}
			
			// remove submenu
			if(this.subMenuPos){
					
				this.menuChildren[layout].splice(this.subMenuPos,1);
				this.subMenuPos = null;
				for(var o in this.menuChildren[layout]){
							
					this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
							
				}
					
			}
			
			this.tree = new Array();
			
			//if(target.className == "dmenu-item"){
				this.selectedItem = target;
			//} else {
				//this.selectedItem = target.parentNode;
			//}
			
			//this.tree.push(this.getId(this.selectedItem.getAttribute("name")));
			
			if(this.selectedItem){
				if(this.selectedItem.className && this.selectedItem.className != "dmenu-item-added-selected" && this.selectedItem.className != "dmenu-search")
					this.selectedItem.className = "dmenu-item-hover";
			}
			
			// CHECK IF URL EXISTS
			// IF NOT EXPAND FOR SUBMENU
			
			var temp = this.data[layout][id];
	
			// IF NOT ANIMATING, THEN GO AHEAD AND CONTINUE CODE
				// IF URL IS PRESENT, GO TO URL
				
				if(typeof temp['URL'] != "undefined"){
				
					if(deleteSub){
						this.subMenu.innerHTML = '';
						this.rmsubMenuShadow();
					}
					
					for(var i in this.loadItem){
					
						this.debug(i+") "+this.loadItem[i]);
					
					}
					
					this.animateNow(true);
					if(!this.loadItem){
					
						if(temp['POPUP']){
						
							window.open("http://www.ftlportal.com/"+temp['URL'],temp['name']);
							
						} else {
					
							window.location = "http://www.ftlportal.com/"+temp['URL'];
						
						}
					}
					
				} else {
				
				//if(this.animateOn){
					this.animateNow(false);
				//}
				
				}
		}
		
		//for(var i in this.menuChildren){
		
			//if(this.menuChildren[i].id){
				//this.maxAnimX[this.menuChildren[i].id] = this.subMenuWidth;
				//this.minAnimX[this.menuChildren[i].id] = 0;
			//}
		//}
		
	},
	animateNow : function(noSub){
	
		//if(this.animation.length == 0){
	
			// animate all items greater than selectedItem
			// for testing lets move them over 100px
			
			if(this.selectedItem){
				var sid = this.getId(this.selectedItem.getAttribute("name"));
				var layout = this.layouts[this.selectedLayout];
				this.direction[layout] = new Array();
				
				if(this.subMenuOpen[layout][sid] && !noSub){
					this.subMenuOpen[layout][sid] = false;
					this.subMenu.innerHTML = '';
					if(this.subMenuDropShadow)
						this.rmsubMenuShadow();
				}
			}
			
			if(this.defaultSubMenuWidth){
				this.subMenuWidth = this.defaultSubMenuWidth;
				this.defaultSubMenuWidth = null;
				this.subMenu.style.width = this.subMenuWidth+"px";

			}
			
			//this.debugClear();
			
			if(!noSub)
				this.makeSub();
				
			this.animationSteps = 0;
			this.animate();
			
		//}
		
	},
	animate : function(){
	
		// animate the menu
		// move
		
		var d = this;
		
		if(this.animationSteps == 75){
		
			clearTimeout(this.animation);
			this.updateNotice();
			return true;
		
		}
		
		var layout = this.layouts[this.selectedLayout];
		var currentX = 0;
		var animate = 0;
		
		var spacing = 0;
		
		if(this.spacing)
			spacing = this.spacing;
		
		for(var i in this.menuChildren[layout]){
			
			// find out which direction to start the animation
			if(!this.direction[layout][i])
			{
				
				if(parseInt(this.menuChildren[layout][i].style.left) > currentX && this.menuChildren[layout][i] != this.subMenu){
				
					this.direction[layout][i] = -1;
					
				} else if(parseInt(this.menuChildren[layout][i].style.left) < currentX && this.menuChildren[layout][i] != this.subMenu) {
				
					this.direction[layout][i] = 1;
					
				} else {
					this.direction[layout][i] = 0;
				}
				
			}
			
			var xer = parseInt(this.__getStyle(this.menuChildren[layout][i],"width"))+parseInt(this.__getStyle(this.menuChildren[layout][i],"border-left-width"))+parseInt(this.__getStyle(this.menuChildren[layout][i],"border-right-width"));
			
			if(isNaN(xer)){
			
				xer = parseInt(this.menuChildren[layout][i].offsetWidth)
			
			}
			
			if(this.menuChildren[layout][i] == this.subMenu){
				
				this.subMenu.style.left = currentX+"px";
				var sw = parseInt(this.__getStyle(this.subMenu,"width"))+parseInt(this.__getStyle(this.subMenu,"border-left-width"))+parseInt(this.__getStyle(this.subMenu,"border-right-width"));
				currentX += sw;
				
			} else {
				
				currentX += xer;
			
			}
			if(this.direction[layout][i])
				animate++;
				
			currentX += spacing;	
			
		}
		
		currentX = 0;
		
		for(var i in this.menuChildren[layout]){
			
			var xer = parseInt(this.__getStyle(this.menuChildren[layout][i],"width"))+parseInt(this.__getStyle(this.menuChildren[layout][i],"border-left-width"))+parseInt(this.__getStyle(this.menuChildren[layout][i],"border-right-width"));
			
			if(isNaN(xer)){
			
				xer = parseInt(this.menuChildren[layout][i].offsetWidth)
			
			}
			
			var x = parseInt(this.menuChildren[layout][i].style.left);
			x += (10*this.direction[layout][i]);
			
			// animation is done for this element
			if(!this.direction[layout][i] || this.menuChildren[layout][i] == this.subMenu){
				
				var sw = parseInt(this.__getStyle(this.subMenu,"width"))+parseInt(this.__getStyle(this.subMenu,"border-left-width"))+parseInt(this.__getStyle(this.subMenu,"border-right-width"));
				
				if(this.menuChildren[layout][i] == this.subMenu)
					currentX += sw+spacing;
				else
					currentX += xer+spacing;
					
				//if(this.menuChildren[layout][i] == this.subMenu){
					
					//this.subMenuContainer.style.left = x+"px";
					//currentX += spacing;
					
				//}
				
				continue;
			}
			
			if(this.direction[layout][i] == -1 && x < currentX || this.direction[layout][i] == 1 && x > currentX){
			
				x = currentX;
				this.direction[layout][i] = 0;
				animate--;
			
			}
			
			if(!this.loadItem){
				this.menuChildren[layout][i].style.left = x+"px";
			} else {
				this.menuChildren[layout][i].style.left = currentX+"px";
			}
			
			var id = this.getId(this.menuChildren[layout][i].id);
				
			if(this.data[layout][id]['COLSPAN']){
				
				var right = this.colspan[id];
				
				//var currentWidth = this.menuChildren[layout][i].offsetWidth;
					
				var tmpW = (right-this.menuChildren[layout][i].offsetLeft);	
					
				if(tmpW > 0)	
					this.menuChildren[layout][i].style.width = tmpW+"px";
					
			}
			
			currentX += xer+spacing;
		
		
		}
		
		if(animate> 0){
		
			this.animationSteps++;
			this.animation = setTimeout(function(){d.animate();},1);
			
		} else {
			
			clearTimeout(this.animation);
			this.animation = false;
			if(this.selectedItem)
				temp = this.data[layout][this.getId(this.selectedItem.getAttribute("name"))];
				
			if(!this.subMenu.innerHTML == "" || typeof temp['URL'] != "undefined")
				this.showSub();
			else {
				this.deSelect();
			}
		}
		
		this.updateNotice();
		
	},
	deSelect : function(){
		
		var layout = this.layouts[this.selectedLayout];
		
		if(this.selectedItem){
			
			var _class = this.selectedItem.className;
			
			if(_class && _class != "dmenu-item-added-selected" && _class != "dmenu-search")
				this.selectedItem.className = "dmenu-item";
				
			var sid = this.getId(this.selectedItem.getAttribute("name"))
			if(this.subMenuOpen[layout][sid]){
				this.subMenuOpen[layout][sid] = false;	
			}
			this.selectedItem = null;
		}
		
	},
	showSub : function(){
		
		var layout = this.layouts[this.selectedLayout];
			
		if(this.loadItem && this.loadItem.length > 1){
		
			this.loadPosition++;
			
			var i = "";
			
			for(var j=0;j<=this.loadPosition;j++){
			
				if(i != "")
					i += ".";
			
				i += this.loadItem[j];
			
			}
			
			for(var c in this.subMenuChildren[layout]){
				
				if(this.getId(this.subMenuChildren[layout][c].id) == i){
					var e = new Object();
					e.target = this.subMenuChildren[layout][c];
					e.target.setAttribute("name",this.subMenuChildren[layout][c].id);
					this.subClckItm(e);
					
					if(this.loadPosition >= this.loadItem.length-1)
						this.loadItem = null;
					
					return true;
				}
			}
		}
		
		if(this.subMenuChildren[layout] && this.subMenuChildren[layout].length == 0)
			return false;																	
		
		if(this.subMenuPos){
		
			var sid = this.getId(this.selectedItem.getAttribute("name")); 
			
			var temp = this.data[layout][sid];
				
			if(!temp['URL'] && !this.subMenu.innerHTML == ""){
			
				this.subMenuContainer.style.display = "block";
				
				this.mksubMenuShadow();
				
				// focus
				this.focus();
			
			}
		
		}
		
	},
	subClckItm : function(e){
		
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		// need a target with an ID
		
		while(!target.getAttribute("name")){
		
			target = target.parentNode;
		
		}
		
		if(!this.animation){
		
			// remove
			
			var layout = this.layouts[this.selectedLayout];
			var id = this.getId(this.selectedItem.getAttribute("name"));
			
			if(this.subMenuOpen[layout][id]){
				this.subMenuOpen[layout][id] = false;
				this.subMenu.innerHTML = '';
				this.rmsubMenuShadow();
			}
			
			var _class = this.selectedItem.className;
			
			if(_class && _class != "dmenu-item-added-selected" && _class != "dmenu-search")
				this.selectedItem.className = "dmenu-item";
			
			// add
			this.animateOn = false;
			
			var itm = this.getId(target.getAttribute("name"));
		
			
			// remove submenu
			if(this.subMenuPos){
					
				this.menuChildren[layout].splice(this.subMenuPos,1);
				this.subMenuPos = null;
				for(var o in this.menuChildren[layout]){
							
					this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
							
				}
					
			}
			
			this.add(itm);
			
			this.animateOn = true;
			
			// don't animation
			this.selectItm(e);
		
		}
		
	},
	__trackSubMenu : function(){
		
		this.subMenuTracking = 0;
		if(this.subMenuTrackingInterval){
			clearInterval(this.subMenuTrackingInterval);
			this.subMenuTrackingInterval = null;
		}
		
	},
	trackSubMenu : function(){
		
		this.subMenuTracking++;
		if(this.subMenuTracking > 1){
		
			if(this.subMenuTrackingInterval){
				clearInterval(this.subMenuTrackingInterval);
				this.subMenuTrackingInterval = null;
			}
			
			this.subMenuTracking = 0;
			
			this.closeSubMenu();
		
		}
		
	},
	subMenuTracker : function(){
		
		var m = this;
		
		if(this.fsubMenuTrackingInterval){
			clearInterval(this.fsubMenuTrackingInterval);
			this.fsubMenuTrackingInterval = null;
		}
		
		if(!this.subMenuTrackingInterval){
			this.subMenuTracking = 0;
			this.subMenuTrackingInterval = setInterval(function(){m.trackSubMenu()},250);
		
		}
		
	},
	ftrackSubMenu : function(){
		
		this.fsubMenuTracking++;
		if(this.fsubMenuTracking > 3){
		
			if(this.fsubMenuTrackingInterval){
				clearInterval(this.fsubMenuTrackingInterval);
				this.fsubMenuTrackingInterval = null;
			}
			
			this.fsubMenuTracking = 0;
			
			this.closeSubMenu();
		
		}
		
	},
	fsubMenuTracker : function(){
		
		var m = this;
		
		if(!this.fsubMenuTrackingInterval){
			
			this.fsubMenuTracking = 0;
			this.fsubMenuTrackingInterval = setInterval(function(){m.ftrackSubMenu()},1000);
		
		}
		
	},
	makeSub : function(){
	
		var d = this;
	
		this.subMenuTracking = 0;
	
		if(this.subMenuTrackingInterval)
			clearInterval(this.subMenuTrackingInterval);
	
		if(this.hideSubMenuHeader)
			this.fsubMenuTracker();
	
		if(this.selectedItem){
	
			var addSearch = true;
		
			var layout = this.layouts[this.selectedLayout];
			var sid = this.getId(this.selectedItem.getAttribute("name")); 
		
			var temp = this.data[layout][sid];
		
			var divTemp = this.selectedItem;
		
			var divTempWidth = divTemp.offsetWidth;
		
			var w = parseInt(divTempWidth);
		
			var xx = 0;
			
			for(var io in this.menuChildren[layout]){
				
				if(this.menuChildren[layout][io].id == this.selectedItem.getAttribute("name"))
					break;
					
				if(this.menuChildren[layout][io] != this.subMenu)	{
					xx += parseInt(this.menuChildren[layout][io].offsetWidth);
				}
			}
			
			this.subMenuContainer.style.display = "block";
			
			xx += (parseInt(this.subMenuContainer.style.left)-parseInt(this.container.offsetLeft));
			
			if(!temp['URL']){
		
				this.subMenuOpen[layout][sid] = this.selectedItem;
				
				this.subMenu.innerHTML = '';
				
				this.subMenuContainer.appendChild(this.subMenu);
				
				var newSubMenuStyleLeft = (xx+w)+"px";
				
				//if(isNaN(newSubMenuStyleLeft))
					//newSubMenuStyleLeft = 0;
				
				this.subMenu.style.top = "-23px";
				
				this.subMenu.style.left = newSubMenuStyleLeft;
				
				if(this.setSubMenuTop)
					this.subMenu.style.top = this.setSubMenuTop;
				
				// POPULATE SUB MENU
				var divider = document.createElement("img");
				divider.setAttribute('src','http://www.ftlportal.com/images?img=/menu/submenu-divider.png');
				
				// ICONS
				
				this.subMenuIcons = document.createElement("div");
				this.subMenuIcons.className = "dmenu-submenu-icons";
				
				// ITEMS
				
				this.subMenuItems = document.createElement("div");
				this.subMenuItems.className = "dmenu-submenu-items";
				
				this.subMenuItems.style.top = "30px";
				
				if(this.setSubMenuWidth)
					this.subMenuItems.style.width = this.setSubMenuWidth;
				
				var children = new Array();
				var chldCount = 0;
				
				// get the sub items to show
				// create tree string
				
				var newReg = new RegExp("^"+sid+"([\.]+)([a-zA-Z0-9\- ]+)$");
				var searchReg = new RegExp("search");
				var searchRegMain = new RegExp("search$");
				
				if(searchReg.test(sid)){
					addSearch = false;
				}
				
				var smh = 30;
				
				this.subMenu.appendChild(this.subMenuIcons);
					
				if(!this.hideSubMenuHeader){
					
					this.subMenu.appendChild(divider);
				
				} else {
				
					this.subMenuItems.style.top = "0px";
					smh = 0;
				
				}
				
				this.subMenu.appendChild(this.subMenuItems);
				
				var maxWidth = this.subMenuWidth;
				
				var maxHeight = 0;
				
				for(var i in this.data[layout]){
				
					if(newReg.test(this.data[layout][i]) && !searchRegMain.test(this.data[layout][i])){
					
						var temp = newReg.exec(this.data[layout][i]);
					
						children[chldCount] = document.createElement("div");
						children[chldCount].setAttribute('id',this.divName+"."+layout+"."+this.data[layout][i]);
						children[chldCount].setAttribute('name',this.divName+"."+layout+"."+this.data[layout][i]);
						children[chldCount].onclick = function(event){d.subClckItm(event)};
						children[chldCount].className = "dmenu-submenu-items-item";
						
						if(this.hideSubMenuHeader){
							children[chldCount].onmouseover = function(){d.__trackSubMenu()};
							children[chldCount].onmouseout = function(){d.subMenuTracker()};
						}
						
						children[chldCount].innerHTML = '<div name="'+this.divName+"."+layout+"."+this.data[layout][i]+'">'+temp[2]+'</div>';
						
						//this.data[layout][this.data[layout][i]]['MATCHES'];
						
						var extra = 0;
						
						if(!this.data[layout][this.data[layout][i]]['URL']){
							
							var more = document.createElement("div");
							more.innerHTML = "&nbsp";
							more.className = "dmenu-submenu-items-item-more";
							extra = children[chldCount].innerHTML.length;
							children[chldCount].appendChild(more);
							more.style.top = (maxHeight)+"px";
				
							
						}
						
						this.subMenuItems.appendChild(children[chldCount]);
						
						if(children[chldCount].offsetWidth != this.setSubMenuWidth)
							children[chldCount].style.width = this.setSubMenuWidth;
						
						// OLD
						//if(this.__getStyle(children[chldCount],'width') != this.setSubMenuWidth)
							//children[chldCount].style.width = this.subMenuWidth+"px";	
							
						children[chldCount].style.textAlign = "center";
						
						if(children[chldCount].innerHTML.length > maxWidth*.4){
						
							maxWidth += extra;
						
						}
						
						if(parseInt(children[chldCount].offsetHeight) > 30 && this.__getStyle(children[chldCount],'width') != this.setSubMenuWidth){
						
							var diff = parseInt(children[chldCount].offsetHeight)/30;
							children[chldCount].style.width = (this.subMenuWidth*diff)+"px";
							
							if(maxWidth < (this.subMenuWidth*diff)) 
								maxWidth = this.subMenuWidth*diff;
								
							maxWidth += extra;
							
						}
						
						maxHeight += parseInt(children[chldCount].offsetHeight);
						
						
						chldCount++;
								
					}
				}
				
				if(!this.setSubMenuWidth){
					if(maxWidth > this.subMenuWidth){
						
						for(var ch in children){
						
							if(this.__getStyle(children[ch],'width') != this.setSubMenuWidth)
								children[ch].style.width = maxWidth+"px";
						
						}
						
					}
				}
				
				if(this.setSubMenuWidth)
					this.subMenu.style.width = this.setSubMenuWidth;
				else
					this.subMenu.style.width = maxWidth+"px";
				
				this.subMenuChildren[layout] = children;
				
				var w = maxWidth;
				
				if(parseInt(this.subMenuItems.offsetWidth) > w){
				
					w = parseInt(this.subMenuItems.offsetWidth);
				
					this.defaultSubMenuWidth = this.subMenuWidth;
					this.subMenuWidth = w;
					this.subMenu.style.width = w+"px";
				
				}
				
				if(this.setSubMenuWidth)
					divider.style.width = (parseInt(this.setSubMenuWidth)-16)+"px";
				else
					divider.style.width = (w-16)+"px";
				divider.style.left = "0px";
				divider.style.height = "2px";
				
				// SEARCH ICON
				var searchIcon = document.createElement("div");
				searchIcon.innerHTML = "&nbsp;";
				searchIcon.className = "dmenu-submenu-icons-search";
				searchIcon.onclick = function(event){d.addSearch()};
				
				if(this.hideSubMenuHeader)
					searchIcon.style.display = "none";
				
				this.tips.attachTip(searchIcon,'search');
				
				// POPULAR
				var popIcon = document.createElement("div");
				popIcon.innerHTML = "&nbsp;";
				popIcon.className = "dmenu-submenu-icons-pop";
				popIcon.style.left = "18px";
				popIcon.onclick = function(event){d.sort("pop")};
				
				if(this.hideSubMenuHeader)
					popIcon.style.display = "none";
				
				this.tips.attachTip(popIcon,'sort by popularity');
				
				// ABC
				var abcIcon = document.createElement("div");
				abcIcon.innerHTML = "&nbsp;";
				abcIcon.className = "dmenu-submenu-icons-abc";
				abcIcon.style.left = "35px";
				abcIcon.onclick = function(event){d.sort("abc")};
				
				if(this.hideSubMenuHeader)
					abcIcon.style.display = "none";
				
				this.tips.attachTip(abcIcon,'sort alphabetically');
				
				// DELETE
				var delIcon = document.createElement("div");
				delIcon.innerHTML = "&nbsp;";
				delIcon.className = "dmenu-submenu-icons-delete";
				if(this.setSubMenuWidth)
					delIcon.style.left = (parseInt(this.setSubMenuWidth)-26)+"px";
				else
					delIcon.style.left = (w-26)+"px";
				delIcon.onclick = function(event){d.closeSubMenu()};
				
				if(this.hideSubMenuHeader)
					delIcon.style.display = "none";
				
				this.tips.attachTip(delIcon,'close');
				
				if(!addSearch){
					searchIcon.className = "dmenu-submenu-icons-search-fade";
					searchIcon.onclick = null;
				}
				this.subMenuIcons.appendChild(searchIcon);
				this.subMenuIcons.appendChild(popIcon);
				this.subMenuIcons.appendChild(abcIcon);
				this.subMenuIcons.appendChild(delIcon);
				
				this.subMenu.style.height = (smh+maxHeight)+"px";
				
				this.mksubMenuShadow();
				
				// hide for now
				this.subMenuContainer.style.display = "none";
				
				// add sub to menuChildren
				
				// remove submenu
				
				if(this.subMenuPos != null){
				
					this.menuChildren[layout].splice(this.subMenuPos,1);
					this.subMenuPos = null;
				
					for(var o in this.menuChildren[layout]){
						
						this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
						
					}
					
				}
				
				var x = parseInt(this.menuChldPos[layout][this.getId(this.selectedItem.getAttribute("name"))])+1;
				this.menuChildren[layout].splice(x,0,this.subMenu);
				
				this.subMenuPos = x;
			
			}
			
			var parent = this.parentId(this.getId(this.selectedItem.getAttribute("name")));
				
			if(this.sorter[layout][parent])
				this.sort(this.sorter[layout][parent]);
			else {	
			
				if(this.sorter[layout][this.getId(this.selectedItem.getAttribute("name"))])
					this.sort(this.sorter[layout][this.getId(this.selectedItem.getAttribute("name"))]);
				else {
					
					this.sort(this.defaultSort);	
				}
			
			}
		
		}
		
	},
	parentId : function(str){
		
		var arr = str.split(".");
		
		var parent = "";
		for(var i=0;i<arr.length-1;i++){
		
			if(parent != "")
				parent += ".";
				
			parent += arr[i];	
		
		}
		
		return parent;
		
	},
	closeSubMenu : function(){
		
		if(this.subMenuTrackingInterval)
			clearInterval(this.subMenuTrackingInterval);
		
		var layout = this.layouts[this.selectedLayout];
		
		if(this.subMenuPos){
				
			this.menuChildren[layout].splice(this.subMenuPos,1);
			this.subMenuPos = null;
			for(var o in this.menuChildren[layout]){
						
				this.menuChldPos[layout][this.getId(this.menuChildren[layout][o].id)] = o*1;
						
			}
				
		}
		
		this.subMenu.innerHTML = "";
		this.subMenuContainer.removeChild(this.subMenu);
		
		this.rmsubMenuShadow();
		
		this.subMenuContainer.style.display = "none";
		
		this.tips.hideTip();
		
		this.animateNow(true);
		
	},
	subMenuReDraw : function(){
		
		var layout = this.layouts[this.selectedLayout];
		//var items = this.subMenu.childNodes[2];
		
		while(this.subMenuItems.hasChildren)
			this.subMenuItems.removeChildAt(0);
		
		var mh = 0;
		
		for(var i in this.subMenuChildren[layout]){
			
			this.subMenuItems.appendChild(this.subMenuChildren[layout][i]);
			
			if(this.subMenuChildren[layout][i].childNodes[1]){
			
				this.subMenuChildren[layout][i].childNodes[1].style.top = mh+"px";
			
			}
			
			mh += parseInt(this.__getStyle(this.subMenuChildren[layout][i],"height"));
			
		}
		
	},
	debugClear : function(){
		
		this.debugTxt.innerHTML= "";
		
	},
	debug : function(txt){
	
		if(this.debugOn)
			this.debugTxt.innerHTML += txt+"<br/><br/>";
	
	},
	resetSubMenuIcons : function(){
		
		for(var i in this.subMenuIcons.childNodes){
		
			var cn = this.subMenuIcons.childNodes[i].className;
			
			if(cn){
				var n = cn.split("-");
				if(n[n.length-1] == "highlight"){
				
					var newN = "";
					
					for(var nn=0;nn<n.length-1;nn++){
					
						if(newN != "")
							newN += "-";
					
						newN += n[nn];
					
					}
					
					this.subMenuIcons.childNodes[i].className = newN;
					if(this.hideSubMenuHeader)
						this.subMenuIcons.childNodes[i].style.display = "none";
				
				}
			}
		
		}
		
	},
	updateNotice : function(){
		
		if(!this.noticesOn)
			return false;
		
		var layout = this.layouts[this.selectedLayout];
		
		var c = this.notices.childNodes;
		
		if(c.length){
		
			for(var i=0;i<c.length;i++){
			
				var id = this.getId(c[i].id);
				var pos = 0;
				for(var j in this.menuChildren[layout]){
				
					var jid = this.getId(this.menuChildren[layout][j].id);
					
					if(jid == id){
					
						pos = parseInt(this.menuChildren[layout][j].style.left);
						break;
					
					}
				
				}
				var tpos = pos+parseInt(this.notices.style.left);
				
				var min = parseInt(this.root.style.left);
				var max = min+((parseInt(this.root.offsetWidth)-parseInt(this.shortcuts.offsetWidth))-25);
				
				if(tpos < min || tpos > max){
					c[i].style.display = "none";	
				} else
					c[i].style.display = "block";			
				
				c[i].style.left = pos+"px";
			
			}
		
		}
		
	},
	deleteNotice: function(name){
		
		var layout = this.layouts[this.selectedLayout];
		
		var c = this.notices.childNodes;
		
		if(c.length){
		
			for(var i=0;i<c.length;i++){
			
				var id = this.getId(c[i].id);
				var pos = 0;
				
				if(id == this.getId(name)){
				
					this.notices.removeChild(c[i]);
					break;
				
				}
			
			}
		
		}
		
	},
	sort : function(type){
		
		var layout = this.layouts[this.selectedLayout];
		var d = this;
	
		this.sorter[layout][this.getId(this.selectedItem.getAttribute("name"))] = type;
		
		this.resetSubMenuIcons();
	
		switch(type){
			
			case "pop":
			
				this.subMenuChildren[layout].sort(sortByPop);
				this.subMenuIcons.childNodes[1].className = "dmenu-submenu-icons-pop-highlight";
				if(this.hideSubMenuHeader)
					this.subMenuIcons.childNodes[1].style.display = "none";
			
			break;
			case "abc":
			
				// sort in alphabetical order
				this.subMenuChildren[layout].sort(sortByAlpha);
				this.subMenuIcons.childNodes[2].className = "dmenu-submenu-icons-abc-highlight";
				if(this.hideSubMenuHeader)
					this.subMenuIcons.childNodes[2].style.display = "none";
			
			break;
		
		}
		
		// now redraw items
		this.subMenuReDraw();
	
		function sortByAlpha (a,b) {
			var x = a.innerHTML.toLowerCase();
			var y = b.innerHTML.toLowerCase();
			return ((x < y) ? -1 : ((x > y) ? 1 : 0));
		}
		
		function sortByPop (a,b){
		
			var x = new Number(d.data[layout][d.getId(a.id)]['POPULARITY']);
			var y = new Number(d.data[layout][d.getId(b.id)]['POPULARITY']);
			return (y-x);
			
		}
	
	},/*
	__getStyle : function(x,styleProp){
		
		if (x.currentStyle)
			var y = x.currentStyle[styleProp];
		else if (window.getComputedStyle)
			var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
		
		return y;
		
	},*/
	__getStyle : function(oElm, strCssRule){
		var strValue = "";
		if(document.defaultView && document.defaultView.getComputedStyle && document.defaultView.getComputedStyle(oElm, "")){
			strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
		}
		else if(oElm.currentStyle){
			strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
				return p1.toUpperCase();
			});
			strValue = oElm.currentStyle[strCssRule];
		}
		return strValue;
	}

	
}


// Portal onload.js
// Copyright 2010 Iomnis. All rights reserved.

portal.onload = function(){

	this.init();

}

portal.onload.prototype = {

	events : null,
	init : function(){
		
		var i = this;
		
		this.events = new Array();
		
		if(!site.halt)
			window.onload = function(){i.__run()};
		else {
		
			window.onload = function(){i.__halt()};
		
		}
		
	},
	__halt : function(){
		
		site.__showHalt();
		
	},
	clear : function(){
		
		this.events = new Array();
		
	},
	addEvent : function(func,priority){
		
		this.events.push(func);
		
		if(priority){
		
			// swap them
			this.events[0]= this.events.splice(this.events.length-1, 1, this.events[0])[0]; 
		
		}
		
		
	},
	__run : function(){
	
		for(var i in this.events){
			this.events[i]();
		}
	
	}
	
}
// Pane
// Copyright 2011 Iomnis. All rights reserved.

portal.paneEventListener = [];

portal.pane = function(params){

	this.init(params);

}

portal.pane.prototype = {

	parent : null,
	root : null,
	type : "pane",
	data : null,
	layout : {},
	eventListener : null,
	events : {},
	dismissCalled : false,
	id : null,
	init : function(params){
		
		this.root = document.createElement("div");
		this.root.className = "pane";
		this.root.id = "pane"+Math.random();
		
		this.layout = {};
		
		this.data = params ? params : {};
		
		if(this.data['mode'])
			this.type = this.data['mode'];
		
		this.mode(this.type); // default
		
	},
	display : function(){
		
		return this.root.style.display;
		
	},
	setDisplay : function(display){
		
		this.root.style.display = display;
		
	},
	mode : function(m){
		
		this.dismissCalled = false;
		
		this.type = m;
		
		this.attach(document.body);	
		
	},
	attach : function(el){
	
		if(el != this.parent){
	
			if(this.parent){
			
				this.parent.removeChild(this.root);
				
			}
		
			this.parent = el;
			
			this.parent.appendChild(this.root);
		
		}
		
		this.render();
		
	},
	render : function(){
		
		// clear
		
		this.root.innerHTML = "";
		
		// render the pane
		
		switch(this.type){
		
			case "dropdown":
			case "menu":
			
				this.renderAsMenu();
			
			break;
			case "popup":
			
				this.renderAsPopUp();
			
			break;
			case "float":
			
				this.renderAsFloat();
			
			break;
			default:
			
				this.renderPane();
			
			break;
			
		}
	
	},
	renderAsFloat : function(){
		
		this.renderPane();
		
		if(this.data['content'])
			this.layout['content'].appendChild(this.data['content']);
		
		if(this.data['x'] != null && this.data['y'] != null){
			
			this.setPos(this.data['x'],this.data['y']);
			
		}
		
	},
	renderAsMenu : function(){
		
		var p = this;
		
		this.renderPane();
		
		// renderAsDropDown
		
		if(this.type == "dropdown")
			this.renderAsDropDown();
		
		// time to add menu items
		
		var topper = 0, firster = 0, height = 0;
			
		for(var i in this.data['data']){
		
			var grp = document.createElement("ul");
			grp.className = "grp";
			
			this.layout['content'].appendChild(grp);
			
			for(var j in this.data['data'][i]){
			
				var itm = document.createElement("li");
				itm.innerHTML = j;
				
				grp.appendChild(itm);
				
				if(!this.data['data'][i][j]){
					
					itm.className = "disabled";
					
				} else {
				
					if(j == this.data['selectedItem']){
						
						itm.className = "selected";
						topper = site.offsetTop(itm);
						
					}
					
					if(firster == null)
						firster = site.offsetTop(itm);
				
					events.register(itm,"mousedown",this.data['data'][i][j]);
					//events.register(itm,"mousedown",function(){p.nodismiss();});
					
					if(!this.data['disabledDismiss'])		
						events.register(itm,"mousedown",function(){p.dismiss()});
				
				}
			
			}
			
			height += grp.offsetHeight;
			
		}
		
		grp.className += " noborder";
		
		//portal.paneEventListener.push(events.register(document.body,"mousedown",function(){p.dismiss(true,p)}));
		
		this.layout['startTop'] = this.layout['content'].childNodes[0].offsetTop;
		
		if(this.type == "dropdown"){
			
			if(this.data['selectedItem'] && topper != null){
			
				var dist = topper-(firster+18*Math.floor(this.data['viewableItems']/2));
				
				if((this.layout['content'].childNodes[0].offsetTop-dist) > this.layout['startTop'])
					dist = 0;
					
				for(var child=0;child<this.layout['content'].childNodes.length;child++){
			
					this.layout['content'].childNodes[child].style.top = (this.layout['content'].childNodes[child].offsetTop-dist)+"px";
					
				}
				
				this.rollCheck();
				
			}
			
		}
		
		this.checkAutoSize(height);
		
		setTimeout(function(){
		
			p.eventListener = events.register(document.body,"mousedown",function(){p.dismiss(true)});
			
		},1);
		
	},
	checkAutoSize : function(height){
		
		if(this.data['height'] == "auto"){
		
			this.data['height'] = height-7;
			//this.layout['content'].style.height = (this.data['height']-18)+"px";
			this.layout['main'].style.height = this.data['height']+"px";
			this.clearBorder();
			this.renderBorder();
		
		}
		
	},
	renderAsDropDown : function(){
		
		// fix height for drop down
		
		var length = 0, p = this;
		for(var i in this.data['data']){
			for(var j in this.data['data'][i])
				length++;
		}
					
		if(this.data['viewableItems'] && length <= this.data['viewableItems'])
			return true;
		
		this.clearBorder();
		
		if(this.layout['content'].offsetHeight > 190){
		
			this.layout['content'].style.height = "190px";
			this.layout['main'].style.height = (190)+"px";
		
		}
	
		this.clearContent(); // auto clear content
		
		this.renderBorder();
		
		// add up and down arrows
		
		this.layout['dropdown.up'] = document.createElement("div");
		this.layout['dropdown.up'].className = "drop-down-arrow-up-disabled";
		
		this.root.appendChild(this.layout['dropdown.up']);
		
		this.layout['dropdown.down'] = document.createElement("div");
		this.layout['dropdown.down'].className = "drop-down-arrow-down";
		
		this.root.appendChild(this.layout['dropdown.down']);
		
		this.layout['dropdown.up'].style.left = ((this.layout['main'].offsetWidth-this.layout['dropdown.up'].offsetWidth)/2)+"px";
		this.layout['dropdown.down'].style.left = ((this.layout['main'].offsetWidth-this.layout['dropdown.up'].offsetWidth)/2)+"px";
		
		///
		
		this.root.appendChild(this.layout['content']); // re-add content
		
		this.layout['content'].style.top = (this.layout['content'].offsetTop+6)+"px";
		
		events.register(this.layout['dropdown.down'],"mouseover",function(){p.startRollUp()});
		events.register(this.layout['dropdown.down'],"mouseout",function(){p.stopRollUp()});
		
		events.register(this.layout['dropdown.up'],"mouseover",function(){p.startRollDown()});
		events.register(this.layout['dropdown.up'],"mouseout",function(){p.stopRollDown()});
		
		events.register(this.layout['border-b'],"mouseover",function(){p.startRollUp()});
		events.register(this.layout['border-b'],"mouseout",function(){p.stopRollUp()});
		
		events.register(this.layout['border-t'],"mouseover",function(){p.startRollDown()});
		events.register(this.layout['border-t'],"mouseout",function(){p.stopRollDown()});
		
	},
	startRollUp : function(){
		
		var p = this;
	
		this.layout['rollingUp'] = setInterval(function(){p.rollUp()},1);
		
	},
	stopRollUp : function(){
		
		if(this.layout['rollingUp'])
			clearInterval(this.layout['rollingUp']);
		
	},
	rollUp : function(){
		
		var height = 0;
		for(var child=0;child<this.layout['content'].childNodes.length;child++){
			
			height += this.layout['content'].childNodes[child].offsetHeight;
			
		}
		
		if(this.layout['content'].childNodes[0].offsetTop <= (this.layout['content'].offsetHeight+this.layout['dropdown.up'].offsetHeight)-height){
		
			this.layout['dropdown.down'].className = "drop-down-arrow-down-disabled";
		
			return true;
			
		}
		
		this.layout['dropdown.down'].className = "drop-down-arrow-down";
		this.layout['dropdown.up'].className = "drop-down-arrow-up";
		
		for(child=0;child<this.layout['content'].childNodes.length;child++){
		
			this.layout['content'].childNodes[child].style.top = (this.layout['content'].childNodes[child].offsetTop-4)+"px";
			
		}
		
	},
	startRollDown : function(){
		
		var p = this;
		
		this.layout['rollingDown'] = setInterval(function(){p.rollDown()},1);
		
	},
	stopRollDown : function(){
		
		if(this.layout['rollingDown'])
			clearInterval(this.layout['rollingDown']);
		
	},
	rollDown : function(){
		
		if(this.layout['content'].childNodes[0].offsetTop >= this.layout['startTop']){
		
			this.layout['dropdown.up'].className = "drop-down-arrow-up-disabled";
		
			return true;
			
		}
		
		this.layout['dropdown.up'].className = "drop-down-arrow-up";
		this.layout['dropdown.down'].className = "drop-down-arrow-down";
		
		for(child=0;child<this.layout['content'].childNodes.length;child++){
		
			this.layout['content'].childNodes[child].style.top = (this.layout['content'].childNodes[child].offsetTop+4)+"px";
			
		}
		
	},
	rollCheck : function(){
		
		if(!this.layout['dropdown.up'] || !this.layout['dropdown.down'])
			return false;
		
		var height = 0;
		for(var child=0;child<this.layout['content'].childNodes.length;child++){
			
			height += this.layout['content'].childNodes[child].offsetHeight;
			
		}
		
		this.layout['dropdown.up'].className = "drop-down-arrow-up";
		this.layout['dropdown.down'].className = "drop-down-arrow-down";
		
		if(this.layout['content'].childNodes[0].offsetTop >= this.layout['startTop']){
		
			this.layout['dropdown.up'].className = "drop-down-arrow-up-disabled";
			
		}
		
		if(this.layout['content'].childNodes[0].offsetTop <= (this.layout['content'].offsetHeight+this.layout['dropdown.up'].offsetHeight)-height){
		
			this.layout['dropdown.down'].className = "drop-down-arrow-down-disabled";
		
		}
		
	},
	renderAsPopUp : function(){
		
		this.data['height'] = this.data['height']+15;
		
		this.renderPane();	
		
		this.root.style.top = (0-this.root.offsetHeight-this.layout['border-b'].offsetHeight)+"px";
		
		if(this.data['x'])
			this.root.style.left = this.data['x']+"px";
		else
			this.root.style.left = ((site.window.innerWidth-this.root.offsetWidth)/2)+"px";
		
		this.layout['content'].appendChild(this.data['content']);
		
		var buttons = document.createElement("div");
		buttons.className = "buttons";
		
		for(var btn in this.data['buttons']){
		
			var b = this.createButton(btn);
			
			buttons.appendChild(b);
			
			if(typeof this.data['buttons'][btn] == "function")
				events.register(b,"click",this.data['buttons'][btn]);
			
		}
		
		buttons.appendChild(this.createClear());
		
		this.layout['content'].appendChild(buttons);
		
		if(this.data['done'])
			this.events['anim.open'] = new portal.anim(this.root,{"y":0,"delay":0,"step":15,"done":this.data['done']});
		else
			this.events['anim.open'] = new portal.anim(this.root,{"y":0,"delay":0,"step":15});
		
	},
	animate : function(){
	
		if(this.data['done'])
			this.events['anim.open'] = new portal.anim(this.root,{"y":0,"delay":0,"step":15,"done":this.data['done']});
		else
			this.events['anim.open'] = new portal.anim(this.root,{"y":0,"delay":0,"step":15});
	
	},
	renderPane : function(){
	
		// default position
		
		if(!this.data['flipY'])
			this.root.style.top = this.data['y'] ? this.data['y']+"px" : "0px";
		else
			this.root.style.bottom = this.data['y'] ? this.data['y']+"px" : "0px";	
		
		if(!this.data['flipX'])
			this.root.style.left = this.data['x'] ? this.data['x']+"px" : "0px";
		else
			this.root.style.right = this.data['x'] ? this.data['x']+"px" : "0px";	
	
		// apply the css
		
		this.layout['main'] = document.createElement("div");	
		
		this.layout['main'].style.width = (this.data['width']-19)+"px";
			
		if(this.data['height'] != "auto")	
			this.layout['main'].style.height = (this.data['height'])+"px";
		else
			this.layout['main'].style.height = "auto";	
	
		this.root.appendChild(this.layout['main']);
		
		// content div
		
		this.layout['content'] = document.createElement("div");
		this.layout['content'].className = "paneContent";
		
		this.layout['content'].style.width = (this.data['width']-1)+"px";
		
		if(this.data['height'] != "auto")
			this.layout['content'].style.height = (this.data['height'])+"px";
		else
			this.layout['content'].style.height = "auto";
		
		this.root.appendChild(this.layout['content']);
		
		if(this.data['id'])
			this.id = this.data['id'];
			
		this.renderBorder();	
		
	},
	setPos : function(x,y){
		
		if(!this.data['flipY'])
			this.root.style.top = y+"px";
		else
			this.root.style.bottom = y+"px";	
		
		if(!this.data['flipX'])
			this.root.style.left = x+"px";
		else
			this.root.style.right = x+"px";	
		
	},
	setDimensions : function(w,h){
		
		if(w)
			this.data['width'] = w;
		
		if(h)
			this.data['height'] = h;
		
	},
	clearContent : function(){
		
		if(!this.layout['content'])
			return false;
		
		while(this.layout['content'].childNodes.length > 0)
			this.layout['content'].removeChild(this.layout['content'].childNodes[0]);
		
		this.root.removeChild(this.layout['content']);
		
	},
	setContent : function(content){
		
		this.clearContent();
		this.clearBorder();
		
		this.layout['content'] = document.createElement("div");
		this.layout['content'].className = "paneContent";
		
		this.layout['content'].style.width = this.data['width'] ? (this.data['width']-1)+"px" : "100px";
		this.layout['content'].style.height = this.data['height'] ? (this.data['height']-15)+"px" : "86px";
		
		this.root.appendChild(this.layout['content']);

		this.layout['content'].appendChild(content);
		
		this.renderBorder();
		
	},
	getContent : function(){
		
		return this.layout['content'];
	
	},
	clearBorder : function(){
		
		var sh = ["tl","t","tr","l","r","bl","b","br"];
		
		for(var i in sh){
		
			if(this.layout['border-'+sh[i]]){
				
				this.root.removeChild(this.layout['border-'+sh[i]]);
				this.layout['border-'+sh[i]] = null;
			}
			
		}
		
	},
	renderBorder : function(){
		
		var sh = ["tl","t","tr","l","r","bl","b","br"];
		
		for(var i in sh){
		
			this.layout['border-'+sh[i]] = document.createElement("div");
			this.layout['border-'+sh[i]].className = "border-"+sh[i];
			
			this.root.appendChild(this.layout['border-'+sh[i]]);
			
		}
		
		// top
		this.layout['border-t'].style.width = this.layout['main'].offsetWidth+"px";
		
		// left
		this.layout['border-l'].style.height = this.layout['main'].offsetHeight+"px";
		
		// right
		this.layout['border-r'].style.height = this.layout['main'].offsetHeight+"px";
		this.layout['border-r'].style.left = this.layout['main'].offsetWidth+"px";
		
		// bottom
		this.layout['border-b'].style.width = this.layout['main'].offsetWidth+"px";
		this.layout['border-b'].style.top = this.layout['main'].offsetHeight+"px";
		
		// top-right
		this.layout['border-tr'].style.left = this.layout['main'].offsetWidth+"px";
		
		// bottom-right
		this.layout['border-br'].style.left = this.layout['main'].offsetWidth+"px";
		this.layout['border-br'].style.top = this.layout['main'].offsetHeight+"px";
		
		//bottom-left
		this.layout['border-bl'].style.top = this.layout['main'].offsetHeight+"px";
		
	},
	createButton : function(txt,params){
		
		var p = this;
		
		var btn = document.createElement("a");
		btn.className = "nbutton";
		
		btn.setAttribute("href","#");
		
		var btnSpan = document.createElement("span");
		btnSpan.innerHTML = txt;
		
		btn.appendChild(btnSpan);
		
		events.register(btn,"click",function(){btn.blur(); return false;});
		events.register(btn,"click",function(){p.dismiss()});
		
		if(params){
			
			if(params['disabled'])
				btn.className = "nbutton-disabled";
			
			if(params['css']){
			
				for(var c in params['css']){
				
					eval("btn.style."+c+" = params['css'][c];");
					
				}
				
			}
			
			if(params['action'])
				events.register(btn,"click",params['action']);
		}
		
		return btn;
		
	},
	createClear : function(){
	
		var clear = document.createElement("div");
		clear.style.clear = "both";
		
		return clear;
		
	},
	dismiss : function(body){
	
		var p = this;
	
		/*
if(events.eventObject.stopPropogation)
			events.eventObject.stopPropogation();

		events.eventObject.cancelBubble = true;
*/
				
		//if(this.dismissCalled)
		//	return false;
	
		// stop
		
		if(body){
		
			var mouse = events.getMouse();
			
			if(dragger.hitTest(mouse.x,mouse.y,this.root)){
			
				return;
			
			}
		
		}
	
		this.dismissCalled = true;
	
		if(this.type != "popup"){
	
			document.body.removeChild(this.root);
			
			this.parent = null;
			
			if(this.eventListener){
				events.unregister(this.eventListener);
				this.eventListener = null;
			}
		
		} else {
			
			if(this.events['anim.open'])
				this.events['anim.open'].stop();
			
			if(this.root.offsetTop <= (0-this.root.offsetHeight-this.layout['border-b'].offsetHeight))
				return true;
			
			this.events['anim.close'] = new portal.anim(this.root,{"y":(0-this.root.offsetHeight-this.layout['border-b'].offsetHeight),"delay":0,"step":25,"done":function(){p.clear()}});
			
		}
		
	},
	clear : function(){
	
		if(this.isActive()){
	
			this.dismissCalled = false;
			this.type = "default";
			this.dismiss();
		
		}
		
	},
	isActive : function(){
	
		return this.root ? this.root.offsetWidth : false;
		
	},
	isClosing : function(){
	
		return this.dismissCalled;
		
	}
	

}
// Portal preload site.js
// Copyright 2010 Iomnis. All rights reserved.

portal.preload = function(params){

	this.init(params);

}

portal.preload.prototype = {
	
	_images : null,
	_imagesCode : [],
	_loaded : 0,
	doneFunc : null,
	checkFunc : null,
	_percent : 0,
	_total : 0,
	init : function(params){
		
		this._images = [];
		
		if(params && params['done'])
			this.doneFunc = params['done'];
			
		if(params && params['check'])
			this.checkFunc = params['check'];	
			
	},
	add : function(img){
		
		this._loaded = img.length;	
		
		this._total = img.length;
		
		// img is an array
		for(var i in img)
			this.__load(img[i]);
			
	},
	__load : function(img){
		
		var p = this;
		
		//var tmp = new Image();
		var tmp = document.createElement("img");
		tmp.style.display = "none";
		
		this._images[img] = tmp;
		
		document.body.appendChild(this._images[img]);
		
		this._images[img].src = img;
		
		(function (i){
		
			p._imagesCode[i] = events.register(p._images[i],"load",function(){p.__done(i)});
		
		})(img);
		
	},
	getPercentage : function(){
		
		return Math.round(this._percent/this._total)*100;
		
	},
	isDone : function(){
	
		return (!this._loaded);
		
	},
	__done : function(img){
		
		this._loaded--;
		
		this._percent++;
		
		events.unregister(this._imagesCode[img]);
		
		document.body.removeChild(this._images[img]);
		
		if(this.checkFunc)
			this.checkFunc();
		
		if(this._loaded <= 0){
		
			// we are done loading images
			if(this.doneFunc)
				this.doneFunc();
			
		}
		
	}
	
}
/**
 * reflection.js v2.0
 * http://cow.neondragon.net/stuff/reflection/
 * Freely distributable under MIT-style license.
 */
 
/* From prototype.js */
if (!document.myGetElementsByClassName) {
	document.myGetElementsByClassName = function(className) {
		var children = document.getElementsByTagName('*') || document.all;
		var elements = new Array();
	  
		for (var i = 0; i < children.length; i++) {
			var child = children[i];
			var classNames = child.className.split(' ');
			for (var j = 0; j < classNames.length; j++) {
				if (classNames[j] == className) {
					elements.push(child);
					break;
				}
			}
		}
		return elements;
	}
}

var Reflection = {
	defaultHeight : 0.5,
	defaultOpacity: 0.5,
	
	add: function(image, options) {
		Reflection.remove(image);
		
		doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
		if (options) {
			for (var i in doptions) {
				if (!options[i]) {
					options[i] = doptions[i];
				}
			}
		} else {
			options = doptions;
		}
	
		try {
			var d = document.createElement('div');
			var p = image;
			
			var classes = p.className.split(' ');
			var newClasses = '';
			for (j=0;j<classes.length;j++) {
				if (classes[j] != "reflect") {
					if (newClasses) {
						newClasses += ' '
					}
					
					newClasses += classes[j];
				}
			}

			var reflectionHeight = Math.floor(p.height*options['height']);
			var divHeight = Math.floor(p.height*(1+options['height']));
			
			var reflectionWidth = p.width;
			
			if (document.all && !window.opera) {
				/* Fix hyperlinks */
                if(p.parentElement.tagName == 'A') {
	                var d = document.createElement('a');
	                d.href = p.parentElement.href;
                }  
                    
				/* Copy original image's classes & styles to div */
				d.className = newClasses;
				p.className = 'reflected';
				
				d.style.cssText = p.style.cssText;
				p.style.cssText = 'vertical-align: bottom';
			
				var reflection = document.createElement('img');
				reflection.src = p.src;
				reflection.style.width = reflectionWidth+'px';
				reflection.style.display = 'block';
				reflection.style.height = p.height+"px";
				
				reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
				reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
				
				d.style.width = reflectionWidth+'px';
				d.style.height = divHeight+'px';
				p.parentNode.replaceChild(d, p);
				
				d.appendChild(p);
				d.appendChild(reflection);
			} else {
				var canvas = document.createElement('canvas');
				if (canvas.getContext) {
					/* Copy original image's classes & styles to div */
					d.className = newClasses;
					p.className = 'reflected';
					
					d.style.cssText = p.style.cssText;
					p.style.cssText = 'vertical-align: bottom';
			
					var context = canvas.getContext("2d");
				
					canvas.style.height = reflectionHeight+'px';
					canvas.style.width = reflectionWidth+'px';
					canvas.height = reflectionHeight;
					canvas.width = reflectionWidth;
					
					d.style.width = reflectionWidth+'px';
					d.style.height = divHeight+'px';
					p.parentNode.replaceChild(d, p);
					
					d.appendChild(p);
					d.appendChild(canvas);
					
					context.save();
					
					context.translate(0,image.height-1);
					context.scale(1,-1);
					
					context.drawImage(image, 0, 0, reflectionWidth, image.height);
	
					context.restore();
					
					context.globalCompositeOperation = "destination-out";
					var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
					
					gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
					gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
		
					context.fillStyle = gradient;
					context.rect(0, 0, reflectionWidth, reflectionHeight*2);
					context.fill();
				}
			}
		} catch (e) {
	    }
	},
	
	remove : function(image) {
		if (image.className == "reflected") {
			image.className = image.parentNode.className;
			image.parentNode.parentNode.replaceChild(image, image.parentNode);
		}
	}
}

function addReflections() {
	var rimages = document.myGetElementsByClassName('reflect');
	for (i=0;i<rimages.length;i++) {
		var rheight = null;
		var ropacity = null;
		
		var classes = rimages[i].className.split(' ');
		for (j=0;j<classes.length;j++) {
			if (classes[j].indexOf("rheight") == 0) {
				var rheight = classes[j].substring(7)/100;
			} else if (classes[j].indexOf("ropacity") == 0) {
				var ropacity = classes[j].substring(8)/100;
			}
		}
		
		Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
	}
}

var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

// Portal scroller.js
// Copyright 2010 Iomnis. All rights reserved.

portal.scroller = function(){
	
	this.init();
	
}

portal.scroller.prototype = {
	
	root : {},
	parent : {},
	scroller : [],
	scrollBar : {},
	css : {},
	mouseEvents : {},
	sections : {},
	anim : {},
	skins : {},
	count : -1,
	init : function(){
		
	},
	make : function(div,parent,params){
		
		var code = this.count++;
		
		this.root[code] = div;
		this.parent[code] = parent;
		
		// set the params
		for(var i in params){
		
			if(i == "css"){
			
				this.css[code] = params['css'];
			
				continue;
				
			} else if(i == "sections"){
			
				this.sections[code] = params['sections'];
				
				continue;
				
			} else if(i == "skin"){
			
				this.skins[code] = params['skin'];
				
				continue;
				
			}
		
			eval("this."+i+" = params[i];");
		}
		
		this.__renderScrollBar(code);
		
		return code;
		
	},
	__renderScrollBar : function(code){
	
		var s = this;
	
		this.scroller[code] = {};
	
		this.scroller[code]['left'] = document.createElement("div");
		this.scroller[code]['left'].className = "scrollLeft";
		
		this.scroller[code]['main'] = document.createElement("div");
		this.scroller[code]['main'].className = "scrollMain";
		
		this.scroller[code]['right'] = document.createElement("div");
		this.scroller[code]['right'].className = "scrollRight";
		
		this.scroller[code]['bar'] = document.createElement("div");
		this.scroller[code]['bar'].className = "scrollBar";
		
		this.scrollBar[code] = document.createElement("div");
		this.scrollBar[code].className = "scroller";
		
		if(this.skins[code])
			this.scrollBar[code].className = "scroller "+this.skins[code];
		
		this.parent[code].appendChild(this.scrollBar[code]);
		
		this.scrollBar[code].style.width = (this.parent[code].offsetWidth-15)+"px";
		this.scrollBar[code].style.left = ((this.parent[code].offsetWidth-this.scrollBar[code].offsetWidth)/2)+"px";
		
		this.scrollBar[code].appendChild(this.scroller[code]['left']);
		this.scrollBar[code].appendChild(this.scroller[code]['main']);
		this.scrollBar[code].appendChild(this.scroller[code]['right']);
		
		this.scrollBar[code].style.top = (this.parent[code].offsetHeight-this.scrollBar[code].offsetHeight-5)+"px";
		
		this.scroller[code]['main'].appendChild(this.scroller[code]['bar']);
		
		if(this.sections[code]){
		
			this.scroller[code]['sections'] = document.createElement("div");
			this.scroller[code]['sections'].className = "sections";
			
			this.scrollBar[code].appendChild(this.scroller[code]['sections']);
		
			for(var i in this.sections[code]){
			
				this.scroller[code]['sections.'+i] = document.createElement("span");
				this.scroller[code]['sections.'+i].innerHTML = this.sections[code][i]['label'];
				
				this.scroller[code]['sections.'+i].style.left = this.sections[code][i]['pos']+"px";
				
				this.scroller[code]['sections'].appendChild(this.scroller[code]['sections.'+i]);
			
				var pos = this.sections[code][i]['x'];
			
				events.register(this.scroller[code]['sections.'+i],"mousedown",function(code){s.startDrag(code,true)},code);
				events.register(this.scroller[code]['sections.'+i],'mousedown',function(code,pos){s.animateToPosition(code,pos)},code,pos);
			
			}
		
		}
		
		this.scroller[code]['main'].style.width = (this.scrollBar[code].offsetWidth-(this.scroller[code]['left'].offsetWidth+this.scroller[code]['right'].offsetWidth))+"px";
		
		var pw = this.parent[code].offsetWidth-10;
		
		var sw = (this.scroller[code]['main'].offsetWidth*(pw/this.root[code].offsetWidth));
		
		if(sw > this.scroller[code]['main'].offsetWidth)
			sw = this.scroller[code]['main'].offsetWidth;
		
		this.scroller[code]['bar'].style.width = sw+"px";
		
		this.scroller[code]['left'].style.left = "0px";
		this.scroller[code]['main'].style.left = this.scroller[code]['left'].offsetWidth+"px";
		this.scroller[code]['right'].style.left = (this.scroller[code]['main'].offsetLeft+this.scroller[code]['main'].offsetWidth)+"px";
		
		for(var i in this.css[code]){
		
			eval("this.scrollBar[code].style."+i+" = this.css[code][i];");
			
		}
		
		events.register(this.scroller[code]['main'],"click",function(code){s.animateToPosition(code)},code);
		events.register(this.scroller[code]['bar'],"mousedown",function(code){s.startDrag(code)},code);	
		
		
	},
	animateToPosition : function(code,pos){
		
		// position
		var event = events.eventObject;
		var mouse = events.mouse;
		
		// move scrollbar to the position
		
		var x = pos ? pos : ((mouse.x-site.offsetLeft(this.scroller[code]['main']))-(this.scroller[code]['bar'].offsetWidth/2));
		
		if(x < 0)
			x = 0;
		else if(x > this.scroller[code]['main'].offsetWidth-this.scroller[code]['bar'].offsetWidth)
			x = this.scroller[code]['main'].offsetWidth-this.scroller[code]['bar'].offsetWidth;
		
		this.anim['start.bar.x'] = this.scroller[code]['bar'].offsetLeft;
		this.anim['end.bar.x'] = x; 
		
		// move the content
		
		this.animate(code);
	
	},
	animate : function(code){
		
		var s = this;
		
		this.anim['code'] = code;
		
		if(this.anim['interval']){
		
			clearInterval(this.anim['interval']);
			
		}
		
		this.anim['interval'] = setInterval(function(){s.animateAgain()},1);
		
	},
	animateAgain : function(){
		
		// find direction
		
		var dir = Math.abs(this.anim['end.bar.x']-this.anim['start.bar.x'])/(this.anim['end.bar.x']-this.anim['start.bar.x']);
		
		this.anim['start.bar.x'] += dir*5;
		
		if(dir == -1 && this.anim['start.bar.x'] < this.anim['end.bar.x'] || dir == 1 && this.anim['start.bar.x'] > this.anim['end.bar.x'])
			this.anim['start.bar.x'] = this.anim['end.bar.x'];
		
		this.scroller[this.anim['code']]['bar'].style.left = this.anim['start.bar.x']+"px";
		
		this.dragging(this.anim['code']);
		
		if(this.anim['start.bar.x'] == this.anim['end.bar.x']){
		
			clearInterval(this.anim['interval']);
			
		}
		
	},
	snapAnimation : function(){
		
		if(!this.anim['code'])
			return false;
		
		this.scroller[this.anim['code']]['bar'].style.left = this.anim['end.bar.x']+"px";
		
		this.dragging(this.anim['code']);
		
	},
	gotoPosition : function(code){
		
		// position
		var event = events.eventObject;
		var mouse = events.mouse;
		
		// move scrollbar to the position
		
		var x = ((mouse.x-site.offsetLeft(this.scroller[code]['main']))-(this.scroller[code]['bar'].offsetWidth/2));
		
		if(x < 0)
			x = 0;
		else if(x > this.scroller[code]['main'].offsetWidth-this.scroller[code]['bar'].offsetWidth)
			x = this.scroller[code]['main'].offsetWidth-this.scroller[code]['bar'].offsetWidth;
		
		this.scroller[code]['bar'].style.left = x+"px";
		
		// move the content
		
		this.dragging(code);
	
	},
	startDrag : function(code,check){
		
		var s = this;
		
		this.mouseEvents[code] = {};
		
		// check to see if the mouse x is inside the scrollBar
		
		if(check){
		
			var mouse = events.mouse, x = ((mouse.x-site.offsetLeft(this.scroller[code]['main']))), minX = this.scroller[code]['bar'].offsetLeft, maxX = minX+this.scroller[code]['bar'].offsetWidth, insideSection = false;
			
			if(minX < x && x < maxX){
				
				insideSection = true;
				
			}
			
			if(!insideSection)
				return true;
			
		}
		
		dragger.drag(this.scroller[code]['bar'],this.scroller[code]['main']).ignoreY();
		
		this.mouseEvents[code]['mousemove'] = events.register(window,"mousemove",function(code){s.dragging(code,true)},code);
		this.mouseEvents[code]['mouseup'] = events.register(window,"mouseup",function(code){s.stopDrag(code)},code);
		
	},
	dragging : function(code){
		
		this.root[code].style.left = ((0-this.scroller[code]['bar'].offsetLeft)*(this.root[code].offsetWidth/this.scroller[code]['main'].offsetWidth))+"px";
		
	},
	stopDrag : function(code){
		
		var s = this;
		
		dragger.drag(null);
		
		events.unregister(this.mouseEvents[code]['mousemove']);
		events.unregister(this.mouseEvents[code]['mouseup']);
		
	},
	update : function(code){
	
		if(!code)
			return false;
	
		var pw = this.parent[code].offsetWidth-10;
	
		this.scroller[code]['main'].style.width = (this.scrollBar[code].offsetWidth-(this.scroller[code]['left'].offsetWidth+this.scroller[code]['right'].offsetWidth))+"px";
		
		var sw = (this.scroller[code]['main'].offsetWidth*(pw/this.root[code].offsetWidth));
		
		if(sw > this.scroller[code]['main'].offsetWidth)
			sw = this.scroller[code]['main'].offsetWidth;
		
		this.scroller[code]['bar'].style.width = sw+"px";
		
	}
	
}
// Portal tip.js
// Copyright 2010 Iomnis. All rights reserved.

portal.tip = function(){

	this.init();

}

portal.tip.prototype = {

	tip : null,
	tipMap : null,
	tipInterval : null,
	tipFadeInterval : null,
	tipFadeDir : null,
	styles : null,
	init : function(){
		
		this.tipMap = new Array();
		
		var count = 1;
		
		// check to see if tip has been added
		if(document.getElementById("portal.tip.1")){
		
			while(document.getElementById("portal.tip."+count)){
				
				count++;
				
			}
		
		}
		
		this.tip = document.createElement("div");
		this.tip.setAttribute("id","portal.tip."+count);
		this.tip.className = "portal-tip";
		
	},
	addStyles : function(p){
		
		this.styles = p;
		
	},
	attachTip : function(div,tipText,p){
		
		// div
		
		// tipText
		
		var useStyles = true;
		
		if(p){
			
			if(p['default'])
				useStyles = false;
				
			if(!useStyles || !this.styles){	

				if(p['auto'])
					this.tip.style.width = "auto";
					
				if(p['color'])
					this.tip.style.color = p['color'];
					
				if(p['background'])
					this.tip.style.background = p['background'];
					
				if(p['border'])
					this.tip.style.border = p['border'];	
			
				if(p['align'])
					this.tip.style.textAlign = p['align'];
				
			}
				
		}
		
		if(useStyles && this.styles){
		
			if(this.styles['auto'])
				this.tip.style.width = "auto";
				
			if(this.styles['color'])
				this.tip.style.color = this.styles['color'];
				
			if(this.styles['background'])
				this.tip.style.background = this.styles['background'];
				
			if(this.styles['border'])
				this.tip.style.border = this.styles['border'];	
		
			if(this.styles['align'])
				this.tip.style.textAlign = this.styles['align'];
		
		}
	
		var add = true;
		for(var i in this.tipMap){
		
			if(this.tipMap[i]['div'] == div){
			
				add = false;
				break;
			
			}
		
		}
	
		if(add)
			this.tipMap.push({"text":tipText,"div":div});
		
		var t = this;
		div.onmouseover = function(e){t.showTip(e)};
		div.onmouseout = function(){t.hideTip()};
		
		this.tip.style.opacity = 0;
		this.tip.style.filter = "opacity(0)";
		this.tip.style.filter = "alpha(opacity=0)";
		
		document.body.appendChild(this.tip);
		
	},
	removeTip : function(div){
		
		//for(var i in this.tipMap){
		
			//if(this.tipMap[i]['div'] == div){
			
				//this.tipMap[i]['div'] = false;
				
			//}
		
		//}
		
		div.onmouseover = null;
		div.onmouseout = null;
		
	},
	compareDiv : function(t,m){
		
		var div = t;
		
		if(div == m)
			return true;
		
		var branch = 0;
		
		while(div.parentNode){
			
			branch++;
			
			div = div.parentNode;
			if(div == m)
				return true;
			
			if(branch > 4)
				break;
			
		}
		
		return false;
		
	},
	showTip : function(e){
		
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		var txt = "";
		for(var i in this.tipMap){
		
			if(this.compareDiv(target,this.tipMap[i]['div'])){
			
				txt = this.tipMap[i]['text'];
				break;
			
			}
		
		}
		
		if(this.tipFadeInterval)
			clearInterval(this.tipFadeInterval);
			
		this.tipFadeDir = 1;	
		
		var t = this;
		
		this.tipFadeInterval = setInterval(function(){t.fadeTipAnim()},1);
		
		this.tip.innerHTML = txt;
		
		// get scroll x,y	
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		this.tip.style.top = ((evt.clientY+sy)+10)+"px";
		this.tip.style.left = ((evt.clientX+sx)+10)+"px";
		
		this.tip.style.display = "";
		
		document.onmousemove = function(e){t.updateTip(e)};
		
		if(this.tipInterval);{
			clearTimeout(this.tipInterval);
			this.tipInterval = null;
		}
		//this.tipInterval = setInterval(function(){t.updateTip()},1);
		
	},
	hideTip : function(){
		
		clearTimeout(this.tipInterval);
		
		//document.body.removeChild(this.tip);
		var t = this;
		this.tipInterval = setTimeout(function(){t.fadeTip()},100);
		
		//document.onmousemove = null;
		
		//clearInterval(this.tipInterval);
		
	},
	fadeTip : function(){
		
		clearTimeout(this.tipInterval);
		
		this.tipInterval = null;
		
		this.tipFadeDir = -1;	
		
		var t = this;
		this.tipFadeInterval = setInterval(function(){t.fadeTipAnim()},1);
		
	},
	fadeTipAnim : function(){
		
		var opac = this.tip.style.opacity*100;
		
		opac += 5*this.tipFadeDir;
		
		if(opac < 0 && this.tipFadeDir < 0)
			opac = 0;
		else if(opac > 100 && 	this.tipFadeDir > 0)
			opac = 100;
		
		this.tip.style.opacity = opac/100;
		this.tip.style.filter = "opacity("+opac+")";
		this.tip.style.filter = "alpha(opacity="+opac+")";
		
		if(opac == 0 && this.tipFadeDir < 0 || opac == 100 && this.tipFadeDir > 0){
		
			//document.onmousemove = null;
			clearInterval(this.tipFadeInterval);
			
			if(opac == 0)
				this.tip.style.display = "none";
		
		}
		
		
	},
	updateTip : function(e){
		
		var evt = e || window.event;
		
		// get scroll x,y	
		var sx = document.body.scrollLeft;
		if (sx == 0){
			if (window.pageXOffset)
				sx = window.pageXOffset;
			else
				sx = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		
		}
		
		var sy = document.body.scrollTop;
		if (sy == 0){
			if (window.pageYOffset)
				sy = window.pageYOffset;
			else
				sy = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		
		}
		
		var x = evt.clientX+sx+10;
		var y = evt.clientY+sy+10;
		
		if((x+this.tip.offsetWidth) > window.innerWidth+sx)
		{
		
			x = window.innerWidth-this.tip.offsetWidth-5;
		
		}
		
		if((y+this.tip.offsetHeight) > window.innerHeight+sy)
		{
		
			y = window.innerHeight-this.tip.offsetHeight-5;
		
		}
		
		this.tip.style.top = (y)+"px";
		this.tip.style.left = (x)+"px";
		
	}
	
}
portal.extension.system = function(){

	// this is the system extension

}

portal.extension.system.prototype = {
	
	
	append___renderConfigVars : function(){
		
		if(!this.vars['extension.divs']){
		
			this.vars['extension.divs'] = document.createElement("div");
			this.vars['extension.divs'].className = "";
				
			this.content.left.appendChild(this.vars['extension.divs']);
		
		}
		
		this.__systemGo();
		
	},
	add___systemGo : function(){
		
		var c = this;
		
		var configVar = this.config[this.currentStep]['var'];
		
		this.vars['portal.content.left.container.title'].innerHTML = this.lang.getTag("optimizer.system.left.header");
		this.vars['portal.content.left.container.text'].innerHTML = this.lang.getTag("optimizer.system.left.text");
		
		this.vars['portal.config.nav.req'].childNodes[0].innerHTML = "";
		
		this.root.removeChild(this.vars['portal.config.content.footer']);
		
		this.vars['portal.config.content.footer'] = null;
		
		// add some stuff
		
		var hdr = document.createElement("div");
		hdr.className = "config-content-row";
		hdr.style.paddingLeft = "10px";
		
		hdr.innerHTML = this.lang.getTag("optimizer.system.bog.header");
		
		//if(!this.showPrices){
		
			//hdr.innerHTML += this.lang.getTag("optimizer.system.bog.header.noprices");
		
		//}
		
		this.vars['portal.config.content'].appendChild(hdr);
		
		// bog
		var bog = document.createElement("div");
		bog.setAttribute("id","optimizer-system");
		
		// bundle div
		var bundleDiv = document.createElement("div");
		bundleDiv.setAttribute("id","optimizer-bundle");
		
		// adss div
		var addsDiv = document.createElement("div");
		addsDiv.setAttribute("id","optimizer-bundle");
		
		// add header
		
			var tmp = document.createElement("div");
			tmp.setAttribute("id","labels");
			
			var pic = document.createElement("div");
			pic.className = "lpic";
			pic.innerHTML = "&nbsp;";
		
			var qty = document.createElement("div");
			qty.className = "lqty";
			qty.innerHTML = this.lang.getTag("optimizer.system.bog.labels.quantity");
		
			var info = document.createElement("div");
			info.className = "linfo";
			info.innerHTML = this.lang.getTag("optimizer.system.bog.labels.info");
			
			var total = document.createElement("div");
			total.className = "ltotal";
			total.innerHTML = this.lang.getTag("optimizer.system.bog.labels.price");
			
			tmp.appendChild(qty);
			tmp.appendChild(pic);
			tmp.appendChild(info);
			tmp.appendChild(total);
			tmp.appendChild(this.__clearDiv());
			
			this.vars['portal.config.content'].appendChild(tmp);
		
		// go through and add all items to this list
		var data = this.data[configVar];
		
		this.__saveData();
		
		if(data['type'] == "bundle") {
			
			this.vars['portal.config.content'].appendChild(bundleDiv);	
			
			bog.className = "optimizer-system-bundle";
			
		}
		
		this.vars['portal.config.content'].appendChild(bog);
		
		if(data['type'] == "bundle") {
			addsDiv.className = "optimizer-system-adds";
			this.vars['portal.config.content'].appendChild(addsDiv);	
		}
		
		//////
		
		this.extVars['totalIncomplete'] = false;
		
		this.extVars['addsTotal'] = 0;
				
		switch(data['type']){
		
			case "server":
		
				for(var serverItem in data['items']){
		
					this.__addItem(data['items'][serverItem],bog,false);
				
				}
		
			break;
			case "bundle":
			
				var buffer = [];
			
				this.__addItem(data,bundleDiv,true);
			
				for(var bundleItem in data['items']){
			
					// if item is not part of bundle, buffer it and add it later
			
					if(data['items'][bundleItem]['NOTPARTOFBUNDLE']){
					
						buffer.push(data['items'][bundleItem]);
					
					} else
						this.__addItem(data['items'][bundleItem],bog,false,true);
			
				}
				
				if(buffer.length > 0){
				for(var bufferItem in buffer){
		
					var prc = 0;
		
					if(buffer[bufferItem]['price'])
						 prc = (buffer[bufferItem]['price']*buffer[bufferItem]['qty']);
					
					this.extVars['addsTotal'] += prc;
					
					this.__addItem(buffer[bufferItem],addsDiv,false);
				
				}
				} else {
				
					addsDiv.style.display = "none";
				
				}
			
			break;
		
		}
		
		var final = document.createElement("div");
		final.className = "final";
		
		var finalLbl = document.createElement("div");
		finalLbl.className = "final-left";
		
		finalLbl.innerHTML = this.lang.getTag("optimizer.system.bog.final.total");
		
		var finalTotal = document.createElement("div");
		finalTotal.className = "final-right";
		
		if(this.showPrices)
			finalTotal.innerHTML = this.__formatCurrency((this.data[configVar]['price']*1)+this.extVars['addsTotal']);
		else
			finalTotal.innerHTML = "--";
		
		final.appendChild(finalLbl);
		final.appendChild(finalTotal);
		final.appendChild(this.__clearDiv());
		
		if(this.extVars['totalIncomplete']){
		
			finalTotal.innerHTML += '<span class="warning">*</span>';
		
			var warning = document.createElement("div");
			warning.className = "optimizer-system-warning"; 
			
			warning.innerHTML = '<span class="warning">*</span>'+this.lang.getTag("totalIncomplete");
		
			final.appendChild(warning);
			
		}
		
		this.vars['portal.config.content'].appendChild(final);
		
		final.style.marginLeft = (this.vars['portal.config.content'].offsetWidth-final.offsetWidth)+"px";
		
		if(bog.childNodes.length > 0)
			bog.childNodes[bog.childNodes.length-1].style.borderBottom = "0px";
		
		this.extDivs['portal.config.content.system.buttons'] = document.createElement("div");
		this.extDivs['portal.config.content.system.buttons'].setAttribute("id","portal.config.content.system.buttons");
		
		this.extDivs['portal.config.content.system.buttons'].style.padding = "5px 10px 25px 0px";
		this.content.main.appendChild(this.extDivs['portal.config.content.system.buttons']);
		
		this.extDivs['portal.config.content.system.buttons'].innerHTML = "";
		
		//if(data['type'] == "bundle")
			this.extDivs['portal.config.content.system.buttons'].style.width = "210px";
		//else
		//	this.extDivs['portal.config.content.system.buttons'].style.width = "315px";
		//this.extDivs['portal.config.content.system.buttons'].style.paddingTop = "20px";
		this.extDivs['portal.config.content.system.buttons'].style.margin = "0 auto 0 auto";
		
		// customize
		
		var custBtn = document.createElement("div");
		custBtn.className = "small-btn";
		
		if(BrowserDetect.browser != "Explorer") {
		
			custBtn.style.cssFloat = "left";
		
		} else {
			
			custBtn.style.styleFloat = "left";
			
		}
		
		//custBtn.style.marginLeft = "auto";
		//custBtn.style.marginRight = "auto";
		custBtn.style.marginRight = "5px";
		
		custBtn.innerHTML = this.lang.getTag("optimizer.system.customize");
		
		var design = 0;
		
		if(design)
			custBtn.onclick = function(){c.__customize()};
		else
			custBtn.className = "small-btn-disabled";
		
		//if(data['type'] == "server")
		this.extDivs['portal.config.content.system.buttons'].appendChild(custBtn);
		
		// send config
		
		var sendConfigBtn = document.createElement("div");
		sendConfigBtn.className = "small-btn";
		
		if(BrowserDetect.browser != "Explorer") {
		
			sendConfigBtn.style.cssFloat = "left";
		
		} else {
			
			sendConfigBtn.style.styleFloat = "left";
			
		}
		
		//sendConfigBtn.style.marginLeft = "auto";
		//sendConfigBtn.style.marginRight = "auto";
		sendConfigBtn.style.marginRight = "5px";
		
		sendConfigBtn.innerHTML = this.lang.getTag("optimizer.system.sendconfig");
		
		sendConfigBtn.onclick = function(){c.__requestQuote()};
		
		//this.extDivs['portal.config.content.system.buttons'].appendChild(sendConfigBtn);
		
		// add to cart
		
		var cartBtn = document.createElement("div");
		cartBtn.className = "small-btn";
		
		if(BrowserDetect.browser != "Explorer") {
		
			cartBtn.style.cssFloat = "left";
		
		} else {
			
			cartBtn.style.styleFloat = "left";
			
		}
		
		//cartBtn.style.marginLeft = "auto";
		//cartBtn.style.marginRight = "auto";
		
		cartBtn.innerHTML = this.lang.getTag("optimizer.system.addtocart");
		
		cartBtn.onclick = function(){c.__addToCart()};
		
		this.extDivs['portal.config.content.system.buttons'].appendChild(cartBtn);
		this.extDivs['portal.config.content.system.buttons'].appendChild(this.__clearDiv());
		
		
		this.extDivs['portal.config.content.system.buttons'].style.top = (this.content.main.offsetTop+this.content.main.offsetHeight)+"px";
		
		// add left info
		
			var configRes = document.createElement("div");
			configRes.setAttribute("id","system-config-results");
		
			var configSet = document.createElement("div");
			configSet.setAttribute("id","system-config-results");
		
			var configCam = document.createElement("div");
			configCam.setAttribute("id","system-config-results");
		
			this.vars['extension.divs'].appendChild(configRes);
			this.vars['extension.divs'].appendChild(configSet);
			this.vars['extension.divs'].appendChild(configCam);
		
		
			var div = document.createElement("div");
			div.className = "div";
		
			configRes.appendChild(div);
		
			// header
			var resHdr = document.createElement("div");
			resHdr.className = "hdr";
			
			resHdr.innerHTML = this.lang.getTag("optimizer.system.config.results");
			
			div.appendChild(resHdr);
			
			
			//if(data['type'] != "bundle"){
				// spi
				
				
				var spiDiv = document.createElement("div");
				spiDiv.innerHTML = "<b>"+this.lang.getTag("optimizer.system.config.results.spi")+"</b>: "+data['spi'];
				div.appendChild(spiDiv);
			//}
			
			// storage needed
			var storageDiv = document.createElement("div");
			storageDiv.innerHTML = "<b>"+this.lang.getTag("optimizer.system.config.results.storage")+"</b>: "+this.__convertStorage(data['storageNeeded']);
			div.appendChild(storageDiv);
			
		/////
		
			var div1 = document.createElement("div");
			div1.className = "div";
		
			configSet.appendChild(div1);
		
			// header
			var setHdr = document.createElement("div");
			setHdr.className = "hdr";
			
			setHdr.innerHTML = this.lang.getTag("optimizer.system.config.settings");
			
			div1.appendChild(setHdr);
			
			this.vars['configSet'] = configSet;
			
			for(var i in this.data['config'])
			{
					if(this.__getLabel('config',i) == i)
						continue;
					
					var tmp = document.createElement("div");
					tmp.style.width = "70%";//configSet.offsetWidth+"px";
					tmp.style.background = "#fff";
					tmp.style.height = "12px";
					tmp.style.overflow = "hidden";
					tmp.style.marginLeft = "auto";
					tmp.style.marginRight = "auto";
					
					var str = this.data['config'][i];
					
					if(str.length > 25){
					
						str = this.data['config'][i].substr(0,25)+"...<br/>"+this.data['config'][i].substr(25,this.data['config'][i].length-25);
						tmp.onmouseover = function(e){c.__showWholeDiv(e)};
					
					}
					
					tmp.innerHTML = "<b>"+this.__getLabel('config',i)+"</b>: "+str;
					
					div1.appendChild(tmp);
			
			}
			
		// cameras	

			var div2 = document.createElement("div");
			div2.setAttribute("id","system.config.cameras");
			div2.className = "div";
		
			configCam.appendChild(div2);
		
			// header
			var camHdr = document.createElement("div");
			camHdr.className = "hdr";
			
			camHdr.innerHTML = this.lang.getTag("optimizer.system.config.cameras");
			
			div2.appendChild(camHdr);
			
			// select
			var selectrDiv = document.createElement("div");
			selectrDiv.className = "camera-select";
			
			var selectr = document.createElement("select");
			
			for(var cam in this.data['camera']['name']){
				
				var opt = document.createElement("option");
				
				if(this.data['camera']['mainframe'] && this.data['camera']['mainframe'][cam] != null){
				
					var mainframe = this.data['camera']['mainframe'][cam];
				
					opt.text = this.data['camera']['name'][mainframe]+" ["+this.data['camera']['time'][cam]+"]";
					selectr.options[mainframe].text = this.data['camera']['name'][mainframe]+" ["+this.data['camera']['time'][mainframe]+"]";
				
				} else
					opt.text = this.data['camera']['name'][cam];
				
				try {
				
					selectr.add(opt,null);
				
				} catch(e){
					
					selectr.add(opt);
					
				}
				
			}
			
			var c = this;
			
			selectr.onchange = function(e){c.__loadCamNow(e)};
			
			selectrDiv.appendChild(selectr);
			div2.appendChild(selectrDiv);
			
			var container = document.createElement("div");
			div2.appendChild(container);
		
		
		this.__loadCamConfig(0);
		
		//this.vars['extension.divs'].style.width = this.content.left.offsetWidth+"px";
		//this.vars['extension.divs'].style.left = this.content.left.offsetLeft+"px";
		//this.vars['extension.divs'].style.top = this.content.left.offsetTop+"px";
		
	},
	add___showWholeDiv : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		//if(!target.innerHTML.search(":")){
			
			//target = target.parentNode;
			
		//}
		
		// text
		var text = target.innerHTML.split(": ");
		
		var data = text[1].split("...<br>");
		
		text = text[0]+": "+data[0]+data[1];
		
		var c = this;
	
		if(this.vars['settingsDivView'])
			document.body.removeChild(this.vars['settingsDivView']);
		
		this.vars['settingsDivView'] = document.createElement("div");
		this.vars['settingsDivView'].style.position = "absolute";
		this.vars['settingsDivView'].style.background = "#fff";
		this.vars['settingsDivView'].style.padding = "5px 9.75px";
		
		this.vars['settingsDivView'].style.cursor = "pointer";
		
		this.vars['settingsDivView'].style.left = (target.offsetLeft)+"px";
		this.vars['settingsDivView'].style.top = (target.offsetTop)+"px";
		
		this.vars['settingsDivView'].innerHTML = text;
		
		this.vars['settingsDivView'].onmouseout = function(e){c.__showPartDiv(e)};
		
		document.body.appendChild(this.vars['settingsDivView']);
		
	},
	add___showPartDiv : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		document.body.removeChild(this.vars['settingsDivView']);
		
		target.onmouseout = null;
		this.vars['settingsDivView'] = null;
		
	},
	add___makePDF : function(){
		
		var configVar = this.config[this.currentStep]['var'];
		
		var c = this;
		
		var p = {};
		
		p['pdf'] = "set";
		
		var data = eval("("+JSON.stringify(this.data[configVar])+")");
		
		data['configName'] = this.data['config']['name'];
		
		p['data'] = JSON.stringify(this.__clean(data));
		
		this.extVars['optimizer.cart.ajax'] = new portal.ajax({"url":"http://www.ftlportal.com/config","delay":2,"params":p,"debug":false,"success":function(){c.__makePDFDone()}});
		
	},
	add___makePDFDone : function(){
		
		// go to cart
		//window.location.href = "http://www.ftlportal.com/config?pdf=get";
		window.open('http://www.ftlportal.com/config?pdf=get','pdf','width=400,height=400,resizable=yes');
		
	},
	add___customize : function(){
		
		/*
		
		var div = document.createElement("div");
		div.setAttribute("id","customize-popup-div");
			
		var params = {"title":"Customize","width":site.window.innerWidth*.8,"height":site.window.innerHeight*.8,"content":div,"close":true};
			
		site.__newPopUp(params);
			
		var xml = site.getGenXML();
			
		this.builder = new portal.bundler("customize-popup-div");	
			
		var data = {};
		
		var s = this;
		
		var comp = "";
		
		for(var i in this.data['system']['items']){
		
			if(comp)
				comp += ","; 
		
			comp += this.data['system']['items'][i]['modelNumber']+":"+this.data['system']['items'][i]['qty'];
		
		}
		
		this.builder.onLoad(function(){s.builder.loadRackDone({"id":-1,"comps":comp})});	
			
		site.__refreshNewPopUp();
		*/
		
		if(!this.id){
		
			var div = document.createElement("div");
			div.setAttribute("id","error-popup-form");
			
			var params = {"title":"Error","height":200,"content":div,"focusContent":true,"close":true};
			
			site.__newPopUp(params);
			
			var xml = site.getGenXML();
			
			var data = {"error.title":"Unable to Customize Configuration","error.msg":"Your configuration is not saved. Please save your config before adding it to your cart."};
			
			var form = new portal.form(div,xml,data);
			
			// set section
			
			form.setAsParent(this);
			form.setLayout(["error"]);
			
			site.__refreshNewPopUp();
			
			return false;
		
		}
		
		//window.open('http://www.ftlportal.com/design/'+this.id,'builder','width='+site.window.innerWidth+',height='+site.window.innerHeight+',resizable=no');
		window.location.href = 'http://www.ftlportal.com/design/'+this.id;
		
	},
	add___requestQuote : function(){
		
		if(!this.id){
		
			var div = document.createElement("div");
			div.setAttribute("id","error-popup-form");
			
			var params = {"title":"Error","height":200,"content":div,"focusContent":true,"close":true};
			
			site.__newPopUp(params);
			
			var xml = site.getGenXML();
			
			var data = {"error.title":"Unable to request quote","error.msg":"Your configuration is not saved. Please save your config before requesting a quote."};
			
			var form = new portal.form(div,xml,data);
			
			// set section
			
			form.setAsParent(this);
			form.setLayout(["error"]);
			
			site.__refreshNewPopUp();
			
			return false;
		
		}
		
		// save data
		this.__saveData();
		
		this.vars['lastCurrentStep'] = this.currentStep;
		
		this.currentStep = 1;
		
		this.defaultStep = true;
		
		// test
		this.__parseDef();
		
	},
	add___addToCart : function(){
		
		var c = this;
		
		//new portal.alerter({"link":document.getElementById("content"),"class":"optimizer-mask","params":{"Add entire config to cart":function(){c.__addToCartOk("config")},"Add items only":function(){c.__addToCartOk("items")}}})
		
		var div = document.createElement("div");
		div.setAttribute("id","startover-popup-form");
		
		var params = {"title":"Add to Cart","height":200,"content":div,"focusContent":true,"close":true};
		
		site.__newPopUp(params);
		
		var xml = site.getGenXML();
		
		var data = {};
		
		var form = new portal.form(div,xml,data);
		
		// set section
		
		form.setAsParent(this);
		
		form.setLayout(["addToCart"]);
		
		site.__refreshNewPopUp();
		
	},
	add___addToCartOk : function(type){
		
		if(!this.id){
		
			var div = document.createElement("div");
			div.setAttribute("id","error-popup-form");
			
			var params = {"title":"Error","height":200,"content":div,"focusContent":true,"close":true};
			
			site.__newPopUp(params);
			
			var xml = site.getGenXML();
			
			var data = {"error.title":"Unable to add to Cart","error.msg":"Your configuration is not saved. Please save your config before adding it to your cart."};
			
			var form = new portal.form(div,xml,data);
			
			// set section
			
			form.setAsParent(this);
			form.setLayout(["error"]);
			
			site.__refreshNewPopUp();
			
			return false;
		
		}
		
		var configVar = this.config[this.currentStep]['var'];
		
		// need to send data to cart
		var c = this;
		
		var p = {};
		
		p['_action'] = "add";
		
		var data = eval("("+JSON.stringify(this.data[configVar])+")");
		
		p['data'] = JSON.stringify(this.__clean(data));
		p['id'] = this.id;
		
		p['type'] = type;
		
		this.extVars['optimizer.cart.ajax'] = new portal.ajax({"url":"http://www.ftlportal.com/cart","delay":5,"params":p,"debug":false,"success":function(d){c.__addedToCart(d)}});
		
	},
	add___addedToCart : function(d){
		
		var c = this;
		
		var data = eval("("+d+")");
		
		if(data['impulse']){
		
			this.vars['system.impulse.data'] = data['impulse'];
		
			//setTimeout(function(){c.__addToCartFinish(false)},2000);
			
			this.__addToCartFinish();
		
		} else {
		
			setTimeout(function(){window.location.href="http://www.ftlportal.com/cart";},2000);
			
		}
		
	},
	add___addItemsToCart : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		while(!target.getAttribute("name")){
		
			target = target.parentNode || target.parent;
		
		}
		
		var n = target.getAttribute("name").split(".");
		
		var tmp = 0;
		
		for(var p in this.vars['system.impulse.data'][n[0]]){
				
			if(this.vars['system.impulse.data'][n[0]][p]['modelNumber'] == n[1]){
				
				tmp = p;
				break;
				
			}
			
		}
		
		// load item
		this.__loadImpulseItem(n[0],tmp);
		
		
	},
	add___addToCartFromImpulse : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		while(!target.getAttribute("name")){
		
			target = target.parentNode || target.parent;
			
		}
		
		var mn = target.getAttribute("name");
		
		this.vars['impulse-added'][mn] = 1;
		
		this.vars['impulse-itemtoadd'] = mn;
		
		var p = this;
		
		var bar = document.getElementById("impulse-scrollbar");
		var main = document.getElementById("impulse-main");
		
		this.vars['impulse-main-x'] = main.style.marginLeft;
		this.vars['impulse-bar-x'] = bar.offsetLeft;
		
		var div = document.createElement("div");
		div.setAttribute("id","products-popup-form");
		
		var params = {"title":"adding","height":200,"content":div,"focusContent":true};
		
		site.__newPopUp(params);
		
		var xml = site.getGenXML();//this.vars['system.data']['xml'][0]['children'];
		
		var data = {"ajaxPopUp.title":this.lang.getTag("optimizer.system.addingtocart")};
		
		var form = new portal.form(div,xml,data);
		
		// set section
		
		form.setAsParent(this);
		form.setLayout(["ajaxPopUp"]);
		
		site.__refreshNewPopUp();
		
		this.vars['addtocart.interval'] = setInterval(function(){p.__addToCartFromImpulseNow(),2000});
		
	},
	add___addToCartFromImpulseNow : function(){
		
		var c = this;
		
		this.ajax = new portal.ajax({"url":"http://www.ftlportal.com/cart","params":{"_action":"impulseProduct","modelNumber":this.vars['impulse-itemtoadd']},"success":function(d){c.__addToCartFromImpulseDone(d)}});
		
	},
	add___addToCartFromImpulseDone : function(d){
		
		var c = this;
		
		setTimeout(function(){c.__impulseAddToCart()},2000);
		
	},
	add___loadImpulseItem : function(cat,index){
		
		var p = this.vars['system.impulse.data'][cat][index]['price'] ? this.vars['system.impulse.data'][cat][index]['price'] : 0;
		
		this.vars['products.impulse.'+cat+'.info'].innerHTML = "<div class=\"impulse-info-cart\"><div class=\"impulse-info-cart-content\"><div class=\"impulse-info-cart-header\">Price</div><div class=\"impulse-info-cart-price\">"+this.__formatCurrency(p)+"</div><div style=\"clear:both\"></div></div><div class=\"small-btn2\" style=\"margin-right:0px;\">Add to Cart</div></div><div class=\"impulse-info-container\">"+this.vars['system.impulse.data'][cat][index]['info']+"</div><div style=\"clear:both\"></div>";
		
		this.vars['products.impulse.'+cat+'.pointer'].style.marginLeft = (site.offsetLeft(this.vars['products.impulse.'+cat+'.items'].childNodes[index])-792)+"px";
		
	},
	add___impulseScroll : function(){
		
		this.vars['impulse-scroll-hide'] = false;
		
		var i = this;
		
		var scroller = document.getElementById("impulse-scroller");
		var mask = document.getElementById("impulse-mask");
		var main = document.getElementById("impulse-main");
		//var activator = document.getElementById("impulse-activator");
		
		scroller.style.display = "";
		//mask.style.display = "";
		//activator.style.display = "none";
		
		var bar = document.getElementById("impulse-scrollbar");
		
		bar.onmousedown = function(e){i.__impulseDrag(e)};
		
		scroller.onmouseover = function(){i.__impulseScroll()};
		scroller.onmouseout = function(){i.__impulseHideScroll()};
		
		document.onmouseup = function(){i.__impulseStopDrag()};
		
	},
	add___impulseStopDrag : function(){
		
		document.onmousemove = null;
		
	},
	add___impulseDrag : function(e){
		
		var event = e || window.event;
		
		if(event.preventDefault)
		{
		  event.preventDefault();
		}
		
		var i = this;
		
		var bar = document.getElementById("impulse-scrollbar");
		
		if(bar.childNodes[1].offsetWidth >= 512)
			return false;
		
		var IE = document.all?true:false;
		
		if (!IE) document.captureEvents(Event.MOUSEMOVE);
		
		document.onmousemove = function(e){i.__impulseDragging(e)};
		
		// track mouse x
		
		if (IE) {
			
			tempX = event.clientX + document.body.scrollLeft;
			
		} else {
		
			tempX = e.pageX;
			
		}  
		
		if (tempX < 0)
			tempX = 0;
			
		this.vars['impulse-startX'] = tempX;
		
		this.vars['impulse-startPos'] = bar.offsetLeft;
		
	},
	add___impulseDragging : function(e){
		
		var IE = document.all?true:false;
		
		if (!IE) document.captureEvents(Event.MOUSEMOVE);
		
		// track mouse x
		
		if (IE) {
			
			tempX = event.clientX + document.body.scrollLeft;
			
		} else {
		
			tempX = e.pageX;
			
		}  
		
		if (tempX < 0)
			tempX = 0;
			
		var bar = document.getElementById("impulse-scrollbar");
		
		var diff = tempX-this.vars['impulse-startX'];
		
		// set bar x
		var x = (this.vars['impulse-startPos']+diff);
		
		var scroller = document.getElementById("impulse-scroller");
		
		if(x > 118+(564-bar.offsetWidth)){
			
			x = 118+(564-bar.offsetWidth);
			
		} else if(x < 118){
		
			x = 118;
			
		}
		
		bar.style.left = x+"px";
			
		var count = 0;
		
		if(this.vars['impulse-goto-category']){
			
			for(var tmp in this.vars['system.impulse.data'][this.vars['impulse-goto-category']])
				count++;	
			
		} else {
		
			for(var tmp in this.vars['system.impulse.data'])
				count++;	
			
		}
			
		var lowX = 75;
		var highX = 75+(0-((count-3)*200));	
			
		var diffX = Math.abs(lowX-highX);	
			
		var main = document.getElementById("impulse-main");	
			
		var newX = ((x-118)*diffX)/(564-bar.offsetWidth);	
			
		//var div = document.createElement("div");
		//div.innerHTML = newX+" "+diffX;
			
		//document.body.appendChild(div);	
			
		main.style.marginLeft = (lowX-newX)+"px";
		
		
	},
	add___impulseHideScroll : function(){
		
		var i = this;
		
		this.vars['impulse-scroll-hide'] = true;
		
		setTimeout(function(){i.__impulseHideScrollNow()},100);
		
	},
	add___impulseHideScrollNow : function(){
		
		if(!this.vars['impulse-scroll-hide'])
			return false;
		
		this.__impulseStopDrag();
		
		var scroller = document.getElementById("impulse-scroller");
		//var mask = document.getElementById("impulse-mask");
		
		//scroller.style.display = "none";
		//mask.style.display = "none";
		
		//var activator = document.getElementById("impulse-activator");
		//activator.style.display = "";
		
	},
	add___impulseGoto : function(e){
		
		var event = e || window.event;
		
		var target = event.target || event.srcElement;
		
		while(!target.getAttribute("name")){
		
			target = target.parentNode || target.parent;
			
		}
		
		var category = target.getAttribute("name");
		
		this.vars['impulse-goto-category'] = category;
	
		this.__impulseRenderGoto();	
		
	},
	add___impulseRenderGoto : function(keepBar){
		
		var i = this;
		
		var main = document.getElementById("impulse-main");	
		
		main.innerHTML = "";
		
		var category = this.vars['impulse-goto-category'];
		
		var info = document.getElementById("impulse-info");
		
		info.innerHTML = "The recommended products below are from the <b>"+category+"</b> category.";
		
		var count = 0;
		
		for(var e in this.vars['system.impulse.data'][category]){
		
			var added = false;
		
			if(this.vars['impulse-added'][this.vars['system.impulse.data'][category][e]['modelNumber']]){
				
				added = true;
				
			}
		
			var cat = document.createElement("div");
			cat.className = "impulse-category";
			
			cat.style.background = "url(http://www.ftlportal.com/images?img=products/"+this.vars['system.impulse.data'][category][e]['manufacturer']['label']+"/"+this.vars['system.impulse.data'][category][e]['id']+"-impulse.jpg) center no-repeat";
			
			if(added){
			
				//cat.style.opacity = .25;
				//cat.style.filter = "opacity(25)";
				//cat.style.filter = "alpha(opacity=25)";
				
				var addedDiv = document.createElement("div");
				addedDiv.className = "impulse-added noselect";
			
				addedDiv.innerHTML = "Added to Cart";
				
				cat.appendChild(addedDiv);
				
			}
			
			main.appendChild(cat);
			
			count++;
			
		}
		
		main.appendChild(this.__clearDiv());
		
		for(var e in this.vars['system.impulse.data'][category]){
		
			var added = false;
		
			if(this.vars['impulse-added'][this.vars['system.impulse.data'][category][e]['modelNumber']]){
				
				added = true;
				
			}
		
			var catLbl = document.createElement("div");
			catLbl.className = "impulse-item-label";
			
			var catLblHdr = document.createElement("div");
			catLblHdr.className = "impulse-item-label-header";
	
			var prc = this.vars['system.impulse.data'][category][e]['price'] ? this.vars['system.impulse.data'][category][e]['price'] : 0;
	
			catLblHdr.innerHTML = this.vars['system.impulse.data'][category][e]['name'];		
			
			var catLblFtr = document.createElement("div");
			catLblFtr.className = "impulse-category-label-footer";
			
			catLblFtr.innerHTML = "Model: "+this.vars['system.impulse.data'][category][e]['modelNumber'];
			
			var catLblInfo = document.createElement("div");
			catLblInfo.className = "impulse-price noselect";
			
			catLblInfo.innerHTML = this.__formatCurrency(prc,true);
			
			catLbl.appendChild(catLblInfo);
			
			if(!prc || added){
			
				catLblInfo.style.opacity = 0;
				catLblInfo.style.filter = "opacity(0)";
				catLblInfo.style.filter = "alpha(opacity=0)";
				
			}
			
			catLbl.appendChild(catLblHdr);
			catLbl.appendChild(catLblFtr);
			
			var btn = document.createElement("div");
			btn.setAttribute("name",this.vars['system.impulse.data'][category][e]['modelNumber']);
			
			if(!added)
				btn.className = "small-btn";
			else
				btn.className = "small-btn-disabled";
				
			btn.innerHTML = "Add to Cart";
			
			if(!added)
				btn.onclick = function(e){i.__addToCartFromImpulse(e)};
			
			catLbl.appendChild(btn);
			
			main.appendChild(catLbl);
			
		}
		
		main.appendChild(this.__clearDiv());
		
		main.style.width = (count*200)+"px";
		
		if(!keepBar){
			if(count >= 3){
			
				main.style.marginLeft = (75)+"px";
			
			} else {
			
				main.style.marginLeft = "auto";
					
			}
		}
		
		var backBtn = document.createElement("div");
		backBtn.className = "impulse-back";
		
		backBtn.innerHTML = "Back to Recommended Product Categories";
		
		backBtn.onclick = function(){i.__impulseGotoEnd()};
		
		main.appendChild(backBtn);
		
		var bar = document.getElementById("impulse-scrollbar");
		var bcenter = bar.childNodes[1];
		
		var x = (count >= 3) ? count : 3;
		
		bcenter.style.width = (512*(3/x))+"px";
		
		if(!keepBar)
			bar.style.left = "118px";
		
	},
	add___impulseAddToCart : function(e){
		
		this.__addToCartFinish(true);
		
	},
	add___impulseGotoEnd : function(){
		
		this.vars['impulse-goto-category'] = false;
		
		this.__addToCartFinish(true);
		
	},
	add___closeAddToCart : function(){
		
		this.vars['impulse-goto-category'] = false;
		
		site.__closeNewPopUp();
		
	},
	add___addToCartFinish : function(dontReset){
		
		var i = this;
		
		if(!dontReset){
			
			this.vars['impulse-added'] = [];
			
		}
		
		var divContainer = document.createElement("div");
		divContainer.style.marginTop = "-20px";
		
		var div = document.createElement("div");
		div.className = "impulse noselect";
		
		var info = document.createElement("div");
		info.setAttribute("id","impulse-info");
		info.className = "impulse-top";
		info.innerHTML = "Your recommended products have been sorted into the below categories for easy viewing.";
		
		divContainer.appendChild(div);
		divContainer.appendChild(info);
		
		var params = {"title":"Give These Recommended Products a Look","width":800,"height":400,"maxHeight":400,"content":divContainer,"closeFunc":function(){i.__closeAddToCart()},"close":true};
		
		site.__newPopUp(params);
		
		// main
		
		var main = document.createElement("div");
		main.setAttribute("id","impulse-main");
		main.className = "impulse-main";
		
		var leftFade = document.createElement("div");
		leftFade.className = "impulse-left-fade";
		
		div.appendChild(leftFade);
		
		var rightFade = document.createElement("div");
		rightFade.className = "impulse-right-fade";
		
		div.appendChild(rightFade);
		
		div.appendChild(main);
		
		var mask = document.createElement("div");
		mask.setAttribute("id","impulse-mask");
		mask.className = "impulse-mask";
		
		div.appendChild(mask);
		
		var scroller = document.createElement("div");
		scroller.setAttribute("id","impulse-scroller");
		
		scroller.className = "impulse-scroll";
		
		div.appendChild(scroller);
		
		var bar = document.createElement("div");
		bar.setAttribute("id","impulse-scrollbar");
		bar.className = "impulse-scrollbar";
		
		var bleft = document.createElement("div");
		bleft.className = "impulse-scrollbar-left";
		
		var bcenter = document.createElement("div");
		bcenter.className = "impulse-scrollbar-center";
		
		var bright = document.createElement("div");
		bright.className = "impulse-scrollbar-right";
		
		bar.appendChild(bleft);
		bar.appendChild(bcenter);
		bar.appendChild(bright);
		bar.appendChild(this.__clearDiv());
		
		scroller.appendChild(bar);
		
		// add products
		
		var activator = document.createElement("div");
		activator.setAttribute("id","impulse-activator");
		activator.className = "impulse-activator";
		
		//div.appendChild(activator);
		
		var buttonContainer = document.createElement("div");
		buttonContainer.className = "impulse-buttons";
		
		var button = document.createElement("div");
		button.className = "large-btn impulse-button";
		
		button.innerHTML = "No Thanks, Proceed to Cart";
	
		button.onclick = function(){
		
			window.location.href = "http://www.ftlportal.com/cart";
			
		}
	
		buttonContainer.appendChild(button);
	
		div.appendChild(buttonContainer);
		
		var count = 0;
		
		for(var tmp in this.vars['system.impulse.data'])
			count++;
		
		var x = (count >= 3) ? count : 3;
		
		bcenter.style.width = (512*(3/x))+"px";
		
		//scroller.style.display = "none";
		mask.style.display = "none";
		
		if(count > 3){
		
			//activator.onmouseover = function(){i.__impulseScroll()};
			
		}
		
		main.style.width = (count*200)+"px";
		
		for(var e in this.vars['system.impulse.data']){
		
			var cat = document.createElement("div");
			cat.className = "impulse-category";
			
			cat.style.background = "url(http://www.ftlportal.com/images?img=impulse/"+e+".png) center no-repeat";
			
			main.appendChild(cat);
			
		}

		main.appendChild(this.__clearDiv());
		
		for(var e in this.vars['system.impulse.data']){
		
			var catLbl = document.createElement("div");
			catLbl.className = "impulse-category-label";
			
			var catLblHdr = document.createElement("div");
			catLblHdr.className = "impulse-category-label-header";
	
			catLblHdr.innerHTML = e;		
			
			var catLblInfo = document.createElement("div");
			catLblInfo.className = "impulse-recommended noselect";
			
			catLblInfo.innerHTML = this.vars['system.impulse.data'][e].length+" recommended products";
			catLblInfo.setAttribute("name",e);
			
			catLblInfo.onclick = function(e){i.__impulseGoto(e)};
			
			catLbl.appendChild(catLblHdr);
			catLbl.appendChild(catLblInfo);
		
			main.appendChild(catLbl);
			
		}
		
		main.appendChild(this.__clearDiv());
		
		if(count >= 3){
		
			main.style.marginLeft = (75)+"px";
		
		} else {
		
			main.style.marginLeft = "auto";
				
		}

		var data = {"adding.title":this.lang.getTag("products.addtocart")};
		
		//var form = new portal.form(div,xml,data);
		
		// set section
		
		//form.setAsParent(this);
		//form.setLayout({"single":["added"],"multi":[]});
		
		site.__refreshNewPopUp();
		
		this.__impulseScroll();
		
		if(this.vars['impulse-goto-category']){
		
			main.style.marginLeft = this.vars['impulse-main-x'];
			bar.style.left = this.vars['impulse-bar-x']+"px";
		
			this.__impulseRenderGoto(true);
			
		}
			
	},
	add___loadCamNow : function(e){
		
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		this.__loadCamConfig(target.selectedIndex);
		
	},
	add___loadCamConfig : function(index){
		
		var div = document.getElementById("system.config.cameras").childNodes[2];
		
		div.innerHTML = "";
		
		var cams = {"name":true,"modelNumber":true,"resolution":true,"fps":true,"compression":true,"motion":true,"activity":true,"total":true,"days":true};
		
		for(var i in cams){
		
			if(this.__getLabel('camera',i) == i){
			
				continue;
			
			}
		
			if(!this.data['camera'][i] || this.data['camera'][i] && !this.data['camera'][i][index])
				continue;
		
			var tmp = document.createElement("div");
					
			tmp.innerHTML = "<b>"+this.__getLabel('camera',i)+"</b>: "+this.data['camera'][i][index];
					
			div.appendChild(tmp);
			
		}
		
		for(var i in this.data['camera']){
			
			if(i == "startTime" || i == "endTime")
				continue;
			
			if(this.__getLabel('camera',i) == i || cams[i]){
			
				continue;
			
			}
			
			if(!this.data['camera'][i] || this.data['camera'][i] && !this.data['camera'][i][index])
				continue;
		
			var tmp = document.createElement("div");
					
			tmp.innerHTML = "<b>"+this.__getLabel('camera',i)+"</b>: "+this.data['camera'][i][index];
					
			div.appendChild(tmp);
			
		}
		
		var tmp = document.createElement("div");
		div.appendChild(tmp);
		
	},
	add___convertStorage : function(storage){
		
		var ns;
		
		var b = 1;
		
		ns = (storage/(1000*1000));
		
		if(ns < 1){
			ns = (storage/(1000));
			b++
		}
		
		if(ns < 1){
			ns = (storage);
			b++
		}
		
		ns = Math.round(ns*100)/100
		
		if(ns == 0)
			ns = "Less than 1";
		
		if(b == 1)
			ns += " TB";
		else if(b == 2)
			ns += " GB";
		else
			ns += " MB";
		
		return ns;
		
	},
	add___addItem : function(data,bog,bundle,hidePrice){
		
		// add the server
		tmp = document.createElement("div");
		tmp.className = "row";
		
		var pic = document.createElement("div");
		pic.className = "pic";
		pic.innerHTML = "";
		
		var img = document.createElement("img");
		img.setAttribute("width","60");
		img.setAttribute("height","60");
		
		if(!bundle){
			if(data['manufacturer']){
				img.src = "http://www.ftlportal.com/images?img=products/"+data['manufacturer']['label']+"/"+data['id']+"-thumb.jpg";
				img.setAttribute("alt","http://www.ftlportal.com/images?img=products/"+data['manufacturer']['label']+"/"+data['id']+"-thumb.jpg");
			}
		} else
			img.src = "http://www.ftlportal.com/images?img=products/ftl/"+data['name']+"-thumb.jpg";
			
		pic.appendChild(img);
		
		var qty = document.createElement("div");
		qty.className = "qty";
		if(data['qty'])
			qty.innerHTML = data['qty'];
		else
			qty.innerHTML = "1";
		
		var info = document.createElement("div");
		info.className = "info";
		
		if(!bundle) 
			info.innerHTML = "<span class=\"product\">"+data['data']['name']+"</span><br/>"+data['modelNumber'];	
		else
			info.innerHTML = "Bundle Configuration Pre-assembled and Kitted<br/>"+data['name'];
		
		var total = document.createElement("div");
		total.className = "total";
		
		if(this.showPrices){
			
			if(data['price']){
				if(data['qty'])
					total.innerHTML = this.__formatCurrency((data['price']*data['qty']));
				else
					total.innerHTML = this.__formatCurrency((data['price']*1));
			} else {
				
				this.extVars['totalIncomplete'] = true;
				total.innerHTML = "Unavailable";
				
			}
		
		} else
			total.innerHTML = "--";
		
		
		tmp.appendChild(qty);
		tmp.appendChild(pic);
		tmp.appendChild(info);
		if(!hidePrice)
			tmp.appendChild(total);
		tmp.appendChild(this.__clearDiv());
			
		bog.appendChild(tmp);
		
	},
	add___formatCurrency : function(num) {
		
		if(!num)
			num = "--";

		num = num.toString().replace(/\$|\,/g,'');
		if(isNaN(num))
		num = "0";
		sign = (num == (num = Math.abs(num)));
		num = Math.floor(num*100+0.50000000001);
		cents = num%100;
		num = Math.floor(num/100).toString();
		if(cents<10)
		cents = "0" + cents;
		for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
		num = num.substring(0,num.length-(4*i+3))+','+
		num.substring(num.length-(4*i+3));
		return (((sign)?'':'-') + '$' + num + '.' + cents);
		
	},
	add___createFlash : function(name,fileSrc,w,h,showMenu,flashVars){
 
 		var d = document.getElementById(name);
  		d.innerHTML += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="'+w+'" height="'+h+'" id="'+name+'" name="'+name+'"> <param name="movie" value="'+fileSrc+'"><param name="quality" value="best"><param name="wmode" value="transparent"><param name="menu" value="'+showMenu+'"><param name="FlashVars" value="'+flashVars+'"><embed src="'+fileSrc+'" width="'+w+'" height="'+h+'" quality="best" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" id="'+name+'" name="'+name+'" menu="'+showMenu+'" wmode="transparent" swLiveConnect="true" FlashVars="'+flashVars+'"></embed></object>';
	}
	
	
	
}
portal.extension.cams = function(){

	// this is the cameras extension

}

portal.extension.cams.prototype = {

	append___renderArrayList : function(){
		
		// going to change the title above the array drop down to a custom title
		title.innerHTML = this.lang.getTag("config.array.list.title");
		
		var opts = this.vars['portal.config.array.list'].childNodes[1];
		
		var configVar = this.config[this.currentStep]['var'];
		
		var dbls = {};
		
		for(var oo=0;oo<opts.options.length;oo++){
			
			var mainframe = this.data[configVar]['mainframe'] && this.data[configVar]['mainframe'][oo] != null ? this.data[configVar]['mainframe'][oo]*1 : -1;
			
			if(mainframe > -1){
			
				// copy vars
				
				var d = {};
			
			
				for(var ccc in this.data[configVar]){
				
					if(ccc == "fps" || ccc == "motion" || ccc == "time" || ccc == "resolution" || ccc == "compression" || ccc == "bitrate" || ccc == "bitrateLevel" || ccc == "framesize" || ccc == "framesizeComp" || ccc == "bitrateType" || ccc == "lastRes" || ccc == "lastFPS" || ccc == "lastComp" || ccc == "activity" || ccc == "audio"){
						
						continue;
						
					}
				
					if(this.data[configVar][ccc] && this.data[configVar][ccc][mainframe])
						d[ccc] = this.data[configVar][ccc][mainframe];
				
				}
				
				for(ccc in d)
					this.data[configVar][ccc][oo] = d[ccc];
			
				this.data[configVar]['name'][oo] = this.data[configVar]['name'][mainframe];
				
				if(!this.data[configVar]['istimeframe'])
					this.data[configVar]['istimeframe'] = [];
				
				this.data[configVar]['istimeframe'][oo] = true;
				this.data[configVar]['istimeframe'][mainframe] = true;
				
				
				if(this.vars['portal.config.array.list'].childNodes[1].options[mainframe])
					this.vars['portal.config.array.list'].childNodes[1].options[mainframe].text = this.data[configVar]['name'][mainframe]+" ["+this.data[configVar]['time'][mainframe]+"]";
				
				if(this.vars['portal.config.array.list'].childNodes[1].options[oo])
					this.vars['portal.config.array.list'].childNodes[1].options[oo].text = this.data[configVar]['name'][oo]+" ["+this.data[configVar]['time'][oo]+"]";
				
				
				
			
			}
			
		}
		
	},
	append___renderConfigVars : function(){
		 
		//this.vars['portal.config.content.footer'].style.paddingTop = "0px"; 
		 
		var h = this.vars['portal.config.content'].offsetHeight+this.vars['portal.config.menu'].offsetHeight+this.vars['portal.config.title'].offsetHeight+this.vars['portal.config.nav'].offsetHeight+this.vars['portal.config.steps'].offsetHeight;	
			
		//var extra = (this.content.main.offsetHeight-h-75);
			
		//var pt = (extra-this.vars['portal.config.content.footer'].offsetHeight);
		
		//this.vars['portal.config.content.footer'].style.paddingTop = pt+"px";
		
		// need to add 
		
		this.__addCamsFooter(h);
		
		if(this.timeframe == -1 && this.data[configVar]['istimeframe'] && this.data[configVar]['istimeframe'][this.currentArrayIndex]){
		
			this.timeframe = 0;
		
		}
	
		if(!this.timeframe && this.data[configVar]['timeframe'] && this.data[configVar]['timeframe'][this.currentArrayIndex]){
		
			this.timeframe = this.data[configVar]['timeframe'][this.currentArrayIndex];
		
		}
		
		if(this.timeframe > 0){
			 
			for(var i=0;i<this.vars['portal.config.content'].childNodes.length;i++){
			
				tmp = this.vars['portal.config.content'].childNodes[i];
			
				var hide = true;
				var index = i;
				
				for(var h in this.config[this.currentStep]['vars']){
				
					if(configVar+"."+this.config[this.currentStep]['vars'][h]['name'] == tmp.getAttribute("name")){
						index = h;
						hide = false;
						break;
					}
				}
				
				var varName = this.config[this.currentStep]['vars'][index]['name'];
				
				if(varName == "name" || varName == "total" || varName == "days"){
				
					if(tmp.childNodes[1] && tmp.childNodes[1].childNodes[0])
					tmp.childNodes[1].childNodes[0].setAttribute("disabled","disabled");
				
				} else if(varName == "tmp1"){
					
					tmp.childNodes[1].childNodes[1].className = "small-btn-disabled";
					tmp.childNodes[1].childNodes[1].onclick = null;
					
					tmp.childNodes[1].childNodes[1].style.opacity = .25;
					tmp.childNodes[1].childNodes[1].style.filter = "opacity(25)";
					tmp.childNodes[1].childNodes[1].style.filter = "alpha(opacity=25)";
					
					tmp.childNodes[1].childNodes[0].style.opacity = .25;
					tmp.childNodes[1].childNodes[0].style.filter = "opacity(25)";
					tmp.childNodes[1].childNodes[0].style.filter = "alpha(opacity=25)";
					
				}
			
			}
			
			var sel = document.getElementById("portal.content.cams.selector");	
			
			if(sel && sel.childNodes[1] && sel.childNodes[1].childNodes[1])
				sel.childNodes[1].childNodes[1].setAttribute("disabled","disabled");
			
			if(sel){
				sel.style.opacity = .25;
				sel.style.filter = "opacity(25)";
				sel.style.filter = "alpha(opacity=25)";
			}
			
		 }
		
		
	 },
	 append___rerenderConfigVars : function(){
		 
		if(this.timeframe > 0){
			 
			for(var i=0;i<this.vars['portal.config.content'].childNodes.length;i++){
			
				tmp = this.vars['portal.config.content'].childNodes[i];
			
				var hide = true;
				var index = i;
				
				for(var h in this.config[this.currentStep]['vars']){
				
					if(configVar+"."+this.config[this.currentStep]['vars'][h]['name'] == tmp.getAttribute("name")){
						index = h;
						hide = false;
						break;
					}
				}
				
				var varName = this.config[this.currentStep]['vars'][index]['name'];
				
				if(varName == "name" || varName == "total" || varName == "days"){
				
					if(tmp.childNodes[1] && tmp.childNodes[1].childNodes[0])
					tmp.childNodes[1].childNodes[0].setAttribute("disabled","disabled");
				
				} else if(varName == "tmp1"){
					
					tmp.childNodes[1].childNodes[1].className = "small-btn-disabled";
					tmp.childNodes[1].childNodes[1].onclick = null;
					
					tmp.childNodes[1].childNodes[1].style.opacity = .25;
					tmp.childNodes[1].childNodes[1].style.filter = "opacity(25)";
					tmp.childNodes[1].childNodes[1].style.filter = "alpha(opacity=25)";
					
					tmp.childNodes[1].childNodes[0].style.opacity = .25;
					tmp.childNodes[1].childNodes[0].style.filter = "opacity(25)";
					tmp.childNodes[1].childNodes[0].style.filter = "alpha(opacity=25)";
					
				}	
				
			
			}
			
			var sel = document.getElementById("portal.content.cams.selector");
			
			if(sel && sel.childNodes[1] && sel.childNodes[1].childNodes[1])
				sel.childNodes[1].childNodes[1].setAttribute("disabled","disabled");
			
			if(sel){
				sel.style.opacity = .25;
				sel.style.filter = "opacity(25)";
				sel.style.filter = "alpha(opacity=25)";
			}
			 
		 }
		
	 },
	 add___addCamsFooter : function(h){
		
		var c = this;
		
		var configVar = this.config[this.currentStep]['var'];
		
		if(!this.vars['extension.divs']){
		
			this.vars['extension.divs'] = document.createElement("div");
			this.vars['extension.divs'].className = "extension-divs";
				
			document.body.appendChild(this.vars['extension.divs']);
		
		}
		
		if(!this.extDivs['portal.config.content.cam.buttons']){
		
			this.extDivs['portal.config.content.cam.buttons'] = document.createElement("div");
			this.extDivs['portal.config.content.cam.buttons'].setAttribute("id","portal.config.content.cam.buttons");
			//this.extVars['portal.config.content.cam.buttons'].style.position = "absolute";
			this.extDivs['portal.config.content.cam.buttons'].style.padding = "5px 0px 10px 0px";
			//this.vars['extension.divs'].appendChild(this.extVars['portal.config.content.cam.buttons']);
			this.content.main.appendChild(this.extDivs['portal.config.content.cam.buttons']);
	
			
			this.extDivs['portal.config.content.cam.buttons'].innerHTML = "";
		
			this.extDivs['portal.config.content.cam.buttons'].style.width = "488px";
			
			// delete
			
			var deleteBtn = document.createElement("div");
			
			var count = 0;
				
			for(var cai in this.data[configVar]){
				
				count = this.data[configVar][cai].length-1;
				break;
				
			}
			
			if(count > 0){
				
				deleteBtn.className = "config-button";
				deleteBtn.onclick = function(){c.__deleteCam()};
			
			} else {
				
				deleteBtn.className = "config-button-disabled";
				deleteBtn.onclick = null;
			
			}
			
			if(BrowserDetect.browser != "Explorer") {
				deleteBtn.style.cssFloat = "left";
			} else {
				deleteBtn.style.styleFloat = "left";
			}
			deleteBtn.style.paddingRight = "5px";
			
			deleteBtn.innerHTML = this.lang.getTag("config.content.cams.delete");	
			
			this.extDivs['portal.config.content.cam.buttons'].appendChild(deleteBtn);
			
			// add
			
			var addBtn = document.createElement("div");
			addBtn.className = "config-button";
			
			if(BrowserDetect.browser != "Explorer") {
				addBtn.style.cssFloat = "left";
			} else {
				addBtn.style.styleFloat = "left";	
			}
			
			addBtn.innerHTML = this.lang.getTag("config.content.cams.add");	
			
			this.extDivs['portal.config.content.cam.buttons'].appendChild(addBtn);
			addBtn.onclick = function(){c.__addAnotherCam()};
			
			this.extDivs['portal.config.content.cam.buttons'].appendChild(this.__clearDiv());
			
			//var pt = parseInt(this.__getStyle(this.vars['portal.config.content.footer'],"padding-top"));
			
			//this.extVars['portal.config.content.cam.buttons'].style.top = (this.content.main.offsetTop+this.vars['portal.config.content'].offsetHeight+this.vars['portal.config.content.footer'].offsetHeight)+"px";
			//this.extVars['portal.config.content.cam.buttons'].style.left = (this.content.main.offsetLeft+(this.content.main.offsetWidth-this.extVars['portal.config.content.cam.buttons'].offsetWidth)-8)+"px";
			
			//var h = this.vars['portal.config.content'].offsetHeight+this.vars['portal.config.menu'].offsetHeight+this.vars['portal.config.title'].offsetHeight+this.vars['portal.config.nav'].offsetHeight+this.vars['portal.config.steps'].offsetHeight;	
				
			//var extra = (this.content.main.offsetHeight-h);
			
			this.extDivs['portal.config.content.cam.buttons'].style.paddingLeft = "0px";
			this.extDivs['portal.config.content.cam.buttons'].style.paddingLeft = (this.content.main.offsetWidth-this.extDivs['portal.config.content.cam.buttons'].offsetWidth-10)+"px";
			
			//this.content.main.style.height = (this.vars['portal.config.content'].offsetHeight+h+this.vars['portal.config.content.footer'].offsetHeight+75)+"px";
			//this.content.main.style.paddingBottom = (this.vars['portal.config.content.footer'].offsetHeight-pt)+"px";
		
		}
	
	 },
	 add___addAnotherCam : function(){
		 
		// add a new camera
		this.__validate();
		
		var configVar = this.config[this.currentStep]['var'];
		
		var errorsLength = this.__countErrors(configVar);
		
		if(errorsLength == 0){
			
			var count = 0;
			
			this.timeframe = -1;
			this.mainframe = null;
			
			for(var cai in this.data[configVar]){
			
				if(this.data[configVar][cai] == null)
					continue;
			
				if(count < this.data[configVar][cai].length)
					count = this.data[configVar][cai].length;
			
			}
									
			this.currentArrayIndex = count;
			
			
			for(var cai in this.config[this.currentStep]['vars']){
				
				var vn = this.config[this.currentStep]['vars'][cai]['name'];
				
				if(!this.data[configVar][vn]){
					this.data[configVar][vn] = [];
				}
				
				this.data[configVar][vn][this.currentArrayIndex] = null;
			
			}
			
			if(!this.errors[configVar])
				this.errors[configVar] = [];
			
			if(!this.errors[configVar]['camera'])
				this.errors[configVar]['camera'] = [];
		
			//this.errors[configVar]['camera'][this.currentArrayIndex] = true;
		
			// rerender configuration vars so that they are now blank
			//this.__rerenderConfigVars();
			
			// ...
			this.__updateCamList();
			
			// do this so that the camera confirmation checkbox gets errored out
			this.__updateCamSelector();
			
		} 
		
		this.change = true;
		
		this.__parse();
		
	 },
	 add___deleteCam : function(){
		
		var configVar = this.config[this.currentStep]['var'];
		
		// remove any collected data
		if(!this.errors[configVar]['camera'])
			this.errors[configVar]['camera'] = [];
		
		this.errors[configVar]['camera'][this.currentArrayIndex] = false;
	
		var newArray = {};
		
		for(var d in this.data[configVar]){
		
			newArray[d] = [];
		
			for(var dd in this.data[configVar][d]){
				
				if(dd != this.currentArrayIndex){
				
					if(dd > this.currentArrayIndex)
						ndd = dd-1;
					else
						ndd = dd;
				
					newArray[d][ndd] = this.data[configVar][d][dd];
				
				}
				
			}
		
		}
		
		this.data[configVar] = newArray;
		
		this.currentArrayIndex--;
		
		if(this.currentArrayIndex < 0)
			this.currentArrayIndex = 0;
		
		// check some stuff
		
		this.timeframe = -1;
		
		if(!this.data[configVar]['mainframe'] || this.data[configVar]['mainframe'] && !this.data[configVar]['mainframe'][this.currentArrayIndex]){
		
			this.mainframe = null;
			
			if(this.data[configVar]['istimeframe'] && this.data[configVar]['istimeframe'][this.currentArrayIndex])
				this.timeframe = 0;
		
		}
		
		// rerender configuration vars so that they are now blank
		
		this.change = true;
		
		this.__parse();
		//this.__rerenderConfigVars();
		
		// ...
		//this.__updateCamList();
			
		// do this so that the camera confirmation checkbox gets errored out
		//this.__updateCamSelector();
		
		var errorsLength = this.__countErrors(configVar);
		
		if(errorsLength == 0){
		
			if(this.vars['portal.config.nav.req'].childNodes[0])
				this.vars['portal.config.nav.req'].childNodes[0].style.background = "none";
		
		}
		
	 },
	overwrite___renderConfigVarsDiv : function(tmp,i){
		
		var maxWidth = 0;
		
		var c = this;
		var varSet = false;
		
		var configVar = this.config[this.currentStep]['var'];
		var varName = this.config[this.currentStep]['vars'][i]['name'];
			
		switch(this.config[this.currentStep]['vars'][i]['type']){
			
				case "input":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var input = document.createElement("input");
					input.className = "config-content-row-input";
					
					if(this.config[this.currentStep]['vars'][i]['max'])
						input.setAttribute('MAXLENGTH',this.config[this.currentStep]['vars'][i]['max']);
					
					if(this.config[this.currentStep]['vars'][i]['length']){
						
						input.style.width = (this.config[this.currentStep]['vars'][i]['length']*10)+"px";
						
					} else
						input.style.width = "95%";
					
					if(this.__getCurrentVarType() == "array"){
							
						val = this.data[configVar][varName] ? this.data[configVar][varName][this.currentArrayIndex] : null;
						
					} else	
						val = this.data[configVar] ? this.data[configVar][varName] : null;
					
					if(val){
						input.value = val;
						varSet = true;
					}
					
					input.setAttribute("name",configVar+"."+varName);
					
					input.onfocus = function(e){c.__inputFocus(e)};
					input.onblur = function(e){c.__inputBlur(e)};
					
					right.appendChild(input);
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;	
						
				break;
				case "activity":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var input = document.createElement("input");
					input.className = "config-content-row-input";
					
					if(this.config[this.currentStep]['vars'][i]['max'])
						input.setAttribute('MAXLENGTH',this.config[this.currentStep]['vars'][i]['max']);
					
					if(this.config[this.currentStep]['vars'][i]['length']){
						
						input.style.width = (this.config[this.currentStep]['vars'][i]['length']*10)+"px";
						
					} else
						input.style.width = "95%";
					
					if(this.__getCurrentVarType() == "array"){
							
						val = this.data[configVar][varName] ? this.data[configVar][varName][this.currentArrayIndex] : null;
						
					} else	
						val = this.data[configVar] ? this.data[configVar][varName] : null;
					
					if(val){
						input.value = val;
						varSet = true;
					}
					
					input.setAttribute("name",configVar+"."+varName);
					
					input.onfocus = function(e){c.__inputActivityFocus(e)};
					input.onblur = function(e){c.__inputActivityBlur(e)};
					
					this.extVars['camTime.end.interval.div'] = input;
					
					var btn = document.createElement("div");
					btn.className = "small-btn";
					
					var container = document.createElement("div");
					
					if(BrowserDetect.browser != "Explorer") {
						container.style.cssFloat = "left";
					} else {
						container.style.styleFloat = "left";	
					}
					
					container.appendChild(input);
					
					btn.style.marginLeft = "0px";
					btn.style.marginRight = "0px";
					btn.style.marginTop = "4px";
					btn.style.marginLeft = "10px";
					
					btn.innerHTML = "Add Timeframe";
					
					if(BrowserDetect.browser != "Explorer") {
						btn.style.cssFloat = "left";
					} else {
						btn.style.styleFloat = "left";	
					}
					
					btn.onclick = function(){c.__addHours()};
					
					right.appendChild(container);
					right.appendChild(btn);
					right.appendChild(this.__clearDiv());
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;
				
				break;
				case "camTime":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var inputHour = document.createElement("select");
					inputHour.className = "config-content-row-input-time";
					
					var inputMin = document.createElement("select");
					inputMin.className = "config-content-row-input-time";
					
					var inputAP = document.createElement("select");
					inputAP.className = "config-content-row-input-time";
					
					inputHour.onhange = function(e){c.__selectTimeChange(e)};
					inputMin.onchange = function(e){c.__selectTimeChange(e)};
					inputAP.onchange = function(e){c.__selectTimeChange(e)};
					
					inputHour.onblur = function(e){c.__selectTimeChange(e)};
					inputMin.onblur = function(e){c.__selectTimeChange(e)};
					inputAP.onchange = function(e){c.__selectTimeChange(e)};
					
					inputHour.onfocus = function(e){c.__startCamTime()};
					inputMin.onfocus = function(e){c.__startCamTime()};
					inputAP.onfocus = function(e){c.__startCamTime()};
					
					var type = "start";
					
					for(var p in this.config[this.currentStep]['vars'][i]['params']){
					
						if(this.config[this.currentStep]['vars'][i]['params'][p]['attrs']['NAME'] == "type"){
						
							type = this.config[this.currentStep]['vars'][i]['params'][p]['attrs']['VALUE'];
						
						}
					
					}
					
					val = this.data[configVar]['time'] ? this.data[configVar]['time'][this.currentArrayIndex] : null;
					
					if(val){
					
						val = val.split(" - ");
					
					} else {
					
						if(!this.data[configVar][varName])
							this.data[configVar][varName] = [];
						
						// check for activity
						
						if(this.data[configVar]['activity'] && this.data[configVar]['activity'][this.currentArrayIndex]){
						
							var a = this.data[configVar]['activity'];
							
							if(a < 10)
								a = "0"+a;
	
							var ap = "AM";
	
							if(a >= 12){
							
								a -= 12;	
								ap = "PM";
							
							}

						
							val = ["12:00 AM",a+":00 "+ap];
							
							//delete this.data[configVar]['activity'][this.currentArrayIndex];
						
							this.data[configVar][varName][this.currentArrayIndex] = "12:00 AM - "+a+":00 "+ap;
						
						} else {
							
							val = ["8:00 AM","5:00 PM"];
						
							this.data[configVar][varName][this.currentArrayIndex] = "12:00 AM - 5:00 PM";
						
						}
						
						
						
					
					}
					
					var oarrh = new Array();
					var oarrm = new Array();
					var oarrap = new Array();
					
					var hours = [12,11,10,9,8,7,6,5,4,3,2,1];
					var mins = [];
					var ap = ["AM","PM"];
					
					for(var minsTmp=0;minsTmp<60;minsTmp++){
						if(minsTmp < 10)
							mins.push("0"+minsTmp);
						else
							mins.push(minsTmp);
					}
					
					var index = (type == "start") ? 0 : 1;
					
					var val1Tmp = val[index].split(":");
					
					var val1Hours = val1Tmp[0];
					var val1Mins = val1Tmp[1].split(" ")[0];
					var val1AP = val1Tmp[1].split(" ")[1];
					
					if(val1Hours > 12){
					
						val1Hours -= 12;
						val1AP = "PM";
					
					}
					
					for(o in hours){
					
						var option = document.createElement("option");
						option.text = hours[o];
					
						if(hours[o] == val1Hours){
						
							option.setAttribute("selected","selected");
						
						}
					
						oarrh.push(option);
					
					}
					
					for(o in mins){
					
						var option = document.createElement("option");
						option.text = mins[o];
					
						if(mins[o] == val1Mins){
						
							option.setAttribute("selected","selected");
						
						}
					
						oarrm.push(option);
					
					}
					
					for(o in ap){
					
						var option = document.createElement("option");
						option.text = ap[o];
					
						if(ap[o] == val1AP){
						
							option.setAttribute("selected","selected");
						
						}
					
						oarrap.push(option);
					
					}
					
					for(o in oarrh){
					
						try {
						
							inputHour.add(oarrh[o],null);
						
						} catch(e){
							
							inputHour.add(oarrh[o]);
							
						}
					
					}
					
					for(o in oarrm){
					
						try {
						
							inputMin.add(oarrm[o],null);
						
						} catch(e){
							
							inputMin.add(oarrm[o]);
							
						}
					
					}
					
					for(o in oarrap){
					
						try {
						
							inputAP.add(oarrap[o],null);
						
						} catch(e){
							
							inputAP.add(oarrap[o]);
							
						}
					
					}
					
					inputHour.setAttribute("name",configVar+"."+varName+".hour");
					inputMin.setAttribute("name",configVar+"."+varName+".min");
					
					inputAP.setAttribute("name",configVar+"."+varName+".ap");
					inputAP.setAttribute("id",configVar+"."+varName+".ap");
					
					inputHour.setAttribute("id",configVar+"."+varName+".hour");
					inputMin.setAttribute("id",configVar+"."+varName+".min");
					
					var container = document.createElement("div");
					
					container.appendChild(inputHour);
					container.appendChild(inputMin);
					container.appendChild(inputAP);
					
					right.appendChild(container);
					
					tmp.appendChild(left);
					//tmp.appendChild(this.__clearDiv());
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					varSet = true;
					
					if(this.extVars['camTime.'+type+'.interval'])
						clearInterval(this.extVars['camTime.'+type+'.interval']);
				
				break;
				case "list":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var input = document.createElement("select");
					input.className = "config-content-row-input";
					
					if(this.__getCurrentVarType() == "array"){
							
						val = this.data[configVar][varName] ? this.data[configVar][varName][this.currentArrayIndex] : null;
						
					} else	
						val = this.data[configVar] ? this.data[configVar][varName] : null;
					
					var oarr = new Array();
					
					var olength = 0;
					
					for(var o in this.config[this.currentStep]['vars'][i]['options']){
						olength++;	
					}
					
					if(!olength){
						
						tmp.innerHTML = "";
						break;
						
					}
					
					for(o in this.config[this.currentStep]['vars'][i]['options']){
					
						if(!val){
					
							if(!this.data[configVar])
								this.data[configVar] = {};
								
							if(!this.data[configVar][varName])
								this.data[configVar][varName] = {};
					
							if(this.__getCurrentVarType() == "array")
								this.data[configVar][varName][this.currentArrayIndex] = this.config[this.currentStep]['vars'][i]['options'][o]['text'];
							else	
								this.data[configVar][varName] = this.config[this.currentStep]['vars'][i]['options'][o]['text'];
							
							
							val = this.config[this.currentStep]['vars'][i]['options'][o]['text'];
					
						}
					
						var option = document.createElement("option");
						option.text = this.config[this.currentStep]['vars'][i]['options'][o]['text'];
						
						if(this.config[this.currentStep]['vars'][i]['options'][o]['name'])
							option.setAttribute("value",this.config[this.currentStep]['vars'][i]['options'][o]['name']);
						else
							option.setAttribute("value",this.config[this.currentStep]['vars'][i]['options'][o]['text']);
					
						if(val && this.config[this.currentStep]['vars'][i]['options'][o]['text'] == val){
						
							option.setAttribute("selected","selected");
						
						}
					
						oarr.push(option);
					
					}
					
					for(var o in oarr){
					
						try {
						
							input.add(oarr[o],null);
						
						} catch(e){
							
							input.add(oarr[o]);
							
						}
					
					}
					
					input.setAttribute("name",configVar+"."+varName);
					
					input.onchange = function(e){c.__selectChange(e)};
					input.onfocus = function(e){c.__selectFocus(e)};
					
					right.appendChild(input);
					
					tmp.appendChild(left);
					//tmp.appendChild(this.__clearDiv());
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					varSet = true;
				
				break;
				case "radio":
				
					var top = document.createElement("div");
					
					var num = this.config[this.currentStep]['vars'][i]['options'].length;
					
					if(num > 2 || this.config[this.currentStep]['vars'][i]['multiline']){
					
						top.className = "config-content-row-top";
					
					} else {
					
						top.className = "config-content-row-left";
					
					}
					
					top.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						top.appendChild(info);
					
					}
					
					var bottom = document.createElement("div");
					
					if(num > 2 || this.config[this.currentStep]['vars'][i]['multiline'])
						bottom.className = tmp.className;
					else
						bottom.className = "config-content-row-right";
					
					bottom.style.background = "none";
					
					var olength = 0;
					
					for(var o in this.config[this.currentStep]['vars'][i]['options']){
						olength++;	
					}
					
					if(!olength){
						
						tmp.innerHTML = "";
						break;
						
					}
				
					for(var o in this.config[this.currentStep]['vars'][i]['options']){
					
						var radio = document.createElement("div");
						radio.className = "config-content-row-select";
						
						var radioText = document.createElement("div");
						radioText.className = "config-content-row-radio-text";
						
						radioText.innerHTML = this.config[this.currentStep]['vars'][i]['options'][o]['text'];
						
						var radioDiv = document.createElement("div");
						
						var val;
						
						if(this.__getCurrentVarType() == "array"){
							
							val = this.data[configVar][varName] ? this.data[configVar][varName][this.currentArrayIndex] : null;
						
						} else	
							val = this.data[configVar] ? this.data[configVar][varName] : null;
						
						if(val && this.config[this.currentStep]['vars'][i]['options'][o]['text'] == val){
							
							radioDiv.className = "config-content-row-radio-selected";
							varSet = true;
							
						} else
							radioDiv.className = "config-content-row-radio";
						
						
						if(this.errors[configVar] && this.errors[configVar][varName]){
						
							radioDiv.className = radioDiv.className+"-error";
						
						}
						
						radioDiv.setAttribute("name",configVar+"."+varName);
						radioDiv.setAttribute("id",configVar+"."+varName+"."+this.config[this.currentStep]['vars'][i]['options'][o]['text']);
						
						// event
						radioDiv.onclick = function(e){c.__setVar(e)};
						
						radio.appendChild(radioDiv);
						radio.appendChild(radioText);
						radio.appendChild(this.__clearDiv());
						
						bottom.appendChild(radio);
						
					}
					
					bottom.appendChild(this.__clearDiv());
					
					tmp.appendChild(top);
					
					//if(num > 2)
						this.vars['portal.config.content'].appendChild(bottom);
					//else {
					
						tmp.appendChild(bottom);
						tmp.appendChild(this.__clearDiv());
					
					//}
					
					if(top.className == "config-content-row-left"){
					
						maxWidth = top.offsetWidth;
						
					}
				
				break;
				case "textarea":
				
					var left = document.createElement("div");
					left.className = "config-content-row-top";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-bottom";
					
					var input = document.createElement("textarea");
					input.className = "config-content-row-textarea";
					
					if(this.config[this.currentStep]['vars'][i]['length']){
						
						input.style.width = (this.config[this.currentStep]['vars'][i]['length']*10)+"px";
						
					} else
						input.style.width = "95%";
					
					if(this.__getCurrentVarType() == "array"){
							
						val = this.data[configVar][varName] ? this.data[configVar][varName][this.currentArrayIndex] : null;
						
					} else	
						val = this.data[configVar] ? this.data[configVar][varName] : null;
					
					if(val){
						input.value = val;
						varSet = true;
					}
					
					input.setAttribute("name",configVar+"."+varName);
					
					input.onfocus = function(e){c.__inputFocus(e)};
					input.onblur = function(e){c.__inputBlur(e)};
					
					right.appendChild(input);
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;	
				
				break;
				case "text":
				
					var top = document.createElement("div");
					top.className = "config-content-row-top";
					top.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
				
					var bottom = document.createElement("div");
					//bottom.className = "config-content-row-top";
					bottom.style.lineHeight = "15px";
					bottom.style.paddingLeft = "10px";
					bottom.style.paddingRight = "10px";
					bottom.style.width = "auto";
					bottom.style.paddingBottom = "10px";
				
					for(var p in this.config[this.currentStep]['vars'][i]['params']){
					
						bottom.innerHTML += this.__parseString(this.config[this.currentStep]['vars'][i]['params'][p]['tagData'],true,this.config[this.currentStep]['vars'][i]['params'][p]['attrs']['NOVALUE']);
					
					}
				
					tmp.appendChild(top);
					tmp.appendChild(bottom);
					
					maxWidth = top.offsetWidth;
				
				break;
				case "camera":
				
					// insert the camera into the left panel			
					var oldDiv = document.getElementById("portal.content.cams.selector");
					
					if(oldDiv){
						
						this.vars['extension.divs'].removeChild(oldDiv);
						
						
					}
					
					tmp.className = "";
					tmp.setAttribute("id","portal.content.cams.selector");
					tmp.style.position = "absolute";
					tmp.style.width = this.vars['portal.config.array.list'].offsetWidth+"px";
					
					if(!this.vars['extension.divs']){
		
						this.vars['extension.divs'] = document.createElement("div");
						this.vars['extension.divs'].className = "extension-divs";
							
						document.body.appendChild(this.vars['extension.divs']);
					
					}
					
					maxWidth = 0;
					
					var title = document.createElement("div");
					title.className = "config-array-list-title";
					
					title.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					// make selector container
					
					var container = document.createElement("div");
					
					var checkbox = document.createElement("div");
					
					checkbox.style.marginTop = "4px";
					
					checkbox.onclick = function(){c.__cameraSelected()};
				
					var selector = document.createElement("select");
					selector.className = "config-array-list-dropdown";
					selector.style.width = "210px";
					
					checkbox.style.display = "none";
					
					container.appendChild(checkbox);
					container.appendChild(selector);
					container.appendChild(this.__clearDiv());
					
					// camera pic
					
					var pic = document.createElement("div");
					pic.className = "config-array-list-pic";
					
					// img
					var img = document.createElement("img");
					img.setAttribute("id",configVar+"."+varName+".pic");
					img.onload = function(){if(c.__posImage){c.__posImage();}};
					img.style.opacity = 0;
					img.style.filter = "opacity(0)";
					img.style.filter = "alpha(opacity=0)";
					
					pic.appendChild(img);
					
					tmp.appendChild(title);
					tmp.appendChild(container);
					tmp.appendChild(pic);
					
					this.vars['extension.divs'].appendChild(tmp);
					
					// position it
					tmp.style.left = (site.offsetLeft(this.content.left)+((this.content.left.offsetWidth-this.vars['portal.config.array.list'].offsetWidth)/2))+"px";
					
					if(BrowserDetect.browser != "Explorer") {
					
						tmp.style.top = (site.offsetTop(this.content.left)+100)+"px";
					
					} else {
					
						tmp.style.top = (site.offsetTop(this.content.left)+140)+"px";
						
					}
					
					// camera motion and compression
					
					this.__updateCamSelector();
					
					if(!this.vars['config.cams.loader']){
						
						var tmpOption = document.createElement("option");
						tmpOption.text = "Loading...";
						
						try {
						
							selector.add(tmpOption,null);
						
						} catch(e){
						
							selector.add(tmpOption);
						
						}
						
						var p = {};
						
						for(var param in this.config[this.currentStep]['vars'][i]['params']){
							
							p[this.config[this.currentStep]['vars'][i]['params'][param]['attrs']['NAME']] = this.config[this.currentStep]['vars'][i]['params'][param]['attrs']['VALUE'];
							
						}
						
						//site.__showMask();
						
						this.vars['config.cams.loader'] = new portal.ajax({"url":"http://www.ftlportal.com/login?"+Math.random(),"params":p,"success":function(d){c.__updateCamList(d,true);}});
					
					} else {
					
						this.__updateCamList(null,null,true);
					
					}
				
				break;
				case "smartClientList":
				
					var oldSelect = document.getElementById("dl."+configVar+"."+varName);
					
					if(oldSelect)
						break;
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text']+"<br/>";
					
					var sm = this.data['config']['sctrans'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.style.lineHeight = "1px";
						info.style.marginLeft = "-5px";
						
						info.innerHTML = "<br/>More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var val;
					
					if(!this.data[configVar])
						this.data[configVar] = {};
						
					if(!this.data[configVar]['sctrans'])
						this.data[configVar]['sctrans'] = {};
					
					val = this.data[configVar]['sctrans'] && this.data[configVar]['sctrans'][this.currentArrayIndex] ? this.data[configVar]['sctrans'][this.currentArrayIndex] : [];
				
					val = val.join(",");
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var rightHolder = document.createElement("div");
					
					right.appendChild(rightHolder);
					
					//var input = document.createElement("select");
					//input.setAttribute("id","dl."+configVar+"."+varName);
					//input.className = "config-content-row-input";
					
					//input.onchange = function(e){c.__dynamicListSelected(e)};
					
					//input.setAttribute("name",configVar+"."+varName);
					
					//right.appendChild(input);
					
					var def = null, setVal = false;
					
					this.data[configVar]['sctrans'][this.currentArrayIndex] = [];
					
					for(var ixi=1;ixi<=sm;ixi++){
					
						var tmpDiv = document.createElement("div");
					
						var opt = document.createElement("input");
						opt.setAttribute("type","checkbox");
						opt.value = ixi;
					
						opt.setAttribute("id",configVar+"."+varName+"."+ixi);
					
						(function(opt,c){
						
							opt.onclick = function(e){c.__smartClientListSelected(e)};
					
						})(opt,c);
					
						if(val.search(new RegExp("\\b"+opt.value+"\\b","g")) != -1){
						
							opt.setAttribute("checked","checked");
							this.data[configVar]['sctrans'][this.currentArrayIndex].push(ixi);
						
						}
					
						tmpDiv.style.height = "20px";
					
						tmpDiv.appendChild(opt);
						tmpDiv.appendChild(document.createTextNode("Smart Client "+ixi));
						//right.appendChild(document.createElement("br"));
					
						rightHolder.appendChild(tmpDiv);
					
					}
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						//maxWidth += info.offsetWidth;
					
					}
					
					varSet = true;
				
				break;
				case "dynamicList":
				
					var oldSelect = document.getElementById("dl."+configVar+"."+varName);
					
					if(oldSelect)
						break;
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var input = document.createElement("select");
					input.setAttribute("id","dl."+configVar+"."+varName);
					input.className = "config-content-row-input";
					
					input.onchange = function(e){c.__dynamicListSelected(e)};
					
					input.setAttribute("name",configVar+"."+varName);
					
					var tmpOption = document.createElement("option");
					tmpOption.text = "Loading...";
					
					
					try {
					
						input.add(tmpOption,null);
					
					} catch(e){
					
						input.add(tmpOption);
					
					}
					
					right.appendChild(input);
					
					this.__loadDynamicValues(input);
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;
					varSet = true;
				
				break;
				case "hidden":
				
					if(!this.vars['config.cams.loaded'])
						break;
				
					var cams = this.vars['config.cams.loaded'];
				
					var selector = document.getElementById("portal.content.cams.selector");
		 
		 			if(selector){
		 
						var list = selector.childNodes[1].childNodes[1];
						 
						var index = list.selectedIndex;
					
					
						for(var o in cams[index]){
				
							var val = null;
								
							for(var a in cams[index][o]){	
										
								if(cams[index][o][a]['default'] == "true" && o == varName){
										
									this.data[configVar][o][this.currentArrayIndex] = cams[index][o][a]['value'];
									break;
								}
									
							}
							
						}
					
					}
				
				break;
				case "framesize":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					if(this.data[configVar]['bitrate'] && this.data[configVar]['bitrate'][this.currentArrayIndex])
						this.data[configVar]['bitrate'][this.currentArrayIndex] = null;
					
					
					if(this.data[configVar]['bitrateLevel'] && this.data[configVar]['bitrateLevel'][this.currentArrayIndex])
						this.data[configVar]['bitrateLevel'][this.currentArrayIndex] = null;
					
					if(this.data[configVar]['lastRes'] && this.data[configVar]['lastRes'][this.currentArrayIndex] != this.data[configVar]['resolution'][this.currentArrayIndex] || this.data[configVar]['lastComp'] && this.data[configVar]['lastComp'][this.currentArrayIndex] != this.data[configVar]['compression'][this.currentArrayIndex] || this.data[configVar]['fps'] && this.data[configVar]['lastFPS'] && this.data[configVar]['lastFPS'][this.currentArrayIndex] != this.data[configVar]['fps'][this.currentArrayIndex]){
					
						this.data[configVar]['framesize'][this.currentArrayIndex] = null;
						this.data[configVar]['bitrateType'][this.currentArrayIndex] = null;
						this.data[configVar]['framesizeComp'][this.currentArrayIndex] = null;
						this.data[configVar]['bitrate'][this.currentArrayIndex] = null;
						this.data[configVar]['bitrateLevel'][this.currentArrayIndex] = null;
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var btn = document.createElement("div");
					btn.className = "small-btn";
					
					btn.style.marginLeft = "0px";
					btn.style.marginRight = "0px";
					btn.style.marginTop = "4px";
					btn.style.marginLeft = "10px";
					
					btn.innerHTML = "Customize";
					
					if(BrowserDetect.browser != "Explorer") {
						btn.style.cssFloat = "left";
					} else {
						btn.style.styleFloat = "left";	
					}
					
					btn.onclick = function(){c.__bitrate()};
					
					var bitrate = document.createElement("div");
					
					if(BrowserDetect.browser != "Explorer") {
						bitrate.style.cssFloat = "left";
					} else {
						bitrate.style.styleFloat = "left";	
					}
					
					if(this.data[configVar]['framesize'] && this.data[configVar]['framesize'][this.currentArrayIndex]){
						
						bitrate.innerHTML = this.data[configVar]['framesize'][this.currentArrayIndex]+""+this.data[configVar]['bitrateType'][this.currentArrayIndex]+" / "+this.data[configVar]['framesizeComp'][this.currentArrayIndex];
						
					} else {
					
						bitrate.innerHTML = "Default Frame Size Settings";
					
					}
					
					right.appendChild(bitrate);
					right.appendChild(btn);
					right.appendChild(this.__clearDiv());
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;	
				
				break;
				case "bitrate":
				
					var left = document.createElement("div");
					left.className = "config-content-row-left";
					
					left.innerHTML = this.config[this.currentStep]['vars'][i]['text'];
					
					if(this.config[this.currentStep]['vars'][i]['info']){
					
						var info = document.createElement("span");
						info.className = "config-more-info";
						info.setAttribute("name",configVar+"."+varName);
						
						info.innerHTML = "More Info";
						
						info.onclick = function(e){c.__loadMoreInfo(e)};
					
						left.appendChild(info);
					
					}
					
					if(this.data[configVar]['framesize'] && this.data[configVar]['framesize'][this.currentArrayIndex])
						this.data[configVar]['framesize'][this.currentArrayIndex] = null;
					
					
					if(this.data[configVar]['framesizeComp'] && this.data[configVar]['framesizeComp'][this.currentArrayIndex])
						this.data[configVar]['framesizeComp'][this.currentArrayIndex] = null;
					
					if(this.data[configVar]['lastRes'] && this.data[configVar]['lastRes'][this.currentArrayIndex] != this.data[configVar]['resolution'][this.currentArrayIndex] || this.data[configVar]['lastComp'] && this.data[configVar]['lastComp'][this.currentArrayIndex] != this.data[configVar]['compression'][this.currentArrayIndex] || this.data[configVar]['fps'] && this.data[configVar]['lastFPS'] && this.data[configVar]['lastFPS'][this.currentArrayIndex] != this.data[configVar]['fps'][this.currentArrayIndex]){
					
						this.data[configVar]['bitrate'][this.currentArrayIndex] = null;
						this.data[configVar]['bitrateType'][this.currentArrayIndex] = null;
						this.data[configVar]['bitrateLevel'][this.currentArrayIndex] = null;
						this.data[configVar]['framesize'][this.currentArrayIndex] = null;
						this.data[configVar]['framesizeComp'][this.currentArrayIndex] = null;
					
					}
					
					var right = document.createElement("div");
					right.className = "config-content-row-right";
					
					var btn = document.createElement("div");
					btn.className = "small-btn";
					
					btn.style.marginLeft = "0px";
					btn.style.marginRight = "0px";
					btn.style.marginTop = "4px";
					btn.style.marginLeft = "10px";
					
					btn.innerHTML = "Customize";
					
					if(BrowserDetect.browser != "Explorer") {
						btn.style.cssFloat = "left";
					} else {
						btn.style.styleFloat = "left";	
					}
					
					btn.onclick = function(){c.__bitrate()};
					
					var bitrate = document.createElement("div");
					
					if(BrowserDetect.browser != "Explorer") {
						bitrate.style.cssFloat = "left";
					} else {
						bitrate.style.styleFloat = "left";	
					}
					
					if(this.data[configVar]['bitrate'] && this.data[configVar]['bitrate'][this.currentArrayIndex]){
						
						bitrate.innerHTML = this.data[configVar]['bitrate'][this.currentArrayIndex]+""+this.data[configVar]['bitrateType'][this.currentArrayIndex]+" / "+this.data[configVar]['bitrateLevel'][this.currentArrayIndex];
						
					} else {
					
						bitrate.innerHTML = "Default Bitrate Settings";
					
					}
					
					right.appendChild(bitrate);
					right.appendChild(btn);
					right.appendChild(this.__clearDiv());
					
					tmp.appendChild(left);
					tmp.appendChild(right);
					tmp.appendChild(this.__clearDiv());
					
					w = left.offsetWidth;
					
					maxWidth = w;	
				
				break;
			}
			
			return {"width":maxWidth,"varSet":varSet};

			
	 },
	add___inputActivityFocus : function(e){
		
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		if(this.extVars['camTime.end.interval'])
			clearInterval(this.extVars['camTime.end.interval']);
		
		this.extVars['camTime.start.interval'] = setInterval(function(){c.__updateCamTime()},1);
		
		var c = this;
		
		this.vars['portal.content.main.input'] = target;
		
		this.vars['portal.content.main.input.focus'] = setInterval(function(){c.__inputSetVar()},1);
		
		this.vars['portal.content.main.input'].onchange = function(){c.__inputActivityBlur(true)};
		this.vars['portal.content.main.input'].onblur = function(){c.__inputActivityBlur(true)};
		//this.vars['portal.content.main.input'].onmouseout = function(){c.__inputBlur(true)};
		
	},
	append___inputSetVar : function(){
		
		if(configName == "camera" && varName == "fps"){
		
			if(this.data[configName]['fps'] && this.data[configName]['lastFPS'] && this.data[configName]['lastFPS'][this.currentArrayIndex] != this.data[configName]['fps'][this.currentArrayIndex]){
			
				this.data[configName]['lastFPS'][this.currentArrayIndex] = this.data[configName]['fps'][this.currentArrayIndex];
				
				this.data[configName]['bitrate'][this.currentArrayIndex] = null;
				this.data[configName]['bitrateType'][this.currentArrayIndex] = null;
				this.data[configName]['bitrateLevel'][this.currentArrayIndex] = null;
				this.data[configName]['framesize'][this.currentArrayIndex] = null;
				this.data[configName]['framesizeComp'][this.currentArrayIndex] = null;
				
				// update bitrate
				
				for(var i=0;i<this.vars['portal.config.content'].childNodes.length;i++){
				
					tmp = this.vars['portal.config.content'].childNodes[i];
					
					var index = i;
			
					for(var h in this.config[this.currentStep]['vars']){
					
						if(configName+"."+this.config[this.currentStep]['vars'][h]['name'] == tmp.getAttribute("name")){
							index = h;
							break;
						}
					}
					
					var tmpVarName = this.config[this.currentStep]['vars'][index]['name'];
					
					if(tmpVarName == "tmp"){
					
						var maxWidth = tmp.childNodes[1].offsetWidth;
					
						tmp.innerHTML = "";
					
						var a = this.__renderConfigVarsDiv(tmp,index)
						
						tmp.childNodes[1].style.width = maxWidth+"px";
						tmp.childNodes[1].style.cssFloat = "right";
						tmp.childNodes[1].style.styleFloat = "right";
						
						break;
					
					}
				
				}
				
				
			}
				
		}
		
	},
	add___startCamTime : function(){
		
		var c = this;
		
		this.extVars['camTime.end.interval'] = setInterval(function(){c.__updateActivity()},1);
		
	},
	add___inputActivityBlur : function(){
	
		var c = this;
	
		if(!this.vars['portal.content.main.input'])
			return false;
	
		if(this.extVars['camTime.start.interval'])
			clearInterval(this.extVars['camTime.start.interval']);
		
		var configVar = this.config[this.currentStep]['var'];
	
		var ap = "AM";
			 
		var a = this.vars['portal.content.main.input'].value;
		
		if(a == 12)
			ap = "PM";
		
		if(a > 12){
			 
		 a -= 12;
		 
		 if(a < 12)
			 ap  = "PM";
			 
		}
		
		if(!this.data[configVar]['time'])
			this.data[configVar]['time'] = [];
		
		if(this.data[configVar]['istimeframe'] && this.data[configVar]['istimeframe'][this.currentArrayIndex] && this.data[configVar]['lastActivity'] && this.data[configVar]['lastActivity'][this.currentArrayIndex] != this.vars['portal.content.main.input'].value)
			this.data[configVar]['time'][this.currentArrayIndex] = "12:00 AM - "+a+":00 "+ap;
			 	
		if(this.vars['portal.content.main.input.focus']){
			clearInterval(this.vars['portal.content.main.input.focus']);
			this.vars['portal.content.main.input.focus'] = null;
		}
		
		if(this.vars['portal.content.main.input'])
			this.vars['portal.content.main.input'] = null;
			
		this.__inputSetVar(true);
	
	},
	 add___selectTimeChange : function(e){
		 
		// grab all the time data
		
		
		var configVar = this.config[this.currentStep]['var'];
		
		var hour1 = document.getElementById(configVar+".startTime.hour");
		var hour2 = document.getElementById(configVar+".endTime.hour");
		var ap1 = document.getElementById(configVar+".startTime.ap");
		
		var min1 = document.getElementById(configVar+".startTime.min");
		var min2 = document.getElementById(configVar+".endTime.min");
		var ap2 = document.getElementById(configVar+".endTime.ap");
		
		if(!hour1 || !hour2 || !ap1 || !min1 || !min2 || !ap2)
			return false;
		
		this.data[configVar]['time'][this.currentArrayIndex] = hour1.options[hour1.selectedIndex].text+":"+min1.options[min1.selectedIndex].text+" "+ap1.options[ap1.selectedIndex].text+" - "+hour2.options[hour2.selectedIndex].text+":"+min2.options[min2.selectedIndex].text+" "+ap2.options[ap2.selectedIndex].text;
		
		var startHour = new Number(hour1.options[hour1.selectedIndex].text);
		var endHour = new Number(hour2.options[hour2.selectedIndex].text);
		
		startMinutes = new Number(min1.options[min1.selectedIndex].text);
		endMinutes = new Number(min2.options[min2.selectedIndex].text);
		
		if(ap1.options[ap1.selectedIndex].text == "PM" && startHour != 12)
			startHour += 12;
		else if(ap1.options[ap1.selectedIndex].text == "AM" && startHour == 12)
			startHour = 0;
			
		if(ap2.options[ap2.selectedIndex].text == "PM" && endHour != 12)
			endHour += 12;	
		else if(ap2.options[ap2.selectedIndex].text == "AM" && endHour == 12)
			endHour = 0;
		
		startHour += startMinutes/60;
		endHour += endMinutes/60;
		
		var diff = endHour-startHour;
		
		if(diff < 0){
		
			diff = 24+diff;
		
		}
		
		if(diff == 0)
			diff = 24;
		
		if(!this.data[configVar]['activity'])
			this.data[configVar]['activity'] = [];
		
		this.data[configVar]['activity'][this.currentArrayIndex] = Math.round(diff*100)/100;
		
		if(!this.data[configVar]['lastActivity'])
			this.data[configVar]['lastActivity'] = [];
		
		this.data[configVar]['lastActivity'][this.currentArrayIndex] = Math.round(diff*100)/100;
		
		this.__parse(true);
		
		if(this.extVars['camTime.end.interval'])
			clearInterval(this.extVars['camTime.end.interval']);
		
	 },
	 add___updateActivity : function(){
		 
		var configVar = this.config[this.currentStep]['var'];
		
		var hour1 = document.getElementById(configVar+".startTime.hour");
		var hour2 = document.getElementById(configVar+".endTime.hour");
		var ap1 = document.getElementById(configVar+".startTime.ap");
		
		var min1 = document.getElementById(configVar+".startTime.min");
		var min2 = document.getElementById(configVar+".endTime.min");
		var ap2 = document.getElementById(configVar+".endTime.ap");
		
		if(!hour1 || !hour2 || !ap1 || !min1 || !min2 || !ap2)
			return false;
		
		this.data[configVar]['time'][this.currentArrayIndex] = hour1.options[hour1.selectedIndex].text+":"+min1.options[min1.selectedIndex].text+" "+ap1.options[ap1.selectedIndex].text+" - "+hour2.options[hour2.selectedIndex].text+":"+min2.options[min2.selectedIndex].text+" "+ap2.options[ap2.selectedIndex].text;
		
		var startHour = new Number(hour1.options[hour1.selectedIndex].text);
		var endHour = new Number(hour2.options[hour2.selectedIndex].text);
		
		startMinutes = new Number(min1.options[min1.selectedIndex].text);
		endMinutes = new Number(min2.options[min2.selectedIndex].text);
		
		if(ap1.options[ap1.selectedIndex].text == "PM" && startHour != 12)
			startHour += 12;
		else if(ap1.options[ap1.selectedIndex].text == "AM" && startHour == 12)
			startHour = 0;
			
		if(ap2.options[ap2.selectedIndex].text == "PM" && endHour != 12)
			endHour += 12;	
		else if(ap2.options[ap2.selectedIndex].text == "AM" && endHour == 12)
			endHour = 0;	
		
		startHour += startMinutes/60;
		endHour += endMinutes/60;
		
		var diff = endHour-startHour;
		
		if(diff < 0){
		
			diff = 24+diff;
		
		}
		
		if(diff == 0)
			diff = 24;
		
		if(!this.data[configVar]['activity'])
			this.data[configVar]['activity'] = [];
		
		this.data[configVar]['activity'][this.currentArrayIndex] = Math.round(diff*100)/100;
		
		if(!this.data[configVar]['lastActivity'])
			this.data[configVar]['lastActivity'] = [];
		
		this.data[configVar]['lastActivity'][this.currentArrayIndex] = Math.round(diff*100)/100;
		
		this.extVars['camTime.end.interval.div'].value = this.data[configVar]['activity'][this.currentArrayIndex];
		
	 },
	 add___updateCamTime : function(){
		 
		var configVar = this.config[this.currentStep]['var']; 
		 
		var hour1 = document.getElementById(configVar+".startTime.hour");
		var hour2 = document.getElementById(configVar+".endTime.hour");
		var ap1 = document.getElementById(configVar+".startTime.ap");
		
		var min1 = document.getElementById(configVar+".startTime.min");
		var min2 = document.getElementById(configVar+".endTime.min");
		var ap2 = document.getElementById(configVar+".endTime.ap");
		
		if(!hour1 || !hour2 || !ap1 || !min1 || !min2 || !ap2)
			return false;
		
		// get values
		
		if(this.data[configVar]['activity'] && this.data[configVar]['activity'][this.currentArrayIndex]){
		
			var a = this.data[configVar]['activity'][this.currentArrayIndex];
			
			var ap = "AM";
					
			if(a >= 12){
					
				if(a > 12)
					a -= 12;
						
				ap = "PM";
						
			}
					
			if(	this.data[configVar]['lastActivity'] && this.data[configVar]['activity'][this.currentArrayIndex] == this.data[configVar]['lastActivity'][this.currentArrayIndex]){	
			
				return true;
			
			}
					
			this.data[configVar]['time'][this.currentArrayIndex] = "12:00 AM - "+a+":00 "+ap;
			
			var opts = this.vars['portal.config.array.list'].childNodes[1];
			
			var mainframe = (this.data[configVar]['mainframe'] && this.data[configVar]['mainframe'][this.currentArrayIndex] != null) ? this.data[configVar]['mainframe'][this.currentArrayIndex]*1 : null;
			
			if(mainframe){
			
				this.vars['portal.config.array.list'].childNodes[1].options[mainframe].text = this.data[configVar]['name'][mainframe]+" ["+this.data[configVar]['time'][mainframe]+"]"
				this.vars['portal.config.array.list'].childNodes[1].options[this.currentArrayIndex].text = this.data[configVar]['name'][mainframe]+" ["+this.data[configVar]['time'][this.currentArrayIndex]+"]";
			
			}
			
			
			var times = this.data[configVar]['time'][this.currentArrayIndex].split(" - ");
			
			var valHour1 = times[0].split(":")[0];
			var valMin1 = times[0].split(":")[1].split(" ")[0];
			var valAP1 = times[0].split(":")[1].split(" ")[1];
			
			var valHour2 = times[1].split(":")[0];
			var valMin2 = times[1].split(":")[1].split(" ")[0];
			var valAP2 = times[1].split(":")[1].split(" ")[1];
			
			for(var i=0;i<hour1.options.length;i++){
			
				if(hour1.options[i].text == valHour1)
					hour1.options[i].selected = "selected";
				else
					hour1.options[i].selected = false;
			
			}
			
			for(var i=0;i<min1.options.length;i++){
			
				if(min1.options[i].text == valMin1)
					min1.options[i].selected = "selected";
				else
					min1.options[i].selected = false;
			
			}
			
			for(var i=0;i<ap1.options.length;i++){
			
				if(ap1.options[i].text == valAP1)
					ap1.options[i].selected = "selected";
				else
					ap1.options[i].selected = false;
			
			}
			
			
			for(var i=0;i<hour2.options.length;i++){
			
				if(hour2.options[i].text == valHour2)
					hour2.options[i].selected = "selected";
				else
					hour2.options[i].selected = false;
			
			}
			
			for(var i=0;i<min2.options.length;i++){
			
				if(min2.options[i].text == valMin2)
					min2.options[i].selected = "selected";
				else
					min2.options[i].selected = false;
			
			}
			
			for(var i=0;i<ap2.options.length;i++){
			
				if(ap2.options[i].text == valAP2)
					ap2.options[i].selected = "selected";
				else
					ap2.options[i].selected = false;
			
			}
		
		
		}
		
	 },
	 add___addHours : function(){
		 
		var errorsLength = 0; 
		
		var c = this;
		 
		var configVar = this.config[this.currentStep]['var']; 
		 
		if(this.timeframe > -1){ 
		 
			// add a new camera
			this.__validate();
		
			errorsLength = this.__countErrors(configVar);
		
		}
		
		if(errorsLength == 0){
			
			this.timeframe++;
			
			if(!this.data[configVar]['istimeframe'])
				this.data[configVar]['istimeframe'] = [];
				
			if(!this.data[configVar]['time'])
				this.data[configVar]['time'] = [];	
				
			if(!this.data[configVar]['lastActivity'])
				this.data[configVar]['lastActivity'] = [];		
			
			if(this.timeframe == 0){
			
				this.data[configVar]['istimeframe'][this.currentArrayIndex] = true;
				
				var a;
				
				if(this.data[configVar]['activity'] && this.data[configVar]['activity'][this.currentArrayIndex]){
					
					a = this.data[configVar]['activity'][this.currentArrayIndex];
				
				} else {
				
					a = "8:00 AM - 5:00 PM";
				
				}
				
				var ap = "AM";
				
				if(a >= 12){
				
					if(a > 12)
						a -= 12;
					
					ap = "PM";
					
				}
				
				this.data[configVar]['time'][this.currentArrayIndex] = "12:00 AM - "+a+":00 "+ap;
				
				this.__parse();
				
				return true;
			
			}
			
			this.change = true;
			
			if(this.mainframe == null){
				
				this.mainframe = this.currentArrayIndex;
				
			}
			
			if(this.timeframe > 0){
			
				var deleteBtn = this.extDivs['portal.config.content.cam.buttons'].childNodes[0];
			
				deleteBtn.className = "config-button";
				deleteBtn.onclick = function(){c.__deleteCam()};
			
			}
			
			// get info
			
			var d = {};
			
			
			for(var ccc in this.data[configVar]){
			
				if(ccc == "activity")
					continue;
			
				if(this.data[configVar][ccc] && this.data[configVar][ccc][this.currentArrayIndex])
					d[ccc] = this.data[configVar][ccc][this.currentArrayIndex];
			
			}
			
			
			var count = this.data[configVar]['resolution'].length;
									
			this.currentArrayIndex = count;
			
			this.data[configVar]['istimeframe'][this.currentArrayIndex] = true;
			
			for(var cai in this.config[this.currentStep]['vars']){
				
				var vn = this.config[this.currentStep]['vars'][cai]['name'];
				
				if(!this.data[configVar][vn]){
					this.data[configVar][vn] = [];
				}
				
				this.data[configVar][vn][this.currentArrayIndex] = null;
			
			}
			
			// do opposite hours
			
			for(ccc in d){
			
				this.data[configVar][ccc][this.currentArrayIndex] = d[ccc];
			
			}
			
			this.data[configVar]['activity'][this.currentArrayIndex] = "9";
			this.data[configVar]['lastActivity'][this.currentArrayIndex] = "9";
			this.data[configVar]['time'][this.currentArrayIndex] = "8:00 AM - 5:00 PM";
			
			if(!this.data[configVar]['timeframe'])
				this.data[configVar]['timeframe'] = [];
				
			if(!this.data[configVar]['mainframe'])
				this.data[configVar]['mainframe'] = [];	
			
			this.data[configVar]['timeframe'][this.currentArrayIndex] = this.timeframe;
			
			if(this.mainframe != null)
				this.data[configVar]['mainframe'][this.currentArrayIndex] = this.mainframe;
			
			if(!this.errors[configVar])
				this.errors[configVar] = [];
			
			if(!this.errors[configVar]['camera'])
				this.errors[configVar]['camera'] = [];
		
			//this.errors[configVar]['camera'][this.currentArrayIndex] = true;
		
			// rerender configuration vars so that they are now blank
			//this.__rerenderConfigVars();
			
			// ...
			//this.__updateCamList();
			
			// do this so that the camera confirmation checkbox gets errored out
			//this.__updateCamSelector();
			
		} 
		
		this.__parse(true);
		
	 },
	 add___closeBitratePopUp : function(){
		 
		if(this.vars['bitratePopUp'].childNodes[1].className != "content-loaded")
		 	return false;
		 
		for(var i in this.vars['bitrateform'].timers){
			
			clearInterval(this.vars['bitrateform'].timers[i]);
			
		}
		
		// get data
		var defData = this.vars['bitrateform'].getData();
		
		var configVar = this.config[this.currentStep]['var'];
		
		this.errors[configVar] = {};
		
		if(!this.data[configVar]['bitrate'])
			this.data[configVar]['bitrate'] = [];
			
		if(!this.data[configVar]['framesize'])
			this.data[configVar]['framesize'] = [];	
			
		if(!this.data[configVar]['bitrateLevel'])
			this.data[configVar]['bitrateLevel'] = [];	
			
		if(!this.data[configVar]['framesizeComp'])
			this.data[configVar]['framesizeComp'] = [];	
			
		if(!this.data[configVar]['bitrateType'])
			this.data[configVar]['bitrateType'] = [];
			
		if(!this.data[configVar]['lastRes'])
			this.data[configVar]['lastRes'] = [];	
			
		if(!this.data[configVar]['lastComp'])
			this.data[configVar]['lastComp'] = [];	
			
		if(!this.data[configVar]['lastFPS'])
			this.data[configVar]['lastFPS'] = [];		
		
		var sec = this.data[configVar]['compression'][this.currentArrayIndex].replace(".","");
		
		if(defData[sec]['bitrate'] == defData[sec]['defVal'] && defData[sec]['level'] == "3" && sec != "MJPEG" || defData[sec]['framesize'] == defData[sec]['defVal'] && defData[sec]['comp'] == "3" && sec == "MJPEG"){
			
			// do nothing
			this.data[configVar]['bitrate'][this.currentArrayIndex] = null;
			this.data[configVar]['framesize'][this.currentArrayIndex] = null;
			this.data[configVar]['framesizeComp'][this.currentArrayIndex] = null;
			this.data[configVar]['bitrateLevel'][this.currentArrayIndex] = null;
			this.data[configVar]['bitrateType'][this.currentArrayIndex] = null;
			this.data[configVar]['lastRes'][this.currentArrayIndex] = null;
			this.data[configVar]['lastComp'][this.currentArrayIndex] = null;
			
			this.change = true;
			
		} else {
		
			this.data[configVar]['bitrate'][this.currentArrayIndex] = defData[sec]['bitrate'];
			this.data[configVar]['framesize'][this.currentArrayIndex] = defData[sec]['framesize'];
			this.data[configVar]['framesizeComp'][this.currentArrayIndex] = defData[sec]['levelDef'][defData[sec]['comp']];
			this.data[configVar]['bitrateLevel'][this.currentArrayIndex] = defData[sec]['levelDef'][defData[sec]['level']];
			this.data[configVar]['bitrateType'][this.currentArrayIndex] = defData[sec]['type'];
			this.data[configVar]['lastRes'][this.currentArrayIndex] = this.data[configVar]['resolution'][this.currentArrayIndex];
			this.data[configVar]['lastComp'][this.currentArrayIndex] = this.data[configVar]['compression'][this.currentArrayIndex];
			
			if(this.data[configVar]['fps'] && this.data[configVar]['fps'][this.currentArrayIndex])
				this.data[configVar]['lastFPS'][this.currentArrayIndex] = this.data[configVar]['fps'][this.currentArrayIndex];
			
			this.change = true;
		
		}
		
		document.body.removeChild(this.vars['bitratePopUp']);
		
		site.__hideMask();
		
		this.__saveData();
		
		this.__rerenderConfigVars();
		
	 },
	 add___bitrate : function(){
		
		var configVar = this.config[this.currentStep]['var'];
		
		// validate
		this.__validate();
		
		var errorsLength = this.__countErrors(configVar);
		
		if(errorsLength > 0){
			
			if(this.vars['errors'][configVar] && this.vars['errors'][configVar]['tmp']){
				this.__rerenderConfigVars();
				return false;
			}
		}
		
		var c = this;
		 
		site.__showMask();
		
		// div
		
		this.vars['bitratePopUp'] = document.createElement("div");
		this.vars['bitratePopUp'].className = "bitratePopUp";
		
		var hdr = document.createElement("div");
		hdr.className = "topHeader";
		
		hdr.innerHTML = "Customization";
		
		this.vars['bitratePopUp'].appendChild(hdr);
		
		var closeButton = document.createElement("div");
		closeButton.className = "closeButton";
		
		closeButton.onclick = function(){c.__closeBitratePopUp();};
		
		var content = document.createElement("div");
		content.className = "content-notloaded";
		content.innerHTML = "Loading settings...";
		
		this.vars['bitratePopUp'].appendChild(content);
		this.vars['bitratePopUp'].appendChild(closeButton);
		
		document.body.appendChild(this.vars['bitratePopUp']);
		
		this.vars['bitratePopUp'].style.left = ((site.window.innerWidth-this.vars['bitratePopUp'].offsetWidth)/2)+"px";
		this.vars['bitratePopUp'].style.top = ((site.window.innerHeight-this.vars['bitratePopUp'].offsetHeight)/2)+"px";
		
		// add settings
		
		var p = {};
		
		p['getBitrate'] = "true";
		p['resolution'] = this.data[configVar]['resolution'][this.currentArrayIndex];
		p['compression'] = this.data[configVar]['compression'][this.currentArrayIndex];
		
		if(this.data[configVar]['fps'])
			p['fps'] = this.data[configVar]['fps'][this.currentArrayIndex];
		
		var conn = new portal.ajax({"url":"http://www.ftlportal.com/login?"+Math.random(),"params":p,"success":function(d){c.__updateBitratePopUp(d);}});
		
	 },
	 add___updateBitratePopUp : function(d){
		 
		var configVar = this.config[this.currentStep]['var']; 
		 
		var data = eval("("+d+")"); 
		 
		this.vars['bitratePopUp'].childNodes[1].innerHTML = "";
		this.vars['bitratePopUp'].childNodes[1].className = "content-loaded";
		
		this.vars['bitratePopUp'].childNodes[1].style.height = (this.vars['bitratePopUp'].offsetHeight-45)+"px";
		
		/*
		// slider and text field
		
		var slider = document.createElement("div");
		slider.className = "slider";
		
		var input = document.createElement("div");
		input.innerHTML = "";
		
		var inputLeft = document.createElement("div");
		inputLeft.className = "input-left";
		
		var inputRight = document.createElement("div");
		inputRight.className = "input-right";
		
		var inputRightField = document.createElement("input");
		
		inputLeft.innerHTML = "Bitrate";
		
		inputRight.appendChild(inputRightField);
		
		input.appendChild(inputLeft);
		input.appendChild(inputRight);
		input.appendChild(this.__clearDiv());
		
		// level
		
		var lvl = document.createElement("div");
		lvl.innerHTML = "levels";
		
		this.vars['bitratePopUp'].childNodes[1].appendChild(slider);
		this.vars['bitratePopUp'].childNodes[1].appendChild(input);
		this.vars['bitratePopUp'].childNodes[1].appendChild(lvl);*/
		
		var xml = data['xml'];
		
		var sec = (this.data[configVar]['compression'] && this.data[configVar]['compression'][this.currentArrayIndex]) ? this.data[configVar]['compression'][this.currentArrayIndex].replace(".","") : "";
		
		if(this.data[configVar]['bitrate'] && this.data[configVar]['bitrate'][this.currentArrayIndex]){
			
			data['data'][sec+'.bitrate'] = this.data[configVar]['bitrate'][this.currentArrayIndex];
			
		}
		
		if(this.data[configVar]['bitrateLevel'] && this.data[configVar]['bitrateLevel'][this.currentArrayIndex]){
			for(var s in data['data'][sec+'.levelDef']){
				if(data['data'][sec+'.levelDef'][s] == this.data[configVar]['bitrateLevel'][this.currentArrayIndex]){
					data['data'][sec+'.level'] = s;
					break;
				}
			}
		}
		
		if(this.data[configVar]['framesize'] && this.data[configVar]['framesize'][this.currentArrayIndex]){
			
			data['data'][sec+'.framesize'] = this.data[configVar]['framesize'][this.currentArrayIndex];
			
		}
		
		if(this.data[configVar]['framesizeComp'] && this.data[configVar]['framesizeComp'][this.currentArrayIndex]){
			for(var s in data['data'][sec+'.levelDef']){
				if(data['data'][sec+'.levelDef'][s] == this.data[configVar]['framesizeComp'][this.currentArrayIndex]){
					data['data'][sec+'.comp'] = s;
					break;
				}
			}
		}
		
		this.vars['bitrateform'] = new portal.form(this.vars['bitratePopUp'].childNodes[1],xml,data['data']);
		// attach parent object
		this.vars['bitrateform'].setAsParent(this);
	
		this.vars['bitrateform'].setLayout([data['section']]);
	
		 
	 },
	 overwrite___selectArrayItem : function(){
		
		this.__validate();
		
		var configVar = this.config[this.currentStep]['var'];
		
		var errorsLength = this.__countErrors(configVar);
		
		if(errorsLength > 0){
			
			this.vars['portal.config.array.list'].childNodes[1].selectedIndex = this.currentArrayIndex;
			
		} else {
			
			this.currentArrayIndex = this.vars['portal.config.array.list'].childNodes[1].selectedIndex;
		
			// reset camera list
			this.vars['config.cams.loader'] = null;
			this.vars['config.cams.loaded'] = null;
			
		}
		
		// check to see if this is a timeframe
		
		if(this.data[configVar]['timeframe'] && this.data[configVar]['timeframe'][this.currentArrayIndex]){
		
			this.timeframe = this.data[configVar]['timeframe'][this.currentArrayIndex];
			this.mainframe = this.data[configVar]['mainframe'][this.currentArrayIndex];
		
		} else {
		
			this.timeframe = -1;
			this.mainframe = null;
		
		}
		
		this.__parse();
		//this.__rerenderConfigVars();
		
		////this.__updateCamList();
			
		// do this so that the camera confirmation checkbox gets errored out
		////this.__updateCamSelector();
		
	},
	 add___loadDynamicValues : function(selectObject){
		 
		 var cams = this.vars['config.cams.loaded'];
		 
		 if(!cams)
		 	return false;
		 
		 var configVar = this.config[this.currentStep]['var'];
		 
		 var selector = document.getElementById("portal.content.cams.selector");
		 
		 var list = selector.childNodes[1].childNodes[1];
		 
		 var index = list.selectedIndex;

		if(index < 0)
			index = 0;

		 var arr = selectObject.getAttribute("name").split("\.");
		 
		 var val = null;
		
		if(cams[index][arr[1]] && cams[index][arr[1]].length == 1){
		
			if(!this.data[configVar])
				this.data[configVar] = {};
			
			if(!this.data[configVar][arr[1]])
				this.data[configVar][arr[1]] = [];
		
			this.data[configVar][arr[1]][this.currentArrayIndex] = cams[index][arr[1]][0]['value'];
		
		}
		
		if(this.data[configVar] && this.data[configVar][arr[1]] && this.data[configVar][arr[1]][this.currentArrayIndex]){
			val = this.data[configVar][arr[1]][this.currentArrayIndex];
		}
		
		// make a list of all the defOptions
		// if cams[index] has an option that is not in the defOptions, do not add it
		
		var defs = [];
		var defsLength = 0;
	
		for(var i in this.config[this.currentStep]['vars']){
		
			if(this.config[this.currentStep]['vars'][i]['name'] == arr[1]){
		
				var defOptions = this.config[this.currentStep]['vars'][i]['options'];
		
				if(defOptions.length > 0){
	
					for(var o in defOptions){
						
						defs[defOptions[o]['text']] = true;
						defsLength++;
						
					}
				
				}
				
				break;
		
			}
			
		}
		
		for(o in cams[index]){
		
			if(o != arr[1])
				continue;
			
			// update dynamic list if there is one
			if(typeof cams[index][o] == "object"){
			
				// clear list
				selectObject.options.length = 0;
			
				// let's create the option list
				for(a in cams[index][o]){
					
					if(defsLength > 0 && !defs[cams[index][o][a]['value']])
						continue;
					
					var tmp = document.createElement("option");
					tmp.text = cams[index][o][a]['label'];
					tmp.setAttribute("value",cams[index][o][a]['value']);
					
					if(val == cams[index][o][a]['value'] || !val && cams[index][o][a]['default'] == "true"){
					
						if(!this.data[configVar][o])
							this.data[configVar][o] = [];
					
						var ttmp = this.data[configVar][o];
						
						if(this.data[configVar][o] && !this.data[configVar][o][this.currentArrayIndex])
							this.data[configVar][o][this.currentArrayIndex] = cams[index][o][a]['value'];
						
						tmp.selected = "selected";
					
					}
						
					try {
					
						selectObject.add(tmp,null);
					
					} catch(e){
					
						selectObject.add(tmp);
					
					}
				}
			
			}
			
			break;
			
		}
		
		if(selectObject.options.length == 0){
		
			this.data[configVar][arr[1]][this.currentArrayIndex] = null;
		
		}
		 
	 },
	 add___smartClientListSelected : function(e){
	 
	 	// e
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		var configVar = this.config[this.currentStep]['var']; 
		
		if(!this.data[configVar])
			this.data[configVar] = [];
			
		if(!this.data[configVar]['sctrans'])
			this.data[configVar]['sctrans'] = [];	
			
		this.change = true;
		
		this.data[configVar]['sctrans'][this.currentArrayIndex] = [];
		
		for(var i=1;i<7;i++){
		
			var d = document.getElementById("camera.smartclient."+i);
		
			if(d && d.checked){

				this.data[configVar]['sctrans'][this.currentArrayIndex].push(i);		
			
			}
		
		}
		
		this.__parse(true);
		
		var errorsLength = this.__countErrors(configVar);
		
		this.__debug(errorsLength);
		
		if(errorsLength == 0){
		
			if(this.vars['portal.config.nav.req'].childNodes[0])
				this.vars['portal.config.nav.req'].childNodes[0].style.background = "none";
		
		}
		
		//this.data[configVar][arr[1]][this.currentArrayIndex] = newValue;
		
		this.__debug(this.data[configVar]['sctrans'][this.currentArrayIndex]);
		
		// we're good		
	 
	 },
	 add___dynamicListSelected : function(e){
		 
		// e
		var evt = e || window.event;
		
		var target = evt.target || evt.srcElement;
		
		var configVar = this.config[this.currentStep]['var']; 
		
		var newValue = target.options[target.selectedIndex].value;
		
		var arr = target.getAttribute("name").split("\.");
		
		if(!this.data[configVar])
			this.data[configVar] = [];
			
		if(!this.data[configVar][arr[1]])
			this.data[configVar][arr[1]] = [];	
			
		if(this.errors[configVar] && this.errors[configVar][arr[1]] && this.errors[configVar][arr[1]][this.currentArrayIndex])
			this.errors[configVar][arr[1]][this.currentArrayIndex] = null;
		
		this.change = true;
		
		this.data[configVar][arr[1]][this.currentArrayIndex] = newValue;
		
		this.__parse(true);
		
		var errorsLength = this.__countErrors(configVar);
		
		this.__debug(errorsLength);
		
		if(errorsLength == 0){
		
			if(this.vars['portal.config.nav.req'].childNodes[0])
				this.vars['portal.config.nav.req'].childNodes[0].style.background = "none";
		
		}
		
		//this.data[configVar][arr[1]][this.currentArrayIndex] = newValue;
		
		this.__debug(this.data[configVar][arr[1]][this.currentArrayIndex]);
		
		// we're good
		
	 },
	 add___posImage : function(){
		
		var selector = document.getElementById("portal.content.cams.selector");
		 
		if(selector){
		 
			var pic = selector.childNodes[2].childNodes[0];
			var picContainer = selector.childNodes[2];
			
			var w = pic.offsetWidth;
			var h = pic.offsetHeight;
			
			pic.style.marginLeft = ((picContainer.offsetWidth-w)/2)+"px";
			pic.style.marginTop = ((picContainer.offsetHeight-h)/2)+"px";
		
			new portal.fade(pic.id,100);
	
		}
		
	 },
	 add___updateCamSelector : function(){
		
		var c = this; 
		 
		var configVar = this.config[this.currentStep]['var']; 
		 
		checkbox = this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[0];
		
		if(this.data[configVar] && this.data[configVar]['modelNumber'] && this.data[configVar]['modelNumber'][this.currentArrayIndex]){
			
			
			checkbox.className = "config-content-row-radio-selected";
			this.helpTips.removeTip(checkbox);
			
		} else {
			checkbox.className = "config-content-row-radio";
			this.helpTips.attachTip(checkbox,this.lang.getTag("config.help.cams.selector"));
			
		}
		
		/*
		if(this.errors[configVar] && this.errors[configVar]['camera'] && this.errors[configVar]['camera'][this.currentArrayIndex]){
					
			if(!this.errors[configVar]['camera'])
				this.errors[configVar]['camera'] = [];
				
			this.errors[configVar]['camera'][this.currentArrayIndex] = true;	
					
			checkbox.className = "config-content-row-radio-error";
			this.helpTips.attachTip(checkbox,this.lang.getTag("config.help.cams.selector"));
					
		}*/
		
		var count = 0;
			
		for(var cai in this.data[configVar]){
			
			count = this.data[configVar][cai].length-1;
			break;
			
		}
		
		if(this.extVars['portal.config.content.cam.buttons']){
			if(count > 0){
			
				this.extVars['portal.config.content.cam.buttons'].childNodes[0].className = "config-button";
				this.extVars['portal.config.content.cam.buttons'].childNodes[0].onclick = function(){c.__deleteCam()};
			
			} else {
				
				this.extVars['portal.config.content.cam.buttons'].childNodes[0].className = "config-button-disabled";
				this.extVars['portal.config.content.cam.buttons'].childNodes[0].onclick = null;
				
			}
		}
		
	 },
	 add___cameraSelected : function(){
		
		var configVar = this.config[this.currentStep]['var'];
		
		var checkbox = this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[0];
		
		if(!this.errors[configVar]["camera"])
			this.errors[configVar]["camera"] = [];
		
		if(checkbox.className != "config-content-row-radio-selected"){
		
			this.errors[configVar]["camera"][this.currentArrayIndex] = false;
			
			checkbox.className = "config-content-row-radio-selected";
			this.helpTips.removeTip(checkbox);
			
			this.helpTips.hideTip();
			
			if(!this.data[configVar])
				this.data[configVar] = [];
				
			if(!this.data[configVar]['modelNumber'])
				this.data[configVar]['modelNumber'] = {};
				
			var selector = document.getElementById("portal.content.cams.selector").childNodes[1].childNodes[1];	
				
			var val = selector.options[selector.selectedIndex].value;	
				
			this.data[configVar]['modelNumber'][this.currentArrayIndex] = val;
			
			// save it
			this.__saveData();
		
		} else {
			
			this.errors[configVar]["camera"][this.currentArrayIndex] = true;
			
			checkbox.className = "config-content-row-radio-error";
			
			if(!this.data[configVar])
				this.data[configVar] = [];
				
			if(!this.data[configVar]['modelNumber'])
				this.data[configVar]['modelNumber'] = [];
				
			this.data[configVar]['modelNumber'][this.currentArrayIndex] = null;
			this.helpTips.attachTip(checkbox,this.lang.getTag("config.help.cams.selector"));
			
		}
		
		var errorsLength = this.__countErrors(configVar);
	
		if(errorsLength > 0)
			this.vars['portal.config.nav.req'].childNodes[0].style.backgroundColor = "#FFFF00";
		else
			this.vars['portal.config.nav.req'].childNodes[0].style.backgroundColor = "#FFFFFF";
			
	 },
	 add___listSelected : function(){
		 
		var configVar = this.config[this.currentStep]['var'];
		 
		if(!this.data[configVar])
			this.data[configVar] = [];
			
		if(!this.data[configVar]['modelNumber'])
			this.data[configVar]['modelNumber'] = [];
			
		if(!this.data[configVar]['modelNumber'][this.currentArrayIndex]){
			
			if(!this.errors[configVar])
				this.errors[configVar] = [];

			if(!this.errors[configVar]["camera"])
				this.errors[configVar]["camera"] = [];

			this.errors[configVar]["camera"][this.currentArrayIndex] = true;
				
		}
			
		var val = this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[1].options[this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[1].selectedIndex].value;	
		
		this.data[configVar]['modelNumber'][this.currentArrayIndex] = val;
		
		this.vars['cameraJustSelected'] = true;
		
		this.__saveData();
		
		var selector = document.getElementById("portal.content.cams.selector");
		 
		var pic = selector.childNodes[2].childNodes[0];
		
		pic.style.opacity = 0;
		pic.style.filter = "opacity(0)";
		pic.style.filter = "alpha(opacity=0)";
		
		this.__updateCamList(null);
		
		this.change = true;
		
		this.__parse();
		
	 },
	 add___updateCamList : function(d,reParse,justUpdate){
		
		var cm = this;
		 
		var configVar = this.config[this.currentStep]['var'];
			 
		var selector = document.getElementById("portal.content.cams.selector");
		 
		var list = selector.childNodes[1].childNodes[1];
		list.onchange = function(){cm.__listSelected()};
		
		var pic = selector.childNodes[2].childNodes[0];
		
		var cams;
		var image;
		
		 if(d){
		
			 var data = eval("("+d+")");
			 
			cams = data['cams'];
			 
			this.vars['config.cams.loaded'] = cams;
		 
		 } else
		 	cams = this.vars['config.cams.loaded'];
		 
		 if(!cams){
		 
		 	this.vars['config.cams.loader'] = new portal.ajax({"url":"http://www.ftlportal.com/login?"+Math.random(),"params":p,"success":function(d){c.__updateCamList(d,true);}});
		 	return false;
		 }
		 
		 var index;
		 
		 if(!this.data[configVar])
			this.data[configVar] = [];
		 
		 if(!this.data[configVar]['modelNumber'])
		 	this.data[configVar]['modelNumber'] = [];
		 
		 	//clear list
			list.options.length=0;
		 
		 var set = 0;
		 var totalCams = 0;
		 	for(var c in cams){
			
				totalCams++;
			
				if(this.data[configVar]['modelNumber'][this.currentArrayIndex] == cams[c]['modelNumber']){
				
					set = 1;
				
				}
				
			}
			
			if(!set){
				this.data[configVar]['modelNumber'][this.currentArrayIndex] = null;
			}
			
		for(var c in cams){
			
			var tmp = document.createElement("option");
			tmp.value = cams[c]['modelNumber'];
			tmp.text = cams[c]['listName'];
			
			try {
				
				list.add(tmp,null);
			
			} catch(e){
			
				list.add(tmp);
				
			}
			
			// handle other variables
			
			if(!this.data[configVar]['modelNumber'][this.currentArrayIndex]){
			
				if(!this.errors[configVar])
					this.errors[configVar] = [];

				if(!this.errors[configVar]["camera"])
					this.errors[configVar]["camera"] = [];

				if(totalCams > 1){
					this.errors[configVar]["camera"][this.currentArrayIndex] = true;
				} else {
					
					var checkbox = this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[0];
					checkbox.className = "config-content-row-radio-selected";
					
				}
				
				this.data[configVar]['modelNumber'][this.currentArrayIndex] = cams[c]['modelNumber'];
				
			}
			
			if(this.data[configVar]['modelNumber'][this.currentArrayIndex] == cams[c]['modelNumber']){
				index = c;
				image = cams[c]['image'];
				tmp.selected = "selected";
			}
				
		 }
		 
		 // load new image
		 if(image && image != pic.src)
			 pic.src = image; 
			  
		for(var o in cams[index]){
			
			if(o != "modelNumber"){
				
				var val = null;
				
				if(this.data[configVar] && this.data[configVar][o] && this.data[configVar][o][this.currentArrayIndex])
					val = this.data[configVar][o][this.currentArrayIndex];
				
				if(!this.data[configVar][o])
					this.data[configVar][o] = [];
						
				var nullVal = true;
				var olength = 0;
				
				for(var a in cams[index][o]){	
				
					olength++;
				
					//if(cams[index][o][a]['default'] == val){
						//nullVal = false;
						//break;	
					//}
				
				}
				
				if(typeof cams[index][o] == "object" || typeof cams[index][o] == "array"){
					
					var found = false;
					
					for(a in cams[index][o]){	
							
						if(	val == cams[index][o][a]['value']){
						
							found = true;
							break;
						
						}
						
					}
					
					if(!found){
					
						val = null;
					
					}
					
					for(a in cams[index][o]){	
							
						if(cams[index][o][a]['default'] == "true" && !val || olength == 1){
							
							if(this.vars['cameraJustSelected'] || !this.vars['cameraJustSelected'] && !val){
							
								this.data[configVar][o][this.currentArrayIndex] = cams[index][o][a]['value'];
								
								if(this.vars['errors'] && this.vars['errors'][configVar] && this.vars['errors'][configVar][o]){
									
									this.vars['errors'][configVar][o] = false;
									
								}
								
							}
							
							break;
							
						}
						
					}
					
				} else {
				
					//if(!val){
						
						if(this.vars['cameraJustSelected'] || !this.vars['cameraJustSelected'] && !val){
							
							this.data[configVar][o][this.currentArrayIndex] = cams[index][o];
							
							if(this.vars['errors'] && this.vars['errors'][configVar] && this.vars['errors'][configVar][o]){
									
								this.vars['errors'][configVar][o] = false;
									
							}
							
						}
					//}
				
				}
			}
			
		}
		
		this.vars['cameraJustSelected'] = false;
		
		var errorsLength = this.__countErrors(configVar);
	
		if(errorsLength > 0){
		
			this.vars['extension.divs'].childNodes[0].childNodes[1].childNodes[0].className = "config-content-row-radio-error";
			this.vars['portal.config.nav.req'].childNodes[0].style.backgroundColor = "#FFFF00";
		
		} else
			this.vars['portal.config.nav.req'].childNodes[0].style.backgroundColor = "#FFFFFF";
		
		if(justUpdate)
			return true;
		
		if(this.vars['optimizer.config.mask']){
			
			//site.__hideMask();
			
		}
		
		if(reParse){
			
			this.__saveData();
			
			if(this.queueReady)
				this.queue.push(this.__parse);
			else
				this.__parse();
		
		} else {
		
			if(!this.vars['portal.content.main.input.focus']){
				if(this.queueReady)
					this.queue.push(this.__rerenderConfigVars);
				else
					this.__rerenderConfigVars();
			}
		
		}
	 },
	 overwrite___backStep : function(){
		
		// validate
		//this.__validate();
		
		var configVar = this.config[this.currentStep]['var'];
		
		var errorsLength = 0;//this.__countErrors(configVar);
		
		if(errorsLength == 0){
			
			if(this.extVars['camTime.start.interval'])
				clearInterval(this.extVars['camTime.start.interval']);
				
			if(this.extVars['camTime.end.interval'])
				clearInterval(this.extVars['camTime.end.interval']);	
			
			this.lastStep = this.currentStep;
			
			this.currentStep--;
		
			this.__hideMoreInfo();
			
			this.currentArrayIndex = null;
			
			if(this.currentStep < 0)
				this.currentStep = 0;
		
			this.__hideMoreInfo();
	
		}
		
		this.__saveData();
	
		if(errorsLength)
			this.__parse(true);
		else {
		
			this.vars['config.cams.loader'] = null;
			this.vars['config.cams.loaded'] = null;
		
			this.__parse();
		
		}
	},
	overwrite___startOverNow : function(){
		
		var c = this;
		
		var configVar = this.config[this.currentStep]['var'];
		
		if(this.defaultStep){
		
			////alert('Unable to save');
			//return false;
			
			// return to previous step, then save
			this.lastStep = -1000;
			
			this.currentStep = this.vars['lastCurrentStep'];
			
			this.config = [];
			
			this.data[configVar] = {}; // remove values
			
			this.defaultStep = false;
		
			this.currentArrayIndex = null;
			
			this.__hideMoreInfo();
			//this.__parse();
		
		}
		
		this.vars['config.cams.loader'] = null;
		this.vars['config.cams.loaded'] = null;
		
		if(this.extVars['camTime.start.interval'])
			clearInterval(this.extVars['camTime.start.interval']);
				
		if(this.extVars['camTime.end.interval'])
			clearInterval(this.extVars['camTime.end.interval']);	
		
		// start over, clear data
		this.data = {};
		this.errors = {};
		
		this.vars['cameraJustSelected'] = false;
		
		this.currentStep = 0;
		this.currentArrayIndex = 0;
		this.id = null;
		
		this.__saveData();
		
		this.__parse();
		
		this.__endStartOver();
		
	},
	overwrite___nextStep : function(){
		
		var c = this;
		
		var configVar = this.config[this.currentStep]['var'];
		
		// validate
		this.__validate();
		
		var errorsLength = this.__countErrors(configVar);
		
		if(errorsLength == 0){
			
			if(this.extVars['camTime.start.interval'])
				clearInterval(this.extVars['camTime.start.interval']);
				
			if(this.extVars['camTime.end.interval'])
				clearInterval(this.extVars['camTime.end.interval']);	
			
			//if(this.data['opt'] && this.change || !this.data['opt']){
	
				// load data
				
				var div = document.createElement("div");
				div.setAttribute("id","optimizer-popup-form");
				
				var params = {"title":"save config","height":200,"content":div,"focusContent":true};
				
				site.__newPopUp(params);
				
				var xml = site.getGenXML();
				
				var data = {"ajaxPopUp.title":this.lang.getTag("optimizer.send")};
				
				var form = new portal.form(div,xml,data);
				
				// set section
				
				form.setAsParent(this);
				form.setLayout(["ajaxPopUp"]);
				
				site.__refreshNewPopUp();
				
				setTimeout(function(){c.__sendConfig()},3000); // wait 1 seconds
			
			//} else {
				
				//this.lastStep = this.currentStep;
			
				//this.currentStep++;
			
				//this.currentArrayIndex = null;
				
				//this.vars['config.cams.loader'] = null;
				//this.vars['config.cams.loaded'] = null;
				
				//this.__parse();
			//}
		} else {
		
			this.__parse(true);
		
		}
		
	 },
	 add___nextStepNow : function(){
		
		//this.vars['extension.divs'].removeChild(this.extVars['optimizer.load']);
		
		if(this.vars['optimizer.data'] && !this.extVars['portal.config.error'])
			this.__parse();
		
	 },
	 add___nextStepNowFail : function(){
		 
		//this.vars['extension.divs'].removeChild(this.extVars['optimizer.load']);
		
		this.data['system'] = null;
		
		this.__saveData();
		
		try {
		
			var tmp = eval("("+this.extVars['fail.data']+")");
		
			if(typeof tmp != "object"){
			
				tmp = {"error":"10","msg":this.extVars['fail.data']};
			
			}
		
			if(!tmp['error']){
				tmp['error'] = "10";
				tmp['msg'] = "An error has occurred.";
			}
			
			this.__popUpError(tmp);
		
		} catch(e){
			
			this.lastStep = this.currentStep; 
			
			this.__mkError(this.extVars['fail.data']);
			
		}
		
	 },
	 add___optimizerDone : function(d){
		 
		 var c = this;
		 
		 this.change = false;
		 
		 this.lastStep = this.currentStep;
			
		 this.currentStep++;
	
		 this.currentArrayIndex = null;
		 
		 this.vars['optimizer.data'] = eval("("+d+")");
		 
		 this.id = this.vars['optimizer.data']['id'];
		 
		 this.data['system'] = eval("("+JSON.stringify(this.vars['optimizer.data']['data'])+")");
		 
		 delete this.vars['optimizer.data']['data'];
		 
		 this.__saveData();
		 
		 //this.vars['extension.divs'].removeChild(this.extVars['optimizer.load.div']);
		 
		// new portal.fade(this.extVars['optimizer.load'].id,0,{"fadeStep":5,"done":function(){c.__nextStepNow()}});
		
		site.__closeNewPopUp();
		
		this.__nextStepNow();
		
		if(this.vars['optimizer.data']['warning']){
		
			this.__popUpError({"error":this.vars['optimizer.data']['warning']});
		
		}
		
	 },
	 add___optimizerFail : function(d){
		 
		 var c = this;
	
		this.extVars['fail.data'] = d;
	
		//this.vars['extension.divs'].removeChild(this.extVars['optimizer.load.div']);
		 
		//this.currentStep--;
		
		//new portal.fade(this.extVars['optimizer.load'].id,0,{"fadeStep":5,"done":function(){c.__nextStepNowFail()}});
		
		site.__closeNewPopUp();
		
		this.__nextStepNowFail();
		 
	 },
	 add___continueStep : function(){
		 
		var c = this;
		 
		// continue step
		
		this.extVars['optimizer.load.div'] = document.createElement("div");
		this.extVars['optimizer.load.div'].className = "config-loader";
		
		this.extVars['optimizer.load.div'].innerHTML = this.lang.getTag("optimizer.send");
		
		this.vars['extension.divs'].appendChild(this.extVars['optimizer.load.div']);
		
		this.extVars['optimizer.load.div'].style.left = (site.offsetLeft(this.extVars['optimizer.load'])+((this.extVars['optimizer.load'].offsetWidth-this.extVars['optimizer.load.div'].offsetWidth)/2))+"px";
		this.extVars['optimizer.load.div'].style.top = (site.offsetTop(this.extVars['optimizer.load'])+((this.extVars['optimizer.load'].offsetHeight-this.extVars['optimizer.load.div'].offsetHeight)/2))+"px";
		
		setTimeout(function(){c.__sendConfig()},1000); // wait 1 seconds
		 
	 },
	 add___sendConfig : function(){
		
		// save it
		this.__saveData();
		
		var c = this;
		
		var p = {};
		
		var data = this.__clean(eval("("+JSON.stringify(this.data)+")"));
		
		p['config'] = JSON.stringify({"config":data['config'],"camera":data['camera']});
		if(this.id)
			p['id'] = this.id;
		p['action'] = "optimize";
		p['type'] = this.name;
		
		this.extVars['optimizer.load.ajax'] = new portal.ajax({"url":"http://www.ftlportal.com/login","delay":5,"params":p,"debug":false,"failure":function(d){c.__optimizerFail(d);},"success":function(d){c.__optimizerDone(d)}});
			
	 }

	
}
// Portal login.js
// Copyright 2010 Iomnis. All rights reserved.

portal.login = function(){

	this.init();

}

portal.login.prototype = {

	root : null,
	video : null,
	top : null,
	content : null,
	save : null,
	submitBtn : null,
	forgotBtn : null,
	loginMask: null,
	loginPanel : null,
	loginPages : null,
	conn : null,
	cookieHandler : null,
	saveData : false,
	lang : null,
	loginAttemptCount : 0,
	vars : null,
	checkConn : null,
	init : function(){
	
		var pl = this;
	
		if(lang)
			this.lang = lang;
	
		this.saveData = false;
		
		this.vars = {};
	
		// look for div with the ID 'login'
		// if it doesn't exit, we throw an error
	
		this.content = {"main":document.getElementById("portal.content.main"),
						 "left":document.getElementById("portal.content.left")};
		
		this.root = this.content.left;
		
		this.loginPages = new Array();
		
		this.save = document.getElementById("save");
		
		// add save
		this.save.onclick = function(){pl.__save()};
		
		this.content.main.style.minHeight = (this.content.main.offsetHeight-30)+"px";
		//this.content.main.style.height = (this.content.main.offsetHeight-50)+"px";
		
		if(!this.root)
			this.error('Main login div is missing');
			
		this.submitBtn = document.getElementById("button.submit");	
		this.submitBtn.onclick = function(e){pl.submitFrm(e)};
		
		this.forgotBtn = document.getElementById("button.forgot");	
		this.forgotBtn.onclick = function(e){pl.forgot(e)};
		
		this.signUpBtn = document.getElementById("button.signup");	
		this.signUpBtn.onclick = function(e){pl.signUp(e)};
		
		document.getElementById("button.download").onclick = function(e){pl.__brochure()};
		
		this.loginMask = document.createElement("div");
		this.loginMask.setAttribute('id','portal.login.mask');
		this.loginMask.className = "login-input-mask";
		
		this.loginPanel = document.createElement("div");
		this.loginPanel.setAttribute('id','portal.login.panel');
		this.loginPanel.className = "portal-login-panel";
		
		// get the size and shape of login mask
		this.loginMask.style.width = this.root.offsetWidth+"px";
		this.loginMask.style.height = this.root.offsetHeight+"px";
		
		// set the size of the login panel
		this.loginPanel.style.width = this.root.offsetWidth+"px";
		this.loginPanel.style.height = this.root.offsetHeight+"px";
		
		// position the mask correctly
		this.loginMask.style.top = site.offsetTop(this.root)+"px";
		this.loginMask.style.left = site.offsetLeft(this.root)+"px";
		
		// position of the login panel
		this.loginPanel.style.top = site.offsetTop(this.root)+"px";
		this.loginPanel.style.left = site.offsetLeft(this.root)+"px";
		
		// hide
		this.loginMask.style.opacity = 0;
		this.loginMask.style.filter = "opacity(0)";
		this.loginMask.style.filter = "alpha(opacity=0)";
		this.loginMask.style.display = "none";
		
		this.loginPanel.style.display = "none";
		
		document.body.appendChild(this.loginMask);
		document.body.appendChild(this.loginPanel);
		
		this.cookieHandler = new portal.cookie();
		
		// video
		
		this.video = document.getElementById("video");
		
		this.videoFL = document.createElement("div");
		this.videoFL.setAttribute("id","videoFL");
		
		this.video.appendChild(this.videoFL);
		
		// load flash
		this.__createFlash('videoFL','http://www.ftlportal.com/flash?fl=splash/splash',475,291,false,"");
		
		// get cookie info
		if(this.cookieHandler.getCookie('Portal.Login.Save')){
			
			var cookieData = eval("("+this.cookieHandler.getCookie('Portal.Login.Save')+")");
			
			document.getElementById("username").value = cookieData['user'];
			document.getElementById("password").value = cookieData['pass'];
			
			this.saveData = true;
			
			this.save.className = "radio-selected";
			
		}
		
		document.getElementById("username").onkeypress = function(e){pl.__check(e)};
		
	},
	__check : function(e){
		
		var keycode;
		if (window.event) keycode = window.event.keyCode;
		else if (e) keycode = e.which;
		else return true;
		
		if (keycode == 13)
		   {
		   loginObj.submitFrm();
		   return false;
		   }
		else
		   return true;
		
	},
	__brochure : function(){
		
		window.location.href = "http://www.ftlportal.com/brochure";
		
	},
	forgot : function(){
		
		window.location.href = "http://www.ftlportal.com/forgot";
		
	},
	signUp : function(){
		
		window.location.href = "http://www.ftlportal.com/signup";
		
	},
	submitFrm : function(e){
		
		// show mask
		this.loginMask.style.display = "";
		
		var pl = this;
		
		// fade the mask
		
		this.loginAttemptCount++;
		
		new portal.fade(this.loginMask.id,75,{"fadeStep":5,"done":function(){pl.__start()}});
		
	},
	__maintenance : function(){
		
		// show mask
		//this.loginMask.style.display = "";
		
		//var pl = this;
		
		// fade the mask
		
		//new portal.fade(this.loginMask.id,75,{"fadeStep":5,"done":function(){pl.__startMaintenance()}});
		
		this.__startMaintenance();
		
	},
	__startMaintenance : function(){
		
		var pl = this;
		
		this.loginPanel.style.display = "";
		
		var labels = [_maintenance['message']];
		
		var x = 0;
	
		/*
		if(this.loginPageDiv)
			this.loginPanel.removeChild(this.loginPageDiv);
	
		this.loginPageDiv = document.createElement("div");
		this.loginPageDiv.className = "portal-login-panel-div";
		this.loginPageDiv.setAttribute('id','portal.login.panel.div');
		this.loginPageDiv.style.top = "0px";
		this.loginPageDiv.style.width = this.loginMask.offsetWidth+"px";
		this.loginPageDiv.style.height = this.loginMask.offsetHeight+"px";
		
		this.loginPanel.appendChild(this.loginPageDiv);*/
		
		// move loginPageDiv so that 'loggin in' is shown first
		
		for(var i in labels){
		
			this.loginPageDiv.removeChild(this.loginPages[i]);
		
			this.loginPages[i] = document.createElement("div");
			this.loginPages[i].className = "portal-login-panel-main";
			
			var header = document.createElement("div");
			header.className = "portal-login-panel-header";
			header.innerHTML = this.lang.getTag("login.maintenance.header");
			
			var content = document.createElement("div");
			content.className = "portal-login-panel-content";
			content.innerHTML = labels[i];
			
			// add progress bar
			var bar = document.createElement("div");
			bar.className = "portal-login-panel-progress";
			
			var pbar = document.createElement("div");
			pbar.className = "portal-login-panel-progress-bar";
			
			bar.appendChild(pbar);
			
			var time = document.createElement("div");
			time.className = "portal-login-panel-time";
			
			time.innerHTML = "";
			
			this.loginPages[i].appendChild(header);
			this.loginPages[i].appendChild(content);
			this.loginPages[i].appendChild(bar);
			this.loginPages[i].appendChild(time);
			
			this.loginPageDiv.appendChild(this.loginPages[i]);
			
			this.vars['maintenanceProgress'] = pbar;
			this.vars['maintenanceTimer.div'] = time;
			this.vars['maintenanceTimer'] = setInterval(function(){pl.__maintenanceTimer()},1);
			this.vars['maintenanceCheck'] = setTimeout(function(){pl.__maintenanceCheck()},20000);
			
			this.loginPages[i].style.width = "270px";//(this.loginPanel.offsetWidth)+"px";
			this.loginPages[i].style.top = "120px";
			//this.loginPages[i].style.top = ((this.loginPanel.offsetHeight-this.loginPages[i].offsetHeight)/2)+"px";
			this.loginPages[i].style.left = x+((this.loginMask.offsetWidth-this.loginPages[i].offsetWidth)/2)+"px";
			
			x += this.loginMask.offsetWidth;
			
		}
		
	},
	__maintenanceCheck : function(){
		
		// send ajax request
		var pa = this;
	
		var p = {"action":"__checkmain__"};
		
		clearTimeout(this.vars['maintenanceCheck']);
	
		this.checkConn = new portal.ajax({"url":"http://www.ftlportal.com/account","params":p,"failure":function(d){pa.__maintenanceCheckFail(d)},"success":function(d){pa.__maintenanceCheckDone(d)}});
		
	},
	__maintenanceCheckFail : function(d){
		
		var pl = this;
		
		_maintenance = eval("("+d+")");
		
		this.vars['maintenanceCheck'] = setTimeout(function(){pl.__maintenanceCheck()},20000);
		
	},
	__maintenanceCheckDone : function(d){
		
		// maintenance is over
		_maintenance['estEndTime'] = parseInt(new Date().getTime().toString().substring(0, 10))+5;
		
	},
	__maintenanceRefresh : function(){
		
		var div = this.vars['maintenanceTimer.div'];
		
		if(this.vars['refreshCount'] <= 0){
		
			clearInterval(this.vars['maintenanceTimer']);
		
			div.innerHTML = "Refreshing page now";
			
			window.location.reload(true); 
		
		} else {
		
			div.innerHTML = "Refreshing page in "+this.vars['refreshCount']+" second(s)";
			
			this.vars['refreshCount']--;
		
		}
		
	},
	__maintenanceTimer : function(){
		
		var pa = this;
		
		var div = this.vars['maintenanceTimer.div'];
		var pb = this.vars['maintenanceProgress'];
		var b = this.vars['maintenanceProgress'].parentNode;
		
		div.innerHTML = "";
		
		// get time left
		
		var currentTime = parseInt(new Date().getTime().toString().substring(0, 10));
		
		var timeLeft = _maintenance['estEndTime']-currentTime;
		
		if(timeLeft <= 0){
		
			timeLeft = 0;
			clearInterval(this.vars['maintenanceTimer']);
			pb.className = "portal-login-panel-progress-bar-done";
			
			this.vars['refreshCount'] = 10;
			
			this.__maintenanceRefresh();
			this.vars['maintenanceTimer'] = setInterval(function(){pa.__maintenanceRefresh()},1000);
		
			pb.style.width = (b.offsetWidth-2)+"px";
		
			return true;
		
		}
		
		var pw = ((_maintenance['time']-timeLeft)/_maintenance['time']);
		
		if(pw > 1)
			pw = 1;
		
		pb.style.width = (pw*(b.offsetWidth-2))+"px";
		
		// format timeLeft
		
		var hours = Math.floor(timeLeft/3600);
		
		if(hours < 10)
			hours = "0"+hours;
		
		timeLeft -= (hours*3600);
		
		var minutes = Math.floor(timeLeft/60);
		
		if(minutes < 10)
			minutes = "0"+minutes;
		
		timeLeft -= (minutes*60);
		
		if(timeLeft < 10)
			timeLeft = "0"+timeLeft;		

		div.innerHTML = this.lang.getTag("account.estTimeLeft")+" "+hours+":"+minutes+":"+timeLeft;
		
	},
	__start : function(){
		
		var pl = this;
		
		this.loginPanel.style.display = "";
		
		var labels = [this.lang.getTag("login.labels.error"),this.lang.getTag("login.labels.going"),this.lang.getTag("login.labels.done")];
		
		var x = 0;
	
		if(this.loginPageDiv)
			this.loginPanel.removeChild(this.loginPageDiv);
	
		this.loginPageDiv = document.createElement("div");
		this.loginPageDiv.className = "portal-login-panel-div";
		this.loginPageDiv.setAttribute('id','portal.login.panel.div');
		this.loginPageDiv.style.top = "0px";
		this.loginPageDiv.style.width = this.loginMask.offsetWidth+"px";
		this.loginPageDiv.style.height = this.loginMask.offsetHeight+"px";
		
		this.loginPanel.appendChild(this.loginPageDiv);
		
		// move loginPageDiv so that 'loggin in' is shown first
		this.loginPageDiv.style.left = (0-this.loginMask.offsetWidth)+"px";
		
		for(var i in labels){
		
			this.loginPages[i] = document.createElement("div");
			this.loginPages[i].className = "portal-login-panel-child";
			this.loginPages[i].innerHTML = labels[i];
			
			this.loginPageDiv.appendChild(this.loginPages[i]);
			
			this.loginPages[i].style.width = "270px";//(this.loginPanel.offsetWidth)+"px";
			this.loginPages[i].style.top = "120px";
			//this.loginPages[i].style.top = ((this.loginPanel.offsetHeight-this.loginPages[i].offsetHeight)/2)+"px";
			this.loginPages[i].style.left = x+((this.loginMask.offsetWidth-this.loginPages[i].offsetWidth)/2)+"px";
			
			x += this.loginMask.offsetWidth;
			
		}
		
		// get username and password
		var user = document.getElementById("username").value;
		var pass = document.getElementById("password").value;
		
		if(this.saveData)
			this.cookieHandler.setCookie('Portal.Login.Save','{"user":"'+user+'","pass":"'+pass+'"}',7);
		else {
			
			// remove cookie if it exists
			
			if(this.cookieHandler.getCookie('Portal.Login.Save'))
				this.cookieHandler.setCookie('Portal.Login.Save','',-365);
			
		}
			
		
		// ajax
		this.conn = new portal.ajax({"url":"http://www.ftlportal.com/login","success":function(d){pl.__continue(d)},"failure":function(d){pl.__fail(d)},"params":{"user":user,"pass":pass,"login":true}});
		
	},
	__continue : function(){
		
		var pl = this;
		
		new portal.anim(this.loginPageDiv.id,{"x":(0-(this.loginMask.offsetWidth*2)),"step":25,"delay":2});
		
		// end
		
		new portal.fade(this.loginMask.id,0,{"delay":5,"fadeStep":5,"done":function(){pl.__loggedIn()}});
		//new portal.anim(this.loginPageDiv.id,{"x":(0-(this.loginMask.offsetWidth*3)),"delay":5,"step":5});
		
	},
	__fail : function(d){
		
		var pl = this;
		
		var data = eval("("+d+")");
		
		if(data['maintenance']){
		
			_maintenance = data['maintenance'];
		
			this.__maintenance();
		
		} else {
		
			_maintenance = false;
		
			// add error
			this.loginPages[0].innerHTML = data['error'];
		
		}
		
		new portal.anim(this.loginPageDiv.id,{"x":0,"delay":2,"step":25,"done":function(){pl.__end()}});
		
	},
	__end : function(){
		
		var pl = this;
		
		if(!_maintenance){
			new portal.fade(this.loginMask.id,0,{"delay":3,"fadeStep":5,"done":function(){pl.__hide()}});
			new portal.anim(this.loginPageDiv.id,{"x":this.loginMask.offsetWidth,"delay":3,"step":5});
		}
		
	},
	__hide : function(){
		
		this.loginMask.style.display = "none";
		this.loginPanel.style.display = "none";
	
		if(this.loginAttemptCount > 2){
		
			switch(this.loginPages[0].innerHTML){
				
				case "you do not have an account":
					window.location.href = "http://www.ftlportal.com/signup";
				break;
				case "password is incorrect":
					window.location.href = "http://www.ftlportal.com/forgot";
				break;
			}
		
		}
		
	},
	__save : function(){
		
		if(!this.saveData){
			
			this.save.className = "radio-selected";
			
		} else {
		
			this.save.className = "radio";
		
		}
		
		this.saveData = !this.saveData;
		
	},
	__loggedIn : function(){
		
		window.location.href = unescape(window.location.pathname);
		
	},
	__createFlash : function(name,fileSrc,w,h,showMenu,flashVars){
 
 		var d = document.getElementById(name);
  		d.innerHTML += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="'+w+'" height="'+h+'" id="'+name+'" name="'+name+'"> <param name="movie" value="'+fileSrc+'"><param name="quality" value="best"><param name="wmode" value="transparent"><param name="menu" value="'+showMenu+'"><param name="FlashVars" value="'+flashVars+'"><embed src="'+fileSrc+'" width="'+w+'" height="'+h+'" quality="best" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" id="'+name+'" name="'+name+'" menu="'+showMenu+'" wmode="transparent" swLiveConnect="true" FlashVars="'+flashVars+'"></embed></object>';
	},
	error : function(txt){
	
		// show error
	
	},
	__getStyle : function(oElm, strCssRule){
		var strValue = "";
		if(document.defaultView && document.defaultView.getComputedStyle){
			strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
		}
		else if(oElm.currentStyle){
			strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
				return p1.toUpperCase();
			});
			strValue = oElm.currentStyle[strCssRule];
		}
		return strValue;
	}
	
}




var lang = new portal.lang("login","english");

var URL = "http://www.ftlportal.com";

var _tMenu;
var _aMenu;



function __loadMenu(){

	_tMenu = new portal.menu("toolsMenu",tmenu_data,0,null,{"setSubMenuWidth":"158.25px",
							 								"slider":false,
															"showCart":false,
															"showLayouts":false,
															"showDropShadow":false,
															"hideSubMenuHeader":true,
															"setSubMenuTop":"0px",
															"spacing":2,
															"tipStyle":{"auto":true,
																		"align":"center",
																		"color":"#fff",
																		"background":"#f58025",
																		"border":"0px"}
															});
	_aMenu = new portal.menu("accountMenu",amenu_data,0,null,{"setSubMenuWidth":"158.25px",
							 								"slider":false,
															"showCart":false,
															"showLayouts":false,
															"showDropShadow":false,
															"hideSubMenuHeader":true,
															"setSubMenuTop":"0px",
															"spacing":2,
															"tipStyle":{"auto":true,
																		"align":"center",
																		"color":"#fff",
																		"background":"#f58025",
																		"border":"0px"}
															});
	
}

function __loadSize(){

	site.getSize();
	
}

var genXML = [{"name":"FORM","attrs":[],"children":[{"name":"MAPS","attrs":[],"children":[{"name":"MAP","attrs":{"SECTION":"configErrorCode910","TABLE":"none"},"children":[{"name":"COMPLETE","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\t\t$data['done'] = array(\"log\" => $data['log']);\n\t\t\t\t\t$data['error'] = array();\n\t\t\t\t\n\t\t\t\t\t\/\/ mail object\n\t\t\t\t\t\/\/$mail = $GLOBALS['mail'];\n\t\t\t\t\t\/\/$error = $GLOBALS['errors'];\n\t\t\t\t\t\n\t\t\t\t\t\/\/ handle all errors here\n\t\t\t\t\t\/\/ to check for errors, do the following\n\t\t\t\t\t\/\/ if($error[mapItem name])\n\t\t\t\t\n\t\t\t\t\tif($errorCount > 0){\n\t\t\t\t\t\n\t\t\t\t\t\t\/\/$data['error']['error'] = $error;\n\t\t\t\t\t\n\t\t\t\t\t\t\/\/return array(\"data\" => $data, \"error\" => \"true\");\n\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\/\/ create data to be sent back to the browser\n\t\t\t\t\t\/\/ $data[section name][variable name]\n\t\t\t\t\t\n\t\t\t\t\t$language = new Lang(LANG,\"config\",SKIN);\n\t\t\t\t\t\n\t\t\t\t\t$cams = array();\n\t\t\n\t\t\t\t\tif($vars['camera']){\n\t\t\t\t\t\tforeach($vars['camera'] as $k => $v){\n\t\t\t\t\t\t\tif(!is_array($v)){continue;}\n\t\t\t\t\t\t\tforeach($v as $kk => $vv){\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif($language->getTag(\"camera.label.$k\") == \"\")\n\t\t\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif(!$cams[$kk])\n\t\t\t\t\t\t\t\t\t$cams[$kk] = array();\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t$cams[$kk][$k] = $vv;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t$vars['camera'] = $cams;\n\t\t\t\t\t\n\t\t\t\t\t$vars['name'] = $_SESSION['Portal.User']->get('name');\n\t\t\t\t\t$vars['email'] = $_SESSION['Portal.User']->get('email');\n\t\t\t\t\t$vars['info'] = json_decode($_SESSION['Portal.User']->get('info'),TRUE);\n\t\t\t\t\t\n\t\t\t\t\t$mail->newMessage(\"milestoneWarning\",$vars);\n\t\t\t\t\t$mail->send(\"webmaster@iomnis.com\",\"\",\"Milestone Configuration Request\");\n\t\t\t\t\t\n\t\t\t\t\treturn $data;\n\t\t\t\n\t\t\t\n\t\t\t\t"}]}]},{"name":"FLOW","attrs":[],"children":[{"name":"SECTION","attrs":{"NAME":"delete"},"children":[{"name":"YES","attrs":{"LABEL":"Yes","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"delete"}}]},{"name":"NO","attrs":{"LABEL":"No","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"delete"}}]}]},{"name":"SECTION","attrs":{"NAME":"configStartOver"},"children":[{"name":"YES","attrs":{"LABEL":"Yes","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"configStartOver"}}]},{"name":"NO","attrs":{"LABEL":"No","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"configStartOver"}}]}]},{"name":"SECTION","attrs":{"NAME":"exportCart"},"children":[{"name":"PDF","attrs":{"LABEL":"Make PDF"},"children":[{"name":"SECTION","attrs":{"NAME":"pdfPricing"}}]},{"name":"EXCEL","attrs":{"LABEL":"Make Excel"},"children":[{"name":"SECTION","attrs":{"NAME":"excelPricing"}}]}]},{"name":"SECTION","attrs":{"NAME":"exportCartNoPrice"},"children":[{"name":"PDF","attrs":{"LABEL":"Make PDF","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"exportCartNoPrice"}}]},{"name":"EXCEL","attrs":{"LABEL":"Make Excel","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"exportCartNoPrice"}}]}]},{"name":"SECTION","attrs":{"NAME":"pdfPricing"},"children":[{"name":"YES","attrs":{"LABEL":"Show Pricing","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"pdfPricing"}}]},{"name":"NO","attrs":{"LABEL":"Hide Pricing","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"pdfPricing"}}]}]},{"name":"SECTION","attrs":{"NAME":"excelPricing"},"children":[{"name":"YES","attrs":{"LABEL":"Show Pricing","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"excelPricing"}}]},{"name":"NO","attrs":{"LABEL":"Hide Pricing","RUN":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"excelPricing"}}]}]},{"name":"SECTION","attrs":{"NAME":"sharing"},"children":[{"name":"YES","attrs":{"LABEL":"Add Privileges","SUBMIT":"true"},"children":[{"name":"GOOD","attrs":[],"children":[{"name":"SECTION","attrs":{"NAME":"sharingDone"}},{"name":"SECTION","attrs":{"NAME":"sharingDelete"}}]},{"name":"BAD","attrs":[],"children":[{"name":"SECTION","attrs":{"NAME":"sharingError"}},{"name":"SECTION","attrs":{"NAME":"sharingDelete"}}]}]}]},{"name":"SECTION","attrs":{"NAME":"sharingDelete"},"children":[{"name":"YES","attrs":{"LABEL":"Remove Privileges","SUBMIT":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"sharing"}},{"name":"SECTION","attrs":{"NAME":"sharingDelete"}}]}]},{"name":"SECTION","attrs":{"NAME":"sharingError"},"children":[{"name":"YES","attrs":{"LABEL":"Back"},"children":[{"name":"SECTION","attrs":{"NAME":"sharing"}},{"name":"SECTION","attrs":{"NAME":"sharingDelete"}}]}]},{"name":"SECTION","attrs":{"NAME":"sharingDone"},"children":[{"name":"YES","attrs":{"LABEL":"Back"},"children":[{"name":"SECTION","attrs":{"NAME":"sharing"}},{"name":"SECTION","attrs":{"NAME":"sharingDelete"}}]}]},{"name":"SECTION","attrs":{"NAME":"addToCart"},"children":[{"name":"YES","attrs":{"LABEL":"Yes"},"children":[{"name":"SECTION","attrs":{"NAME":"addToCart"}}]},{"name":"NO","attrs":{"LABEL":"No"},"children":[{"name":"SECTION","attrs":{"NAME":"addToCart"}}]}]},{"name":"SECTION","attrs":{"NAME":"editCart"},"children":[{"name":"YES","attrs":{"LABEL":"Save"},"children":[{"name":"SECTION","attrs":{"NAME":"editCart"}}]}]},{"name":"SECTION","attrs":{"NAME":"editInbox"},"children":[{"name":"YES","attrs":{"LABEL":"Save"},"children":[{"name":"SECTION","attrs":{"NAME":"editInbox"}}]}]},{"name":"SECTION","attrs":{"NAME":"editCarts"},"children":[{"name":"YES","attrs":{"LABEL":"Save"},"children":[{"name":"SECTION","attrs":{"NAME":"editCarts"}}]}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode910"},"children":[{"name":"SEND","attrs":{"LABEL":"Send Config","SUBMIT":"true"},"children":[{"name":"SECTION","attrs":{"NAME":"configErrorCode910Sent"}}]}]}]},{"name":"SECTION","attrs":{"NAME":"delete","TEXT":"data.delete.title","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"data.delete.question"},{"name":"RUN","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\teval(\"this.vars['parent'].\"+{delete.deleteFunc}+\"()\");\n\t\t\t\t\t\n\t\t\t\t} else {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"error","TEXT":"data.error.title","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"data.error.msg"}]},{"name":"SECTION","attrs":{"NAME":"configError","TEXT":"data.configError.title","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"data.configError.msg"},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tfor(var x in this.vars['parent'].config){\n\t\t\t\t\t\n\t\t\t\t\tif(this.vars['parent'].config[x]['var'] == {configError.step}){\n\t\t\t\t\t\tthis.vars['parent'].currentStep = x;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\tif(!this.vars['parent'].errors[{configError.step}])\n\t\t\t\t\t\t\tthis.vars['parent'].errors[{configError.step}] = {};\n\t\t\t\t\t\t\n\t\t\t\t\t\tthis.vars['parent'].errors[{configError.step}][{configError.var}] = true;\n\n\t\t\t\t\t\tthis.vars['parent'].__parse();\n\t\t\t\t\t\t\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode100","TEXT":"Configuration","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"We could not optimize a solution based on your current configuration.<br\/><br\/>Please <a href=\"mailto:sales@iomnis.com\"><span id=\"contactUsLink\" style=\"cursor:pointer;color:#0066CC;text-decoration:underline\">contact us<\/span><\/a> directly for further assistance. We do this to ensure you receive the most efficient solution possible. There are many variables that can drastically effect what solution is right for you."}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode100B","TEXT":"Configuration","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"We could not optimize a solution based on your current configuration.<br\/><br\/>Please <span id=\"contactUsLink\" style=\"cursor:pointer;color:#0066CC;text-decoration:underline\">contact us<\/span> directly for further assistance. We do this to ensure you receive the most efficient solution possible. There are many variables that can drastically effect what solution is right for you."},{"name":"CODE","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tvar b = this;\n\t\t\t\n\t\t\t\tevents.register(document.getElementById('contactUsLink'),\"click\",function(){b.vars['parent'].__mkError('{\"error\":[\"We could not optimize a solution based on your current configuration.\"]}');site.__closeNewPopUp();});\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode100A","TEXT":"Configuration","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Your configuration is too large to get an accurate optimizer result. Please contact us directly for further assistance. We do this to ensure you receive the most efficient solution possible. With configurations of this size, there are many variables that can drastically effect what solution is right for you."}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode910","TEXT":"Additional Milestone Requirements","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"<div style=\"text-align:left\">Due to the increased hardware requirements of Milestone's latest release, this configuration should be sent to the <b>FTL<\/b> hardware team for design. These temporary measures have been put in place to ensure you get the best possible solution and will be returned to you promptly.<\/div>"},{"name":"TEXT","attrs":[],"tagData":"<div style=\"width:100%;color:#000;text-align:left;height:50px;overflow-x:hidden;\">\n\t\t\t<div style=\"padding-left:5px;line-height:25px;width:98%;overflow-x:hidden;background:url(data.url\/images?img=layout\/rowBG.png)\">\n\t\t\t\t<div style=\"float:left;width:30%;font-weight:bold\">Software<\/div><div style=\"float:left;width:60%\">data.configErrorCode910.software<\/div><div style=\"clear:both\"><\/div>\n\t\t\t\t<div style=\"float:left;width:30%;font-weight:bold\">Software Package<\/div><div style=\"float:left;width:60%\">data.configErrorCode910.sPackage<\/div><div style=\"clear:both\"><\/div><\/div><\/div>\n\t\t\t"},{"name":"ELEMENT","attrs":{"TYPE":"textarea","NAME":"comment","LABEL":"Comments","SOURCE":"comment"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tthis.data['configErrorCode910']['config'] = {};\n\t\t\t\n\t\t\t\tfor(var i in this.vars['parent'].data['config']){\n\t\t\t\t\n\t\t\t\t\tif(i == \"softwarePackage\")\n\t\t\t\t\t\tthis.data['configErrorCode910']['sPackage'] = this.vars['parent'].data['config'][i];\n\t\t\t\t\telse if(i == \"software\")\n\t\t\t\t\t\tthis.data['configErrorCode910']['software'] = this.vars['parent'].data['config'][i];\n\t\t\t\t\t\t\n\t\t\t\t\tthis.data['configErrorCode910']['config'][i] = this.vars['parent'].data['config'][i];\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tthis.data['configErrorCode910']['camera'] = {};\n\t\t\t\t\n\t\t\t\tfor(i in this.vars['parent'].data['camera']){\n\t\t\t\t\n\t\t\t\t\tif(i == \"image\" || i == \"tmp\")\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t\n\t\t\t\t\tthis.data['configErrorCode910']['camera'][i] = this.vars['parent'].data['camera'][i];\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode920","TEXT":"Please read this message","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"<div style=\"width:100%;color:#000;text-align:left;height:50px;overflow-x:hidden;\">\n\t\t\t<div style=\"padding-left:5px;line-height:25px;width:98%;overflow-x:hidden;background:url(data.url\/images?img=layout\/rowBG.png)\">\n\t\t\t\t<div style=\"float:left;width:30%;font-weight:bold\">Software<\/div><div style=\"float:left;width:60%\">data.configErrorCode920.software<\/div><div style=\"clear:both\"><\/div>\n\t\t\t\t<div style=\"float:left;width:30%;font-weight:bold\">Software Package<\/div><div style=\"float:left;width:60%\">data.configErrorCode920.sPackage<\/div><div style=\"clear:both\"><\/div><\/div><\/div>\n\t\t\t"},{"name":"TEXT","attrs":[],"tagData":"<div style=\"text-align:left\">The <b>data.configErrorCode920.software<\/b> software that you have selected has a limitation of one, single server to record with. The camera selections you have made have exceeded the capabilities of all standard FTL servers; please return and select a different software package, or change your camera settings to reduce the load on for use with a single server.<br\/><br\/>If you truly require these settings on a single server, you may save this configuration and call Iomnis and we can help build a custom solution to meet this need.<\/div>"},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tthis.data['configErrorCode920']['config'] = {};\n\t\t\t\n\t\t\t\tfor(var i in this.vars['parent'].data['config']){\n\t\t\t\t\n\t\t\t\t\tif(i == \"softwarePackage\")\n\t\t\t\t\t\tthis.data['configErrorCode920']['sPackage'] = this.vars['parent'].data['config'][i];\n\t\t\t\t\telse if(i == \"software\")\n\t\t\t\t\t\tthis.data['configErrorCode920']['software'] = this.vars['parent'].data['config'][i];\n\t\t\t\t\t\t\n\t\t\t\t\tthis.data['configErrorCode920']['config'][i] = this.vars['parent'].data['config'][i];\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tthis.data['configErrorCode920']['camera'] = {};\n\t\t\t\t\n\t\t\t\tfor(i in this.vars['parent'].data['camera']){\n\t\t\t\t\n\t\t\t\t\tif(i == \"image\" || i == \"tmp\")\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t\n\t\t\t\t\tthis.data['configErrorCode920']['camera'][i] = this.vars['parent'].data['camera'][i];\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\n\t\t\tthis.vars['parent'].change = false;\n\t\t\t\n\t\t\tfor(var x in this.vars['parent'].config){\n\t\t\t\t\t\n\t\t\t\tif(this.vars['parent'].config[x]['var'] == {configError.step}){\n\t\t\t\t\t\n\t\t\t\t\tthis.vars['parent'].currentStep = x;\n\t\t\t\t\t\t\t\n\t\t\t\t\tif(!this.vars['parent'].errors[{configError.step}])\n\t\t\t\t\t\tthis.vars['parent'].errors[{configError.step}] = {};\n\t\t\t\t\t\t\t\n\t\t\t\t\tthis.vars['parent'].errors[{configError.step}][{configError.var}] = true;\n\n\t\t\t\t\tthis.vars['parent'].__parse();\n\t\t\t\t\t\n\t\t\t\t\t\/\/ make the \"All fields required\" text not highlighted\n\t\t\t\t\tthis.vars['parent'].vars['portal.config.nav.req'].childNodes[0].style.background = \"none\";\n\t\t\t\t\t\n\t\t\t\t\tthis.vars['parent'].errors[{configError.step}][{configError.var}] = false;\n\t\t\t\t\t\t\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"configErrorCode910Sent","TEXT":"Additional Milestone Requirements","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"<b>We have received your configuration.<\/b><br\/><br\/>We will get back to you as soon as possible with an optimized solution."}]},{"name":"SECTION","attrs":{"NAME":"configStartOver","TEXT":"Start Over","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Are you sure you want to start over with a blank configuration?"},{"name":"RUN","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__startOverNow();\n\t\t\t\t\t\n\t\t\t\t} else {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"exportCart","TEXT":"Export Cart","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Select your export format."}]},{"name":"SECTION","attrs":{"NAME":"exportCartNoPrice","TEXT":"Export Cart","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Select your export format."},{"name":"RUN","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"PDF\"){\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__saveCartStart(true);\n\t\t\t\t\t\n\t\t\t\t} else {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__makeExcel();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"excelPricing","TEXT":"Create Excel","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Select how pricing should be displayed on the Excel"},{"name":"RUN","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__makeExcel(true);\n\t\t\t\t\t\n\t\t\t\t} else {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__makeExcel();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"pdfPricing","TEXT":"Create PDF","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Select how pricing should be displayed on the PDF"},{"name":"RUN","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__saveCartStart(true,true);\n\t\t\t\t\t\n\t\t\t\t} else {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__saveCartStart(true);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"sharing","TEXT":"Add Privileges","SHOW":"no","HALTMULTICHECK":"true"},"children":[{"name":"TEXT","attrs":[],"tagData":"Enter the e-mail address of the user that will be given <b>sharing privileges<\/b>."},{"name":"ELEMENT","attrs":{"TYPE":"input","NAME":"email","LABEL":"E-mail","SOURCE":"email","REQUIRED":"true"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tthis.vars['parent'].vars['inbox.data']['inbox'][this.vars['parent'].vars['inbox.current.index']]['accessData'] = {sharingDelete.access};\n\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"sharingError","TEXT":"Add Privileges (Error)","SHOW":"no"},"children":[{"name":"IF","attrs":[],"children":[{"name":"THIS","attrs":[],"tagData":"{sharing.error}"},{"name":"EQUAL","attrs":{"TO":"true"},"children":[{"name":"TEXT","attrs":[],"tagData":"data.sharing.errMsg"}]}]}]},{"name":"SECTION","attrs":{"NAME":"sharingDone","TEXT":"Add Privileges (Complete)","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"The user has been given <b>sharing privileges<\/b> for this configuration."}]},{"name":"SECTION","attrs":{"NAME":"sharingDelete","TEXT":"Remove Privileges","SHOW":"no","HALTMULTICHECK":"true"},"children":[{"name":"TEXT","attrs":[],"tagData":"Select the users who will no longer have <b>sharing privileges<\/b>."},{"name":"ELEMENT","attrs":{"TYPE":"list","NAME":"users","MULTI":"true","LABEL":"Users","SOURCE":"users","DATA":"access","REQUIRED":"true"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tthis.vars['parent'].vars['inbox.data']['inbox'][this.vars['parent'].vars['inbox.current.index']]['accessData'] = {sharingDelete.access};\n\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"ajaxPopUp","TEXT":"data.ajaxPopUp.title","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"<div class=\"config-loader\"><\/div>"}]},{"name":"SECTION","attrs":{"NAME":"addToCart","TEXT":"Add to Cart","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Do you want to add the whole configuration to your cart?"},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__addToCartOk(\"config\");\n\t\t\t\t\t\n\t\t\t\t} else if(this.vars['savedButton'] == \"NO\") {\n\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].__addToCartOk(\"items\");\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"moreInfo","TEXT":"data.moreInfo.title","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"<div class=\"config-more-info-div\">data.moreInfo.msg<\/div>"}]},{"name":"SECTION","attrs":{"NAME":"editCart","TEXT":"Edit Cart","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Modify the settings below."},{"name":"ELEMENT","attrs":{"TYPE":"input","NAME":"name","LABEL":"Cart Name","SOURCE":"name","REQUIRED":"true"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tsite.__closeNewPopUp();\n\t\t\t\t\tthis.vars['parent'].vars['name'] = {editCart.name};\n\t\t\t\t\tthis.vars['parent'].__blur();\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"editInbox","TEXT":"Edit Configuration Name","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Modify the configuration name below."},{"name":"ELEMENT","attrs":{"TYPE":"input","NAME":"name","LABEL":"Config Name","SOURCE":"name","REQUIRED":"true"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tthis.vars['parent'].__editModeDone();\n\t\t\t\t\tthis.vars['parent'].__saveCondfigName({editInbox.id},{editInbox.name});\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]},{"name":"SECTION","attrs":{"NAME":"editCarts","TEXT":"Edit Cart Name","SHOW":"no"},"children":[{"name":"TEXT","attrs":[],"tagData":"Modify the cart name below."},{"name":"ELEMENT","attrs":{"TYPE":"input","NAME":"name","LABEL":"Cart Name","SOURCE":"name","REQUIRED":"true"}},{"name":"START","attrs":[],"tagData":"\n\t\t\t\n\t\t\t\tif(this.vars['savedButton'] == \"YES\"){\n\t\t\t\t\t\n\t\t\t\t\tthis.vars['parent'].__editModeDone();\n\t\t\t\t\tthis.vars['parent'].__saveCartName({editCarts.id},{editCarts.name});\n\n\t\t\t\t}\n\t\t\t\t\n\t\t\t"}]}]}];

var site = new portal(genXML);

// create onload Object

var onLoadObj = new portal.onload();

var events = new portal.events();
var dragger = new portal.drag();
var scroller = new portal.scroller();
var drawing = new portal.draw();

onLoadObj.addEvent(__loadSize);
onLoadObj.addEvent(__loadMenu);



onLoadObj.addEvent(loadLogin);

var loginObj;

function loadLogin(){loginObj= new portal.login();}