if (top !== self) {
	alert('The URL ' + self.location.href + ' cannot be viewed inside a frame.  You will be redirected.');
	top.location.href = self.location.href;
}

//
//
var $Y = YAHOO, //
$D = YAHOO.util.Dom, //
$C = $D.getElementsByClassName, //
$E = YAHOO.util.Event, //
$CONN = YAHOO.util.Connect, //
$ = YAHOO.util.Dom.get, //
$LANG = YAHOO.lang, //
$COOKIE = YAHOO.util.Cookie, //
$J = YAHOO.lang.JSON, //
$W = YAHOO.widget, //
$L = YAHOO.log, //
o1 = {}, //
LampcmsException = function(message, exceptionName) {
	this.message = message;
	this.name = exceptionName || "LampcmsException";
},
/**
 * 
 */
oSL = {
	Regform : {
		getInstance : function() {
		}
	}
};

		oAjaxObject = {
			handleSuccess : function(o) {
				// alert('got something');
			// This member handles the success response
			// must determine what the result is for:
			// can be for doc or tpl or can be a text with css
			// we should test the returned text which should always be a JSON
			// object
			var eLastDiv, json, sDoc, sTpl, errDiv, strMessage = '', //
			eLogin = $("loginHead"), // was nbar
			strContentType = $LANG.trim(o.getResponseHeader["Content-Type"]);
			// alert(strContentType);
			switch (strContentType) {
			case 'text/json; charset=UTF-8':
				try {
					json = $J.parse(o.responseText);
					// alert(json);
				} catch (e) {
					alert("Invalid json data in responceText " + $LANG.dump(e)
							+ " strContentType " + strContentType
							+ "\noRespnose: " + $LANG.dump(o.responseText));
				}

				switch (true) {
				case json.hasOwnProperty('error'):
					oSL.setLoginError(json.error);
					break;

				case json.hasOwnProperty('exception'):
					if (json.hasOwnProperty('errHeader')) {
						strMessage += '<u>' + json.errHeader + '</u><br>';
					}

					errDiv = document.createElement('div');
					errDiv.id = 'exc';
					var mainDiv = $C('yui-b', 'div')[0];
					$D.insertBefore(errDiv, mainDiv.firstChild);

					errDiv.innerHTML = strMessage + json.exception;
					if ($('go')) {
						$('go').disabled = false;
					}
					break;

				case json.hasOwnProperty('redirect'):
					window.location.assign(json.redirect);
					break;

				case json.hasOwnProperty('navbar'):
					oSL.fMakeNavBar(json);
					break;

				case json.hasOwnProperty('message'):
					eLogin.innerHTML = json.message;
					oSL.renderGfcButton();
					oSL.fColorChange(eLogin, '#00FF00', '#FFFFFF');
					break;

				case json.hasOwnProperty('quickreg'):
					eLastDiv = document.createElement('div');
					eLastDiv.innerHTML = json.quickreg;
					document.body.appendChild(eLastDiv);
					oSL.modal.hide();
					oSL.Regform.getInstance().show();
					break;

				}

			}
		},
		handleFailure : function(o) {
			alert($LANG.dump(o));
		}
		}, //
		oSL = {
			toString : function() {
				return 'object oSL';
			},
			renderGfcButton : function() {
				var myDiv = $('login-fcbutton');
				if (myDiv && google && google.friendconnect) {
					google.friendconnect.renderSignInButton( {
						"id" : "loginHead",
						"text" : "Sign in with Google Friend Connect",
						"style" : "long"
					});
				}
			}, //
			/**
			 * Get value of specific meta tag This assumes that meta tag name is
			 * unique - only appears once in the meta tags If meta tag not found
			 * then returns false
			 * 
			 * @param string
			 *            sMetaName name of meta tag of which we need the value
			 * 
			 * @param book
			 *            bAsElement if passed and is true then return the
			 *            actual DOMElement for that meta tag instead of just
			 *            the value
			 */
			getMeta : function(sMetaName, bAsElement) {
				$L('182 looking for meta tag ' + sMetaName);
				var el, i, aMeta = document.getElementsByTagName('meta');
				$L('43 ' + $LANG.dump(aMeta) + ' total metas: ' + aMeta.length);
				if (!aMeta) {
					$L('45 no meta tags in document', 'error');
					return false;
				}

				for (i = 0; i < aMeta.length; i += 1) {
					if (aMeta[i].name && (aMeta[i].name == sMetaName)
							&& aMeta[i].content) {
						if (bAsElement) {
							var el = aMeta[i];
							$L('213 meta tag element ' + el);

							return el;
						}

						return aMeta[i].content;
					}
				}

				return false;
			},

			/**
			 * Get value of 'mytoken' meta tag which serves as a security token
			 * for form validation.
			 */
			getToken : function() {
				$L('166 getToken');
				var token = this.getMeta('version_id');
				return token;
			},
			/**
			 * Test to determine if page is being viewed by a logged in user a
			 * logged in user has the session-tid meta tag set to value of
			 * twitter userid
			 */
			isLoggedIn : function() {
				$L('64 this is: ' + this); // oTQ

				var ret, uid = this.getMeta('session-uid');
				$L('148 uid: ' + uid);

				ret = (uid && (uid !== '') && (uid !== '0'));

				$L('66 ret: ' + ret);

				return ret;
			},
			/**
			 * Set the value of meta session-tid
			 */
			setMetaTag : function(name, val) {
				var eMeta = this.getMeta(name, true);
				if (eMeta) {
					eMeta.content = val;
				}

				$L('249 meta set, now: ' + this.getMeta(name));
			},
			/**
			 * Set (update) the value of meta name="mytoken" meta tag with the
			 * new value
			 */
			setToken : function(val) {
				var el = this.getMeta('version_id', true);
				el.setAttribute('content', val);
			},
			/**
			 * Callback to login the user this is called from the oAuth popup
			 * window OR can be called from Ajax callback if AsyncRequest was
			 * used to check login status
			 * 
			 * This method will set meta session-tid to user_id, will replace
			 * the welcome block with the one from the object and IF not in
			 * someone else's page, then will set style, background, etc to
			 * styles from o.profile
			 */
			processLogin : function(o) {
				$L('116 this is: ' + this); // object oTQ when called from popup
				// alert($LANG.dump(o));
				$L('118 o: ' + $LANG.dump(o), 'warn');
				var sCurLocation, eWelcome = $('loginHead'), eException = $('excsl');

				this.Twitter.cancelIntervals();
				this.Twitter.cancelAsyncCalls();
				/**
				 * Just reload the window This is the easiest way to re-render
				 * the page with the login block updated as well as other
				 * elements. for example, a comments form may now appear as
				 * 'available' because now the user is logged in
				 * 
				 * This may not be as fancy as just re-render the login block
				 * with color change, but it takes care of other elements on the
				 * page that may be different for logged in and not logged in
				 * users.
				 * 
				 * Lastly, if we have a post-signup action like asking user for
				 * email address after user signup with Twitter or FB or GFC,
				 * this would make it very easy to just show that special
				 * 'last-step' page that asks for the email address.
				 */
				window.location.reload();
				/**
				 * If the page has div id 'exc' with class 'login' this means
				 * there was an error with text Must Login In this case we must
				 * reload the current location
				 * 
				 */

				if (eException && 'login' === eException.className) {
					window.location.reload();
				}

				if (o.welcome && eWelcome) {
					eWelcome.innerHTML = o.welcome;
					setTimeout(
							"oSL.fColorChange('loginHead', '#FF0000', '#00FF00')",
							500);
				}

			}, //
			/**
			 * Get timezone offset based on user clock
			 * 
			 * @return number of secord from UTC time can be negative
			 */
			getTZO : function() {
				var tzo, nd = new Date();
				tzo = (0 - (nd.getTimezoneOffset() * 60));

				return tzo;

			},
			/**
			 * Get value of timezone offset and set it as tzo cookie This way a
			 * value can be read on the server This is useful during the
			 * registration as a way to pass the value of timezone offset but
			 * without using the POST and without adding it to GET
			 * 
			 * The cookie is set as SESSION cookie with site-wide path
			 * (accessible from any page but must be in the same domain)
			 */
			setTZOCookie : function() {
				$L('109 this is: ' + this);
				var tzo = this.getTZO();
				$L('117 tzo: ' + tzo);
				$COOKIE.set("tzo", tzo, {
					path : "/"
				});
				// document.cookie = "tzo3="+tzo+";path=/";
			},
			oCallback : {
				success : oAjaxObject.handleSuccess,
				failure : oAjaxObject.handleFailure,
				scope : oAjaxObject
			},//
			fAddIcon : function(s, b) {
				var el = (typeof (s) === 'string') ? $(s) : s;

				if (!this.eLoader) {
					this.eLoader = document.createElement("img");
					this.eLoader.src = '/images/ajax-loader.gif';
					this.eLoader.id = "loadericon";
				}
				// $L("314 el: " + el + " oEditor.eLoader: " + oEditor.eLoader,
				// "user");
				if (this.eLoader) {
					if (b && b === true) {
						el.innerHTML = '';
					}

					el.appendChild(this.eLoader);

				}
			}, //
			fRemoveIcon : function() {
				if (this.eLoader && this.eLoader.parentNode) {
					$L('include.js 118 eLoader parent: '
							+ this.eLoader.parentNode + ' id: '
							+ this.eLoader.parentNode.id);
					this.eLoader.parentNode.removeChild(this.eLoader);
				}
			},
			/**
			 * Compares 2 HTML form Dom nodes
			 * 
			 * @param {Object}
			 *            oNewForm a new HTML form, usually the one use tries to
			 *            submit
			 * @param {Object}
			 *            oOldForm an old HTML form, usually the one with
			 *            default values (valued when page first loaded)
			 * @return boolean true if at least one of new form's values is
			 *         different from the same one in old form or if the new
			 *         form has a form element that is not present in the old
			 *         form.
			 */
			fCompareForms : function(oNewForm, oOldForm) {
				$L($CONN.setForm(oNewForm));
				$L($CONN.setForm(oOldForm));

				if ($CONN.setForm(oNewForm) === $CONN.setForm(oOldForm)) {
					return true;
				}

				return false;
			},//
			/**
			 * Use color animation to change background-color of an element
			 * slowly from one color to a new color, then back to sFromColor,
			 * then set backgroundColor to its original (the one before this
			 * function) This can be used to display changes or to attract
			 * attention to some message inside a div like to a new error
			 * message.
			 * 
			 * @param {Object}
			 *            el
			 * @param {Object}
			 *            sToColor
			 */
			fColorChange : function(el, sFromColor, sToColor) {
				$L('starting fColorChange for ' + el);
				var myChange, curBg, myChangeBack, //              
				element = (typeof el === 'string') ? $(el) : el, //
				sToColor = (sToColor && typeof sToColor === 'string') ? sToColor
						: '#FF0000', //
				sFromColor = (sFromColor && typeof sFromColor === 'string') ? sFromColor
						: '#FFFFFF';

				$L('element is: ' + element);

				if (element) {

					curBg = $D.getStyle(element, 'background-color');
					$D.setStyle(element, 'background-color', sFromColor);
					myChange = new YAHOO.util.ColorAnim(element, {
						backgroundColor : {
							to : sToColor
						}
					});

					/**
					 * Change the background back to what if was before the
					 * animation started
					 */
					myChangeBack = function() {
						element.style.backgroundColor = curBg;
					}

					myChange.onComplete.subscribe(myChangeBack);
					myChange.animate();

				}
			}, //
			fMakeMeNav : function(id, o) {
				/**
				 * What has to be done here? IF called from normal web page, not
				 * via ajax: we have html with div id loginHead inside we have
				 * table class usernav, with 2nd td that has our 'menav' div
				 * which we need to convert to drop-down menu
				 * 
				 * So... We just do it.
				 * 
				 * IF called via ajax then second arg o is passed Then we
				 * already have a login form inside the loginHead div and we
				 * need to destroy the contents of it and replace it with the
				 * contents of ....???
				 * 
				 * 
				 * Possible cases: 1. Response to Logout action: we receive back
				 * the html of Login form. as a value of o.message In this case
				 * the content of loginHead div is replaced with content of
				 * o.message which is the login form and everything just works.
				 * 
				 * 
				 * 2. After we get the json in response to ajax based login that
				 * json contains html of the 'usernav' table, so we stick the
				 * 'username' table inside the loginHead div, replacing the
				 * previously displayed login form, then this method is called
				 * in order to render the menu and possibly take care of
				 * 'merged' sub-menu
				 * 
				 * 
				 * 3. Responce to switch account posting
				 * 
				 */
				$L('178 id is: ' + id);
				// return true; // for testing without navbar just return here
				var oMerged = null;
				if (o && o.merged) {
					oMerged = o.merged;
					$L('193 merged: ' + oMerged);
				}

				$L('101 starting fMakeMeNav ' + id, "warn");
				// var id = 'menav';
				var elMenav = $(id);
				$L('104 elMenav ' + elMenav, "warn");
				if (elMenav == 'undefined' || null === elMenav) {
					return true;
				}

				/**
				 * Here we do some fancy things by cloning node, then removing
				 * contents or cloned node's parent with an empty string
				 * effectively wiping out the cloned node, then appending the
				 * new clone as a child of the 'nbar' element.
				 * 
				 * This is interesting, but what if the parent of cloned node
				 * was already the 'nbar' div? Then we just did something
				 * complicated that resulted in the same exact html and dom
				 * structure as before: we cloned node, destroyed the cloned
				 * node, then appended the clone to the same parent...
				 * 
				 * Why do we need to do this anyway?
				 * 
				 * This can be understood IF the id passed to this method is
				 * different from 'nbar', for example if the HTML of the
				 * navigation menu was in some other div on the page, like maybe
				 * it was on the left menu and what we doing is moving it to the
				 * nvar (to the top)
				 * 
				 * This whole thing is probably no longed necessary it was
				 * originally designed to extract contents of some div that was
				 * somewhere in the side bar like new items... then move the
				 * whole thing to the top inside the navbar, so we needed to
				 * clode the node and then remove the original from the side
				 * bar.
				 * 
				 * We don't put the nav links in the side bar anymore.
				 */

				var elParent = elMenav.parentNode;
				$L('218 elParent.id: ' + elParent.id);
				// commening out the old stuff on Dec 3 09
				/*
				 * if (elParent.id !== 'loginHead') { var elClone =
				 * elMenav.cloneNode(true); elParent.innerHTML = ''; var nRoot =
				 * $('nbar'); nRoot.appendChild(elClone); } else { $L('Dude!
				 * this does not make sense', "warn"); elClone = elMenav; }
				 */

				elClone = elMenav;
				$L('192 elMenav ' + elMenav, "warn");
				/**
				 * o1 is just a new namespace o1.oMenu is our top menu bar
				 */
				o1.oMenu = new $W.MenuBar(elClone, {
					position : "static",
					autosubmenudisplay : true,
					hidedelay : 550,
					iframe : false,
					lazyload : false
				});

				$L('201 elMenav ' + elMenav, "warn");
				o1.oMenu.render();

				$L('204 elMenav ' + elMenav, "warn");
				this.makeSwitchMenu(oMerged);
				$L('206 elMenav ' + elMenav, "warn");

			}, //
			fMakeNavBar : function(o) {
				/**
				 * This method is called ONLY when we receive ajax back from
				 * login action and it contains navbar
				 */
				var sHTML = o.navbar, //
				eNavBar = $('loginHead');
				if (!eNavBar) {
					return false;
				}
				/**
				 * If we already have the o1.oMenu (a top nav bar object) then
				 * use its' destroy() method to completely destroy it, including
				 * all sub-menus and remove all event listeners
				 */
				if (o1 && o1.oMenu) {
					o1.oMenu.destroy(); // this also destroys menav div element
					// itself
				}
				/**
				 * Here we stick the html (value of o.navbar) as the innerHTML
				 * of the DOM element with id 'nvar', which is our top div on
				 * the page. So whatever html it may have had before, it will
				 * now have the totally new html
				 */
				eNavBar.innerHTML = sHTML;
				$L('google: ' + google + ' fc: ' + google.friendconnect);

				// this.fMakeMeNav('menav', o); // here o is json object and has
				// navbar
				// and
				// also may have 'merged' object
			}, //
			fGetErrTd : function() {
				this.eErrTd = $("titleWarning");
				return this.eErrTd;
			}, //
			setLoginError : function(message) {

				if (this.eErrTd) {
					$D.setStyle(oSL.eErrTd, "backgroundColor", "#FFFFCC");
					this.eErrTd.innerHTML = message;
					this.fColorChange(oSL.eErrTd, '#FFFFFF', '#FF0000');
					$('go').disabled = false;
				} else {
					alert(message);
				}
			}, //
			validateLogin : function(oFrm) {
				if (oFrm && oFrm.elements) {
					for ( var element in oFrm.elements) {
						var fElement = oFrm.elements[element];
						if (fElement && fElement.name) {
							var elName = oFrm.elements[element].name;
							if (elName === 'login' || elName === 'pwd') {
								if ('' === fElement.value) {
									fElement.style.borderWidth = "2px";
									fElement.style.borderStyle = "solid";
									fElement.style.borderColor = "#FF0000";
									if (oFrm.elements['r']) {
										this
												.setLoginError(oFrm.elements['r'].value);
									}
									return false;
								} else {
									fElement.style.borderWidth = '';
									fElement.style.borderStyle = '';
									fElement.style.borderColor = '';
								}
							}
						}
					}
				}

				return true;
			},//   
			fLogin : function(o) {
				var target = $E.getTarget(o), //
				errTd = oSL.fGetErrTd(), //
				formObject = $("frmLogin"), //
				formObjectTest = $("sampleForm"), //
				oTweet, //
				fbAppId, //
				fbcookie, //
				fbPerms;

				/**
				 * This one is for a style editor form on that page the form
				 * name is 'sampleForm' and we just want to disable the
				 * submittion of that form when button is clicked
				 */
				if (target && target.type && formObjectTest
						&& target.type.toLowerCase() === 'submit') {
					$E.stopEvent(o);
					return;
				}

				if (target && target.type && formObject
						&& target.type.toLowerCase() === 'submit') {

					$E.stopEvent(o);

					if (oSL.validateLogin(formObject)) {
						target.disabled = true;
						if (errTd) {
							oSL.fAddIcon(errTd);
						}
						$CONN.setForm(formObject);
						// This example facilitates a POST transaction.
						// An HTTP GET can be used as well.
						$CONN.asyncRequest("POST", "/index.php", oSL.oCallback,
								"ajaxid=1");
					}
				} else {
					if (target.nodeName
							&& target.nodeName.toLowerCase() === 'a'
							&& target.href.toLowerCase().match('logout')) {
						$L('376 clicked on Logout');
						$E.stopEvent(o);
						fbAppId = this.getMeta('fbappid');
						if (!FB) {
							alert('no FB');
						} else {
							// alert('logging out of FB');
							/**
							 * Calling FB.logout causes to be logged out of
							 * facebook, but that's not really what we want. We
							 * only want to logout of our site But unless we
							 * logout of FB the FB Javascript will automatically
							 * log the user back in (set the fbs_ cookie)
							 * without user having to click on login button This
							 * would make it impossible to actually logout
							 */
							FB.logout();
							// alert('Logged out of FB');
							if (fbAppId) {
								fbcookie = "fbs_" + fbAppId;
								$L('going to remove fbs cookie ' + fbcookie);
								$COOKIE.remove(fbcookie, {
									path : "/"
								});

								oSL.fAddIcon(target);

								/*
								 * resetFormState() is very important because if
								 * the page has had another setForm() ran for a
								 * different form, the $CONN will still be
								 * configured with a different form object
								 */
								$CONN.resetFormState();
								$CONN.asyncRequest("GET",
										"/index.php?a=logout&ajaxid=1",
										oSL.oCallback);
							}

						}
						target.href = '#';

						return;
					}
				}

				if (target.id === 'gfcset' && google && google.friendconnect) {
					$L('451 clicked on GFC Settings');
					$E.stopEvent(o);
					google.friendconnect.requestSettings();

					return;
				}

				if (target.id === 'gfcinvite' && google && google.friendconnect) {
					$L('451 clicked on Invite');
					$E.stopEvent(o);
					google.friendconnect.requestInvite();

					return;
				}

				if (target.id === 'twinvite') {
					$L('636 clicked on ' + target.id);
					oTweet = oSL.tweet.getInstance();
					$L('637 oTweet: ' + oTweet);
					oTweet.show();

					return;
				}

				if (target.id === 'fbinvite') {
					$L('635 clicked on Facebook Invite');
					$E.stopEvent(o);
					if (!FB) {
						$L('No FB object', 'error');
					}

					var siteTitle = oSL.getMeta('site_title');
					var siteUrl = oSL.getMeta('site_url');
					var siteDescription = target.title;
					var caption = oSL.getMeta('site_description');
					$L('target title: ' + siteDescription);
					FB
							.ui(
									{
										method : 'stream.publish',
										message : 'I joined this site with Facebook Connect button. You should check it out too',
										attachment : {
											name : siteTitle,
											caption : caption,
											description : siteDescription,
											href : siteUrl
										},
										action_links : [ {
											text : siteTitle,
											href : siteUrl
										} ],
										user_message_prompt : 'Invite your Facebook Friends to join this site'
									},
									function(response) {
										if (response && response.post_id) {
											$L('Post was published to Wall');
										} else {
											$L(
													'Post was not published to Walll',
													'warn');
										}
									});

					return;
				}

				if ('twsignin' === target.id) {
					$L('477 clicked on Twitter button this is: ' + this); // HTML
					// div
					this.Twitter.startDance();
					return;
				}

				if ('gfcsignin' === target.id) {
					$L('738 clicked on GFC button this is: ' + this); // HTML
					// div
					if (!google || !google.friendconnect) {
						$L('No google or google.friendconnect', 'error');
						return;
					}
					google.friendconnect.requestSignIn();
					return;
				}

				if ('fbsignup' === target.id) {
					fbPerms = this.getMeta('fbperms');
					if (!fbPerms) {
						fbPerms = '';
					}
					if (FB) {
						FB.login(function(response) {
							if (response.session) {
								$L('FB Signed in');
								if (response.perms) {
									// user is logged in and granted some
								// permissions.
								// perms is a comma separated list of granted
								// permissions
								// alert('Granted perms: ' + response.perms);
								window.top.location.reload(true);
							} else {
								// user is logged in, but did not grant any
								// permissions
							}
						} else {
							// user is not logged in
						}
					}, {
						perms : fbPerms
					}	);
					}

					return;
				}

				if ('signup' == target.className) {
					$L('730 clicked on signup');
					$E.stopEvent(o);
					this.getQuickRegForm();
				}

			},//
			/**
			 * Make Ajax call to server after login with Google Friend Connect
			 * has been clicked The whole purpose of this call is that server
			 * will be able to read GFC cookie and then make request for data
			 * from Google server, get the GFC ID, and username and avatar
			 * 
			 * Then check if this GFC user already exists or is a new user If
			 * new user then create new account for the user, use only GFC id
			 * and path to avatar And may also record GEO data for the user
			 * 
			 * The method to get the user Object should be made via cache so
			 * that we can at least cache the data for some time, but not for
			 * very long
			 * 
			 * The server will return the welcome block almost the same as from
			 * the actual real login form it will contain name of user and some
			 * links
			 */
			gfcLogin : function(sectoken) {

				// not sure what the sectoken can be used for
				// it is received from Google Friend Connect upon page load
				var errTd = oSL.fGetErrTd();
				if (errTd) {
					oSL.fAddIcon(errTd);
				}

				$CONN.resetFormState();
				$CONN.asyncRequest("POST", "/index.php", oSL.oCallback,
						"a=gfclogin&ajaxid=1");
			},
			fMakeLangSelect : function(id) {
				/*
				 * 
				 * var oSplitButton1 = new $W.Button("splitbutton1", { type:
				 * "split", menu: "splitbutton1select" }); }
				 */
				$E.onAvailable(id, function() {
					if ($('splitbutton1')) {
						var oSplitButton1 = new $W.Button("splitbutton1", {
							type : "split",
							menu : "splitbutton1select"
						});
					}
				});
			}, //
			/**
			 * Closure based object constructor do NOT use 'new' to instantiate!
			 * 
			 * @param {Object}
			 *            o
			 */
			oSwitcharoo : function(o) {

				/**
				 * Upon calling this constructor validate the input object and
				 * may throw LampcmsException if object is missing some expected
				 * elements
				 */
				this.validateParsed(o);

				/**
				 * These vars will be private through closure: any function of
				 * returned object will have access to these but they cannot be
				 * accessed directly no can they be changed directly
				 */
				var oUsers = o.users, //
				sMenuId = "switcmenu1", //
				sSwitchItemId = "switcher1", //
				sPostUrl = '/index.php', //
				sLabel = o.sLabel;
				$L('361 oUsers: ' + $LANG.dump(oUsers));

				var oRet = {
					toString : function() {
						return 'Switcharoo object';
					},//
					onMenuItemClick : function(p_sType, p_aArgs, p_oValue) {
						$L('412 include.js p_oValue: ' + p_oValue, 'warn');
						$CONN.asyncRequest('POST', oSL.oS.getPostUrl(),
								oSL.oCallback, oSL.oS.makeFormParams(p_oValue));
					},//
					getMenuId : function() {
						return sMenuId;
					},//
					getSwitchItemId : function() {
						return sSwitchItemId;
					},//
					getPostUrl : function() {
						return sPostUrl;
					},//
					getUid : function(sUsername) {
						for ( var uid in oUsers) {
							if (oUsers[uid] === sUsername) {
								return uid;
							}
						}

						return null;
					},//
					makeFormParams : function(uid) {
						var result;
						// var uid = this.getUid(sUsername);
					if (!uid) {
						throw new LampcmsException(
								'userid not found for this username: ' + sUsername);
					}

					result = 'qf_version=' + o.qf_version + '&a=' + o.a
							+ '&uid=' + uid;

					$L('441 include.js result: ' + result, 'warn');

					return result;
				}, //
				getA : function() {
					return o.a;
				},//
					getToken : function() {
						return o.qf_version;
					},//
					getSwitchText : function() {
						return sLabel;
					},//
					getUsersArray : function() {
						var oMyUser, aMyUsers = [];
						for ( var id in oUsers) {
							oMyUser = {
								text : oUsers[id],
								onclick : {
									fn : oSL.oS.onMenuItemClick,
									obj : id
								}
							};
							aMyUsers.push(oMyUser);
						}

						return aMyUsers;
					}
				}

				return oRet;
			},// 
			// A workaround for XSL-to-XHTML systems that don't
			// implement XSL 'disable-output-escaping="yes"'.
			//
			// sburke@cpan.org, Sean M. Burke.
			// - I hereby release this JavaScript code into the public domain.
			check_decoding : function() {
				var d = $('cometestme');

				if (!d) {
					alert("Can't find an id='cometestme' element?");
					throw LampcmsException("Can't find an id='cometestme' element?");
				} else if (!('textContent' in d)) {
					// It's a browser with a halfassed DOM implementation (like
					// IE6)
					// that doesn't implement textContent! Assume that if it's
					// that
					// dumb, it probably doesn't implement
					// disable-content-encoding.

				} else {
					ampy = d.textContent;

					// alert("432 Got " + ampy);

					if (ampy === undefined) {
						// alert('436 Firefox developers suck ballz and eats
						// shit');
						throw LampcmsException("'cometestme' element has undefined text content?!");
					}
					if (ampy === '') {
						// alert(' 440 Firefox developers suck ballz and eats
						// shit');
						throw LampcmsException("'cometestme' element has empty text content?!");
					}

					if (ampy == "\x26") {
						// alert(' 445 Firefox developers suck ballz and eats
						// shit');
						this.is_decoding = true;
					} else {
						// alert('448 Firefox developers suck ballz and eats
						// shit');
						if (ampy == "\x26amp;") {
							// alert('765 this is ' + this);
							// alert('451 Firefox developers suck ballz and eats
							// shit');
							this.is_decoding = false;
						} else {
							// alert('454 Firefox developers suck ballz and eats
							// shit');
							throw LampcmsException('Insane value: "' + ampy + '"!');
						}
					}

				}

				var msg = (this.is_decoding === undefined) ? "I can't tell whether the XSL processor supports disable-content-encoding!D"
						: this.is_decoding ? "The XSL processor DOES support disable-content-encoding"
								: "The XSL processor does NOT support disable-content-encoding";

				// alert(msg);

				return msg;
			}, //
			go_decoding : function() {
				if (!(document.getElementById)) {

					alert("Your browser sucks eggs.\n\nConsider upgrading to Internet Explorer 6, Firefox, or Mozilla or Chrome.");
				}

				// alert('473');
				this.check_decoding();

				if (true === this.is_decoding) {
					// alert("588 No work needs doing -- already decoded!");
					return;
				}

				var to_decode = document.getElementsByName('decodeable');
				var to_decode = $C('decodeable');

				if (!(to_decode && to_decode.length)) {
					// alert("No work needs doing -- no elements to decode!");
					return;
				}

				var s;
				for ( var i = to_decode.length - 1; i >= 0; i--) {
					s = to_decode[i].textContent;

					if (s == undefined
							|| (s.indexOf('&') == -1 && s.indexOf('<') == -1)) {
						// the null or markupless element needs no reworking
					} else {
						to_decode[i].innerHTML = s; // that's the magic
					}
				}

				return;
			}, //
			makeSwitchMenu : function(o) {
				try {
					$L('515 o ' + o, "window");
					if (!o || (o === null)) {
						$L('517 o is null', "window");
						var o = this.parseSwitchForm();
						$L('397 o: ' + $LANG.dump(o), "window");
					} else {
						$L('418 o: ' + $LANG.dump(o), "warn");
					}
					if (this.oS) {

						// delete (this['oS']);
					}
					$L('527 o: ' + $LANG.dump(o), "warn");
					this.oS = this.oSwitcharoo(o);
					$L('529 o: ' + $LANG.dump(o), "warn");
				} catch (e) {
					$L("424 Caught error: " + e.message, "error");
					return false;
				}

				// $L('412 items: ' + $LANG.dump(this.oS.getMenuItems()) + '
				// messenger
				// uid: ' + this.oS.getUid('messenger'));
				/**
				 * check if oMenu exists, if it has menu oWelcome if oWelcome
				 * already has item with id 'switcharoo' then remove it (along
				 * with sub-menu) append item with id 'switcharoo' and submenu
				 * find the newly created item object and subscribe it to
				 * onClick event
				 */
				if (o1 && o1.oMenu) {
					$L('489 starting this is ' + this);

					var oSwitchMenu, oMenuBar = o1.oMenu;
					$L('493');
					var aItems = oMenuBar.getItems();
					$L('495');

					var oWelcomeMenu = aItems[0].cfg.getProperty("submenu");
					$L('497');

					var aMyUsers = this.oS.getUsersArray();
					$L('560 aMyUsers: ' + $LANG.dump(aMyUsers));

					var sSubId = this.oS.getMenuId();
					$L('501 sSubId ' + sSubId);

					var oSub1 = new $W.Menu(sSubId);

					var sLabelText = this.oS.getSwitchText();
					// $L('504 sLabelText ' + sLabelText + ' oSub1 ' +
					// $LANG.dump(oSub1));

					var sMyItemId = this.oS.getSwitchItemId();
					$L('571 sMyItemId ' + sMyItemId);

					oSub1.addItems(aMyUsers);

					// $L('575: ' + $LANG.dump(oSub1));

					oWelcomeMenu.insertItem( {
						id : sMyItemId,
						text : sLabelText
					}, 0);

					// $L('582: ' + $LANG.dump(oWelcomeMenu));
					/**
					 * oSwitchMenu is now the first menuItem in the welcom menu
					 */
					oSwitchMenu = oWelcomeMenu.getItem(0);

					$L('589');
					oSwitchMenu.cfg.setProperty("submenu", oSub1);
					$L('591');

					oWelcomeMenu.render();
					$L('594');

				}
			}, //
			validateParsed : function(oRes) {
				if (!oRes.a || !oRes.qf_version || !oRes.sLabel || !oRes.users) {
					throw new LampcmsException(
							'Not all required elements found in form');
				}
			}, //
			parseSwitchForm : function() {
				var sLabel, sName, sType, elParent, sQfv, oRes = {}, oUsers = {}, bUser = false, oFrm = $('fSwitch');
				$L('591 oFrm ' + oFrm, "warn");
				if (!oFrm || !oFrm.elements) {
					throw new LampcmsException(
							'Form "fSwitch" not found in document');
				}

				elParent = oFrm.parentNode;
				$L('545 form parent: ' + elParent);
				/**
				 * Now can remove actual form from the page
				 */
				if (elParent) {
					elParent.removeChild(oFrm);
				}

				for ( var element in oFrm.elements) {
					var fElement = oFrm.elements[element];
					if (fElement) {
						sName = fElement.name;
						sType = fElement.type;
						if ((sName)
								&& (sName === 'a' || sName === 'qf_version')) {
							oRes[sName] = fElement.value;
						}
						if (fElement.type === 'submit') {
							oRes['sLabel'] = fElement.value;
						}
						// if (sName === 'amerged' && fElement.options) {
						if (sName === 'uid' && fElement.options) {
							$L('399 num options: ' + fElement.options.length);
							for ( var i = 0; i < fElement.options.length; i++) {
								var oOption = fElement.options[i];
								if (oOption.value && oOption.text) {
									bUser = true;
									oUsers[oOption.value] = oOption.text;
								}
							}
							if (bUser) {
								oRes['users'] = oUsers;
							}
						}
					}
				}

				$L('634 ', "warn");
				this.validateParsed(oRes);
				$L('414 oRes: ' + $LANG.dump(oRes));

				return oRes;
			},//
			makeHomeTabs : function() {
				/*
				 * var rootdiv1 = $("mybody"); if (rootdiv1 == "undefined") {
				 * alert('no element "mybody"'); };
				 */
				var rootdiv1, aRoot = $C('yui-b', 'div', 'yui-main');
				if (aRoot && aRoot[0]) {
					rootdiv1 = aRoot[0];
				}
				$L('544 rootdiv1: ' + rootdiv1);

				var recentHTML = rootdiv1.innerHTML;

				rootdiv1.innerHTML = "";
				$L('537 rootdiv1: ' + rootdiv1);
				var navblock = $("navBlock");
				if (navblock == "undefined") {
					alert('no element "navBlock"');
				}
				$L('542 navblock: ' + navblock);

				var aLinks = navblock.getElementsByTagName("a");
				var tabView = new $W.TabView();
				$L('546 tabView: ' + tabView);

				for ( var i = 0; i < aLinks.length; i++) {
					var sTitle = aLinks[i].getAttribute("title");
					// if aLinks[i].getAttribute("href") has ? then separate by
					// &, else
					// by ?
					var href = aLinks[i].getAttribute("href");
					var separator = (href.search(/\?/) > 0) ? "&" : "?";
					var sHref = href + separator + "do=home";

					if (i === 0) {
						tabView.addTab(new $W.Tab( {
							label : sTitle,
							content : recentHTML,
							active : true
						}));
					} else {
						tabView.addTab(new $W.Tab( {
							label : sTitle,
							dataSrc : sHref,
							cacheData : true,
							active : false
						}));
					}

				}
				$L('570 tabView: ' + tabView);
				navblock.innerHTML = "";
				tabView.appendTo(rootdiv1);
			}, //
			updateUserPic : function(src) {
				$L('804 updateUserPic', 'warn');
				var ts, qpos, a = $C('upic', 'td', $('loginHead'));
				var tdAvatar = a[0];
				$L('806: eAvatar: ' + tdAvatar, 'warn');

				tdAvatar.innerHTML = src;

				// qpos = eAvatar.src.indexOf('?');
				// src = (qpos > -1 ) ? eAvatar.src.substr(0, qpos) :
				// eAvatar.src;

				// $L('799 src: ' + src, 'warn');
				// ts = new Date().getTime();
				// $L('801 ts: ' + ts, 'warn');
				// src = src + '?' + ts;
				// eAvatar.setAttribute("src", src);
				// $L('eAvatar.src: ' + eAvatar.src, 'warn');

			}, //
			/**
			 * Parse data object, depending of keys and values update elements
			 * on the page.
			 * 
			 * @param {Object}
			 *            o parsed json data returned from server after
			 *            processing form values.
			 */
			fParseQf : function(json) {
				$L($LANG.dump(json));

				var strMessage = '', aAvatars, i = 0, el, formField, eMessageDiv = $('qfe');

				switch (true) {

				case json.hasOwnProperty('exception'):
					if (json.hasOwnProperty('errHeader')) {
						strMessage += '<u>' + json.errHeader + '</u><br>';
					}
					eMessageDiv.innerHTML = '<div id="qfErrors">' + strMessage
							+ json.exception + '</div>';
					break;

				case json.hasOwnProperty('success'):
					// this is doc
					if (eMessageDiv) {
						strMessage += json.success;
					}
					if (json.blog_title && json.blog_title.val) {
						if (this.eH1) {
							this.eH1.innerHTML = json.blog_title.val;
						}
					}
					if (this.eH2 && json.blog_description
							&& json.blog_description.val) {
						this.eH2.innerHTML = json.blog_description.val;
					}
					for ( var formField in json) {
						if (json.hasOwnProperty(formField)
								&& json[formField].hasOwnProperty('err')) {
							// alert('formField: ' + formField + 'err: ' +
							// json[formField].err);
							strMessage += '<br><u>' + json[formField].err + '</u><br>';
						}
					}

					/**
					 * If avatar has been updated, then we will have an element
					 * 'avatar' which is an array and its 'val' will be a full
					 * html img src tag to avatar We will need to update all
					 * divs with class 'avatar' Normally there will be 2 of
					 * these divs: one under the profile form itself and one in
					 * the user's template nav bar.
					 */
					if (json.avatar && json.avatar.val
							&& json.avatar.val !== '') {
						$Y.log('this is ' + this, 'warn');
						$D.setStyle(this.aTrs, 'visibility', '');
						$D.setStyle(this.aTrs, 'display', '');

						aAvatars = $C('avatar', 'div');
						if (aAvatars) {
							for (i = 0; i < aAvatars.length; i += 1) {
								aAvatars[i].innerHTML = json.avatar.val;
							}
							$L('856 before updateUserPic this is ' + this,
									'warn');
						} else {
							$Y.log('no div with class "avatar"', 'warn');
						}
					}

					if (json.avatar && json.avatar.sqr
							&& json.avatar.sqr !== '') {
						this.updateUserPic(json.avatar.sqr);
					}

					eMessageDiv.innerHTML = strMessage;
					this.fColorChange('qfmessage', '#00FF00', '#FFFFFF'); // eMessageDiv
					break;

				case json.hasOwnProperty('errors'):
					if (json.hasOwnProperty('errHeader')) {
						strMessage += '<u>' + json.errors.errHeader + '</u><br>';
					}

					eMessageDiv.innerHTML = '<div id="qfErrors">' + strMessage
							+ json.errors.errMessage + '</div>';
					this.aEls = [];
					for (formField in json) {
						if (json.hasOwnProperty(formField)
								&& json[formField].hasOwnProperty('err')) {
							el = $('a' + formField);
							if (el) {
								el.style.backgroundColor = '#FFFFCC';
								this.aEls.push(el);
							}
						}
					}

					this.fColorChange('qfmessage', '#FF0000', '#FFFFFF'); // eMessageDiv
					break;

				}

				if (oSL.oFrm && oSL.oFrm.elBtnSubmit) {
					oSL.oFrm.elBtnSubmit.disabled = false;
				}
				var elPbar = $('progressBar'), elAvatarField = $('aavatar');
				if (elPbar) {
					elPbar.parentNode.removeChild(elPbar);
				}
				if (elAvatarField) {
					$D.setStyle(elAvatarField, 'display', 'block');
				}

			}, //
			/**
			 * Get translated value of a string if it exists in oLampcmsTr
			 * object This object is usually added (sometimes) directly to the
			 * html page from the clsWebPage->addTranslatedJson()
			 * 
			 * @param string
			 *            s a string to translate
			 * 
			 * @param string
			 *            sTrPage a translation page where to find the string
			 */
			translateTrString : function(s, sPage) {

				// $L('starting translateTrString ' + s + ' 888 this is: ' +
				// this);

				if (!s || !sPage) {
					throw new LampcmsException(
							'oSL.translateTrString() requires 2 arguments!');
				}

				if (!this.oLampcmsTr || !this.oLampcmsTr[sPage]) {
					this.formatTrKey(s);
				}

				return (this.oLampcmsTr[sPage][s]) ? this.oLampcmsTr[sPage][s]
						: this.formatTrKey(s);

			}, //
			/**
			 * In case translation string was not translated (not found in
			 * translation lookup table) then we usually return the untranslated
			 * key, but first we need to format the key nicely, at least convert
			 * it to upper case and replace underscores with spaces
			 * 
			 * @param {Object}
			 *            s
			 */
			formatTrKey : function(s) {
				var first, rest;
				if (!s) {
					throw new LampcmsException(
							'oSL.formatTrKey() requires one non-empty string parameter');
				}

				first = s.substr(0, 1);
				rest = s.substr(1, s.length - 1);
				s = first.toUpperCase() + rest.toLowerCase();

				return s = s.replace('_', ' ');
			},
			/**
			 * Render Google friendConnect button Called on page load but also
			 * after the login form is rendered after it is received via ajax In
			 * that case we will have just the login-fcbutton in the html and
			 * need to render the actual button again
			 */
			renderGfcButton : function() {
				if (google && google.friendconnect) {
					if ($('login-fcbutton')) {
						google.friendconnect.renderSignInButton( {
							"id" : "login-fcbutton",
							"text" : "Sign in with Google Friend Connect",
							"style" : "long"
						});
					} else {
						$L(
								' 1302 include.js oSL::renderGfcButton No element with login-fcbutton on page ',
								'error');
					}
				} else {
					alert('dont have google of fc');
				}
			},
			/**
			 * 
			 */
			loginWithGfcToken : function(sectoken) {
				$L('include.js loginWithGfcToken gfc sec token is: ' + sectoken
						+ " this is " + this, 'warn'); // this is object Window
				if (!oSL.gfc_times_loaded || 0 === oSL.gfc_times_loaded) {
					alert('setting times_loaded to 1 ');
					oSL.gfc_times_loaded = 1;
				} else {
					oSL.gfc_times_loaded += 1;
					alert('login process ' + oSL.gfc_times_loaded);
				}
				if (oSL.gfc_times_loaded) {
					alert('login redirect starting');
					// window.location.reload(true);
					window.top.location.href = "/";
				}

			}
		}, //
		doExit = function() {
			alert("somethig wrong");
			return;
		};

