window.addEvent('domready', function() {
	if(!$("settings")) {								 
		var toggleLoginLi = new Element('li', {
				id: 'v_toggle',
				'text': 'Login'
		});
		
		toggleLoginLi.inject($('info'), 'after');
										 
		var status = {
			'true': 'open',
			'false': 'close'
		};
		
		var myVerticalSlide = new Fx.Slide('login');
		
		myVerticalSlide.hide();    
		
		toggleLoginLi.addEvent('click', function(e){
			e.stop();
			myVerticalSlide.toggle();
		});

		
		$("LoginForm").addEvent("submit", function(e) {
			e.stop();
			
			this.set("send", {
				onComplete: function(response) {
					var jsonResp = JSON.decode(response);
					
					if(jsonResp.error)
					{
						//alert("error occured  " + jsonResp.error);
						var errorP = new Element("p", {
							"id": "error",
							"html": jsonResp.error[0].Message
						});
						
						errorP.inject($("LoginForm"));
					} else {
						if(jsonResp.user){
							//$("ctl00_NameSpan").set("text", jsonResp.user.firstname + " " + jsonResp.user.lastname);
							var nameLi = new Element("li", {
								"id": "name",
								"text": "You are logged in as: "
							});
							var nameSpan = new Element("span", {
								"id": "ctl00_NameSpan",
								"text":  jsonResp.user.firstname + " " + jsonResp.user.lastname
							});
							nameSpan.inject(nameLi);
							
							var settingsLI = new Element("li", {
								"id": "settings"
							});
							var settingsLink = new Element("a", {
								"href": "app.aspx?st=1&e=settings",
								"html": "Settings",
								"rel": "boxed"
							});
							settingsLink.inject(settingsLI);
							
							var logoffLI = new Element("li", {
								"id": "logoff"
							});
							var logoffLink = new Element("a", {
								"href": "app.aspx?st=1&e=logoff",
								"html": "Log Off"
							});
							logoffLink.inject(logoffLI);
							
							nameLi.inject($("user-info"));
							settingsLI.inject($("user-info"));
							logoffLI.inject($("user-info"));
							
							$("v_toggle").destroy();
							myVerticalSlide.hide();
							$("login").destroy();
							$("info").destroy();
							$("register").destroy();
						}
					}	
				}
			});
			
			this.send();
		});	
	}
});