oSL.alerter = (function() {
	var oPanel;

	return {

		getInstance : function() {
			if (!oPanel) {
				oPanel = new $W.SimpleDialog("dlg1", {
					width : "400px",
					fixedcenter : true,
					modal : true,
					visible : false,
					close : true,
					zindex : 90,
					constraintoviewport : true,
					buttons : [ {
						text : "close",
						handler : function() {
							this.hide();
						},
						isDefault : true
					} ],
					draggable : false,
					effect : [ {
						effect : $W.ContainerEffect.FADE,
						duration : 0.2
					} ]

				});

				oPanel.setHeader("Alert");
				oPanel.render(document.body);
			}

			return oPanel;
		},
		/**
		 * Useful if we need to call destructor
		 */
		destroy : function() {
			if (oPanel) {
				oPanel.destroy();
			}
		},
		/**
		 * If panel exists call the hide() method
		 */
		hide : function() {
			if (oPanel) {
				oPanel.hide();
			}
		},
		toString : function() {
			return 'object created with oTQ.showAlert()';
		}
	}

})();

/**
 * Modal is the object to show 'loading modal' when ajax call starts and to hide
 * it when it ends
 */
oSL.modal = (function() {
	var oModal;

	return {
		show : function(sText) {
			$L('modal show');
			if (!oModal) {
				$L('1189 cp');
				oModal = new $W.Panel("mywait", {
					width : "240px",
					fixedcenter : true,
					close : false,
					draggable : false,
					zindex : 4,
					modal : true,
					visible : false
				});
				$L('1199 cp');

				oModal.setHeader('');
				oModal.setBody("<img src=\"/images/loading-bar.gif\"/>");
				oModal.render(document.body);
			}

			sText = (sText) ? sText : 'Loading, please wait...';
			oModal.setHeader(sText);
			oModal.show();
		},
		hide : function() {
			if (oModal) {
				oModal.hide();
			}
		}
	}
})();
/**
 * Dialog used for Tweeting from our site Should display modal window with a
 * short form to send tweet.
 */
oSL.tweet = (function() {

	var oDialog;
	var siteTitle = oSL.getMeta('site_title');
	var siteUrl = oSL.getMeta('site_url');
	var token = oSL.getToken();

	// var siteDescription_ = ($('twsignin')) ? $('twsignin').title : '';
	/*
	 * var sForm_ = '<div class="hd">Please enter your information</div>' + '<div
	 * class="bd">' + '<form method="POST" action="/index.php">' + '<input
	 * type="hidden" name="a" value="tweet">' + '<h3>Tweet this:</h3>' + '<div
	 * class="clear"></div>' + '<textarea cols="44" rows="5" name="tweet">' +
	 * siteDescription + ' ' + siteTitle + ' ' + siteUrl + '</textarea>' + '<div
	 * class="clear"></div>' + '</form>';
	 */

	return {

		getInstance : function() {
			var eRootDiv, oFrm, siteDescription, sForm;
			if (!oDialog) {
				if (!$('dialog1')) {

					sForm = '<div class="hd">Please enter your information</div>'
							+ '<div class="bd"><hr/>'
							+ '<form method="POST" action="/index.php">'
							+ '<input type="hidden" name="a" value="tweet">'
							+ '<input type="hidden" name="token" value="'
							+ token
							+ '">'
							+ '<h3 class="tweetdlg">Tweet this:</h3>'
							+ '<div class="clear"></div>'
							+ '<textarea cols="44" rows="5" name="tweet">'
							+ $('twinvite').title
							+ ' '
							+ siteTitle
							+ ' '
							+ siteUrl
							+ '</textarea>'
							+ '<div class="clear"></div>' + '</form>';

					eRootDiv = document.createElement('div');
					eRootDiv.id = 'dialog1';
					document.body.appendChild(eRootDiv);
					eRootDiv.innerHTML = sForm;
				}
				oDialog = new $W.Dialog("dialog1", {
					width : "30em",
					fixedcenter : true,
					visible : false,
					constraintoviewport : true,
					/*
					 * x : 200, y : 200,
					 */
					buttons : [ {
						text : "Submit",
						handler : function() {
							this.submit();
						},
						isDefault : true
					}, {
						text : "Cancel",
						handler : function() {
							this.cancel();
						}
					} ]
				});
				oDialog.beforeSubmitEvent.subscribe(function() {
					$L('before submit tweet');
					oSL.modal.show();
				});
				oDialog.callback = {
					success : function(o) {
						alert('Tweet sent');
						oSL.modal.hide();
					},
					failure : function(o) {
						alert('Tweet not sent');
						oSL.modal.hide();
					}
				};
				oDialog.setHeader("Invite Your Friends");
				oDialog.render(document.body);
			}

			return oDialog;
		},
		/**
		 * Useful if we need to call destructor
		 */
		destroy : function() {
			if (oDialog) {
				oDialog.destroy();
			}
		},
		/**
		 * If panel exists call the hide() method
		 */
		hide : function() {
			if (oDialog) {
				oDialog.hide();
			}
		},

		setTextArea : function(s) {

		},
		toString : function() {
			return 'object oDialog created with oSL.dialog()';
		}
	}

})();

/**
 * Object for Signin with Twitter
 */

oSL.Twitter = {
	/**
	 * Popup window object
	 */
	popupWindow : null,
	/**
	 * Array of Async requests This is just a stack, there should only be one
	 * async request and no more, so we add async request object to this stack,
	 * then open success we clear it and before each new request we must check
	 * if another request is still running
	 */
	aRequests : [],

	/**
	 * Interval object There should be only one of this if we already have an
	 * interval then we should not start another login process OR clear previous
	 * interval first
	 */
	oInterval : null,

	/**
	 * Start the oAuth login process by opening the popup window
	 */
	startDance : function() {
		$L('1084 starting oAuth dance this is: ' + this, 'window');
		var popupParams = 'location=0,status=0,width=800,height=450,alwaysRaised=yes,modal=yes', mydomain = window.location.hostname;

		// alert('1528 ' + mydomain);

		/**
		 * Prevent user from opening more than one Twitter oAuth popup windows.
		 * This is helpful when the already opened window has gone out of focus
		 * (turned into popunder) accedentally
		 * 
		 */
		if (this.popupWindow && !this.popupWindow.closed) {
			this.popupWindow.location.href = 'http://' + mydomain + '/index.php?a=logintwitter';
			this.popupWindow.focus();
			return;
		}

		this.popupWindow = window.open(
				'http://' + mydomain + '/index.php?a=logintwitter',
				'twitterWindow', popupParams);

		if (!this.popupWindow) {
			alert('Unable to open login window. Please make sure to disable popup blockers in your browser');
			return;
		}

		/**
		 * This is very important to cancel any already running intervaled jobs,
		 * otherwise the next one will override prev one but the job will still
		 * be running in the background, so it will never be cancelled,
		 * resulting in continuesly issuing asyncRequests to the server like
		 * crazy
		 * 
		 * This can happend when someone opens multiple browser windows by
		 * clickin on 'signin with twitter' several times
		 */
		if (oSL.Twitter.oInterval) {
			alert('1109 something is still running');
			window.clearInterval(oSL.Twitter.oInterval);
			oSL.Twitter.oInterval = null;
		}

		this.oInterval = window.setInterval(this.checkLogin, 500);
		$L('1085 this.oInterval ' + this.oInterval, 'warn');
	},

	/**
	 * This method is check via oInterval, every half a second to check if popup
	 * window has been closed on not. If popup has been closed then we assume
	 * that the first step in oAuth dance is done and can check with the server
	 * to see if session now has user object
	 */
	checkLogin : function() {
		$L('11125 checking login', 'window');

		var transaction, cObj;

		if (!oSL.Twitter.popupWindow || oSL.Twitter.popupWindow.closed) {

			oSL.Twitter.cancelIntervals();
			oSL.Twitter.cancelAsyncCalls();

			/**
			 * Now it just reload the page Simple, just like most other sites
			 * doing it.
			 * 
			 */
			window.location.reload(true);

			// var sToken = oSL.getToken();
	// $L('1150 cp sToken: ' + sToken);
	// cObj = $CONN.asyncRequest("POST", "/index.php", oSL.oCallback,
	// "a=login");
	// oSL.Twitter.aRequests.push(cObj);
	// $L('1153 ' + $CONN.isCallInProgress(cObj));
}
},
/**
 * In case there are any jobs still running at intervals we must cancell the job
 * and null the interval
 * 
 * This will also be called from the processLogin() method as well as from the
 * checkLogin() when we detect that popup has been closed
 */
cancelIntervals : function() {

$L('1150 cancellng pending intervals this: ' + this, 'window');
if (oSL.Twitter.oInterval) {
	$L(' 1131 killing interval');
	window.clearInterval(oSL.Twitter.oInterval);
	oSL.Twitter.oInterval = null;
}
},
/**
 * If any other XHR transactions are still running we abort them before starting
 * this one This will also be called from the processLogin() method because its
 * very possible that when popup passes the data to opener and then closes, the
 * opener will also detect that popup has closed and will fire the async request
 * to check login
 */
cancelAsyncCalls : function() {

$L('1147 cancelling all XHR calls this: ' + this, 'error');

if (oSL.Twitter.aRequests.length > 0) {
	for ( var i = 0; i < oSL.Twitter.aRequests.length; i += 1) {
		transaction = oSL.Twitter.aRequests[i];
		if ($CONN.isCallInProgress(transaction)) {
			$CONN.abort(transaction);
		}
	}
}
},
toString : function() {
return 'object oSL.Twitter';
}
};
/**
 * Javascript for creating modal window with registration form, handling
 * registration form submittio via ajax, handling various responses, errors
 */
oSL.Regform = (function() {

	var errDiv;

	/**
	 * Object of type Dialog which is a form inside of modal window
	 */
	var oDialog;

	/**
	 * Associative array of dialog objects
	 */
	var aDialogs = {};

	/**
	 * SimpleDialog prompt that will handle the "Cancel" button
	 */
	var oPrompt;

	/**
	 * Handle click on submit button "this" is object of oDialog Must disable
	 * the submit button, start validation and actually submit the form and add
	 * 'loading' icon or start email validation progress bar.
	 */
	var handleSubmit = function() {
		$L('12 this is: ' + this);
		// oSL.Regform.setButtonsDone();
		this.submit();
	};

	/**
	 * User clicked on Cancel button We must show prompt "Are you sure?" Yes/No
	 * if Yes, then must set cookie 'skipReg' so that next time during the same
	 * sessin we don't show this prompt again
	 */
	var handleCancel = function() {
		$L('41 clicked on Cancel this is: ' + this);
		oSL.Regform.getPrompt().show();
		;
	};
	/**
	 * Handles when user clicked on "Continue registration" button in the "Are
	 * you sure?" Prompt
	 */
	var handleContinue = function() {
		this.hide();
	};
	/**
	 * Handle click on Exit registration button in the oPrompt prompt This will
	 * close the prompt and will close the registration Dialog
	 */
	var handleExit = function() {
		$L('handling exit');
		this.hide();
		oSL.Regform.getInstance().hide();
		$COOKIE.set("dnd", "1", {
			path : "/"
		});
	};
	/**
	 * Success only means that json data was received but it may still contain
	 * error messages, This function will set error messages if there are any,
	 * or in case of success it will replace the body of this panel with the
	 * success text and maybe 2 buttons "Close" and "Go to profile page" Also
	 * it's possible that if we want to show the newsletter selection page we
	 * will then probably have to destroy this panel and create a brand new one
	 * for the newsletter selections
	 */
	var handleSuccess = function(o) {
		// $L('39 success ' + this, 'warn');
		var oMyDialog = oSL.Regform.getInstance();
		oSL.modal.hide();
		oSL.Regform.enableButtons();
		// oSL.Regform.getInstance().setBody('');
		// oSL.Regform.getInstance().setFooter('<p>stuff and stuff</p>');
		var aButtons = oSL.Regform.getInstance().getButtons();
		for ( var i = 0; i < aButtons.length; i += 1) {
			$L('button ' + i + ' is ' + aButtons[i]);
		}

		var response = o.responseText;
		try {
			json = $J.parse(o.responseText);
			// alert($LANG.dump(json));
			switch (true) {
			case (json.hasOwnProperty('exception')):
				setError(json);
				break;

			case (json.hasOwnProperty('action') && (json.action == 'done')):
				oMyDialog.setHeader('Welcome!');
				oMyDialog.setFooter('');
				oMyDialog.setBody(json.body);
				break;
			}

		} catch (e) {
			alert("Invalid json data in responceText " + $LANG.dump(e)
					+ "\noRespnose: " + $LANG.dump(o.responseText));
		}

	};

	var handleFailure = function(o) {
		oSL.modal.hide();
		oSL.Regform.enableButtons();
		oSL.Regform.getInstance().setBody('<p>boo hoo, something is wrong</p>');
		// setError('failed');
		$L('47 fail ', 'warn');
	};

	var setError = function(oError) {
		var errDiv = $('formerr');
		var aInputs, message = oError.exception, //
		oRegform = oSL.Regform.getInstance(); //
		var myForm = oRegform.form;

		errDiv.innerHTML = message;
		oSL.fColorChange(errDiv, '#FFFFFF', '#FF0000');

		if (oError.type && ('LampcmsCaptchaLimitException' === oError.type)) {
			$LANG.later(2000, oRegform, 'destroy');
		}

		if (oError.hasOwnProperty('fields')) {
			aInputs = oError.fields;
			for ( var i = 0; i < aInputs.length; i += 1) {
				if (myForm.hasOwnProperty(aInputs[i])) {
					myForm[aInputs[i]].style.backgroundColor = "#CCFFCC";
				}
			}
		}

		if (oError.hasOwnProperty('captcha')) {
			if (oError.captcha.public_key && oError.captcha.hncaptcha
					&& oError.captcha.img) {
				myForm.public_key.value = oError.captcha.public_key;
				myForm.private_key.value = '';
				myForm.hncaptcha.value = oError.captcha.hncaptcha;
				$('imgcaptcha').innerHTML = oError.captcha.img;
			}
		} else {
			/**
			 * If error is not a captcha error this means that captcha has been
			 * verified since we do captcha verification first In this case we
			 * should set the form field to disabled oError.type means exception
			 * came from server side validation and not just from validate() js
			 * based pre-validation
			 */
			if (myForm.private_key && oError.type) {
				myForm.private_key.disabled = true;
			}
		}
	};
	/**
	 * Buttons to be used on the "Registration complete" panel These buttons
	 * will replace the other buttons that were created initially on the Dialog
	 */
	var aButtonsDone = [ {
		text : "<-- Return to page",
		handler : function() {
			alert('this is ' + this);
		},
		isDefault : true
	}, {
		text : "Go to Profile editor -->",
		handler : function() {
			alert('go to profile');
		}
	} ];

	/**
	 * Start the progress bar or progress icon
	 */
	var startProgress = function(o) {
		oSL.Regform.disableButtons();
		oSL.modal.show('Please wait...');
	};

	return {
		getInstance : function() {
			$L('cp 13', 'warn');
			if (!oDialog) {
				$L('cp 15', 'warn');
				$D.removeClass("regdiv", "yui-pe-content");
				$L('cp 17', 'warn');
				oDialog = new $W.Dialog("regdiv", {
					width : "50em",
					fixedcenter : true,
					visible : false,
					constraintoviewport : true,
					hideaftersubmit : false,
					draggable : true,
					close : false,
					modal : true,
					buttons : [ {
						text : "Create Your Account",
						handler : handleSubmit,
						isDefault : true
					}, {
						text : "Cancel",
						handler : handleCancel
					} ]
				});

				oDialog.callback = {
					success : handleSuccess,
					failure : handleFailure
				};

				oDialog.validate = function() {
					var message, //
					aInputs = [], //
					myForm = this.form, //
					nd = new Date(), //
					data = this.getData();
					$L('data: ' + $LANG.dump(data));
					var tzo = (0 - (nd.getTimezoneOffset() * 60)); // now its
					// number of
					// seconds
					if ((myForm.tzo) && (tzo)) {
						myForm.tzo.value = tzo;
					}

					var checkEmail = function(str) {
						var at = "@", dot = ".", lat = str.indexOf(at), lstr = str.length, ldot = str
								.indexOf(dot);

						if (str.indexOf(at) == -1 || str.indexOf(at) == 0
								|| str.indexOf(at) == lstr) {

							return false;
						}

						if (str.indexOf(dot) == -1 || str.indexOf(dot) == 0
								|| str.indexOf(dot) == lstr) {

							return false;
						}

						if (str.substring(lat - 1, lat) == dot
								|| str.substring(lat + 1, lat + 2) == dot) {

							return false;
						}

						if ((str.indexOf(at) == -1)
								|| (str.indexOf(at, (lat + 1)) != -1)
								|| (str.indexOf(dot, (lat + 2)) == -1)
								|| (str.indexOf(" ") != -1)) {

							return false;
						}

						return true;
					};

					switch (true) {
					case (data.email == ""):
						message = "Please enter email address";
						aInputs.push('email');
						break;

					case (data.username == ""):
						message = "Please enter Username";
						aInputs.push('username');
						break;

					case (data.hasOwnProperty('private_key') && ("" == data.private_key)):
						message = "Please enter the text from image";
						aInputs.push('private_key');
						break;

					case (!checkEmail(data.email)):
						message = "Email address appears to be invalid<br>Please enter a valid Email";
						aInputs.push('email');
						break;

					default:

						return true;
					}

					// alert('this is: ' + this); // Dialog
					setError( {
						exception : message,
						fields : aInputs
					});
					return false;

				};
				oDialog.asyncSubmitEvent.subscribe(function(type, args) {
					var connectionObject = args[0];
					startProgress();

				});

				oDialog.render();

			}

			return oDialog;
		},

		toString : function() {
			return 'object oSL.Regform';
		},
		getPrompt : function() {
			if (!oPrompt) {
				$L('making prompt');
				oPrompt = new $W.SimpleDialog("simpledialog1", {
					width : "300px",
					fixedcenter : true,
					zindex : 99,
					visible : false,
					draggable : false,
					close : true,
					modal : true,
					text : "Do you want to continue?",
					icon : $W.SimpleDialog.ICON_ALARM,
					/* icon : $W.SimpleDialog.ICON_HELP, */
					constraintoviewport : true,
					buttons : [ {
						text : "Continue registration",
						handler : handleContinue,
						isDefault : true
					}, {
						text : "Exit registration",
						handler : handleExit
					} ],
					effect : [ {
						effect : $W.ContainerEffect.FADE,
						duration : 0.2
					} ]
				});

				oPrompt.setHeader("Are you sure?");
				oPrompt.render(document.body);
			}

			$L('176 oPrompt: ' + oPrompt, 'warn');

			return oPrompt;
		},
		disableButtons : function() {
			var aBtns;
			$L('105 this is: ' + this, 'warn');
			if (oDialog) {
				aBtns = oDialog.getButtons();
				for ( var i = 0; i < aBtns.length; i += 1) {
					aBtns[i].set('disabled', true);
				}

			}
		},
		enableButtons : function() {
			var aBtns;
			$L('105 this is: ' + this, 'warn');
			if (oDialog) {
				aBtns = oDialog.getButtons();
				for ( var i = 0; i < aBtns.length; i += 1) {
					aBtns[i].set('disabled', false);
				}

			}
		},
		setButtonsDone : function() {
			oDialog.cfg.queueProperty("buttons", aButtonsDone);
		},
		destroy : function() {
			if (oDialog) {
				oDialog.destroy();
			}
		},
		hasDialog : function() {
			if (oDialog && oDialog.body) {
				return true;
			}

			return false;
		}

	};
})();

oSL.hideRegForm = function() {
	if (oSL.Regform) {
		oSL.Regform.getInstance().hide();
		window.location.reload();
	}

	return false;
};

oSL.getQuickRegForm = function() {
	if (oSL.Regform.hasDialog()) {
		oSL.Regform.getInstance().show();
	} else {
		/**
		 * &ajaxid=1&tplflag=1
		 */
		oSL.modal.show();
		$CONN.asyncRequest("GET", "/index.php?a=getregform", oSL.oCallback);
	}

}

$E.onDOMReady(function() {

	$L('1016 Window object: ' + window, 'warn');

	var eLink, myspan, dnd, tabView, gfcCounter = 0;

	oSL.fMakeLangSelect('langForm');
	$E.addListener('loginHead', "click", oSL.fLogin, oSL, true);
	// oSL.fMakeMeNav('menav'); // making this onAvailable results in
		// rendering menu twice when loaded by ajax
		/*
		 * try { oSL.go_decoding(); } catch (e) { alert("Caught error: " +
		 * e.message, "error"); return false; }
		 */

		if ($W.LogMsg && $W.LogReader) {
			$E.onContentReady('loaded', function() {
				var myLogReader = new $W.LogReader();
			});
		}

		if ($('sims')) {
			tabView = new $W.TabView('sims');
			$L('tabVies is: ' + tabView);
		}

		window.alert = function(text) {
			var oAlert = oSL.alerter.getInstance();
			oAlert.cfg.setProperty("text", text);
			oAlert.show();
		};

		// linkout
		eLink = $C('linkout', 'div');
		if (eLink && eLink[0]) {
			myspan = eLink[0].getElementsByTagName('span');
			if (myspan && myspan[0]) {
				$E.addListener(myspan[0], "click", function() {
					var sUrl, myid = parseInt(this.id.substr(4));
					var atype = this.getAttribute('class');
					if (oSL) {
						sUrl = oSL.getMeta('site_url');
						window.open(sUrl + '/index.php?a=linkout&id=' + myid
								+ '&atype=' + atype);
					} else {
						return;
					}

				});
			}
		}

		if ($('regdiv')) {
			var dnd = false;
			$L(' 2299 have regdiv', 'window');
			dnd = $COOKIE.get("dnd");
			$L('dnd is: ' + dnd, 'window');
			//if (!dnd) {
				oSL.Regform.getInstance().show();
			//}
		}

	});