$(function()
{

	$devLiveToggle = "dev";
	$webClientRoot = "web_client/";
	$serverBackend = "system/";
	$serverBackendLogin = "accountLogin.php";
	$serverBackendAccounts = "manageAccounts.php";
	$formLaunched = false;
	$jsonData = "";
	$screenMode = "login";
	$dropShadowAlpha = 0.3;
	$dropShadowBlur = 2;
	
	// PROCESSED DATA VARIABLES
		$invitesFromMeCount		= 0;
		$invitesToMeCount		= 0;
		$updatesArray = new Array();
		$updatesCount = 0;
		
		$myListOutput				= "";
		$friendsFamilyListOutput	= "";
		$reservedItemsListOutput	= "";
		
	
	
	$(".hiddenText").hide();
	
	
	
	
	$("#appStoreLaunch").click(function(){
	window.open("itms://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=324916658&mt=8&s=143441", "Gifters iPhone App");
	});
	
	
	
	
	
	$('#webAppLaunch').click(function()
	{
		//window.location = "http://webapp.giftersapp.com";
		window.location = "/webapp";
	});
/*	
		if($formLaunched == false)
		{
			$formLaunched = true;
		
			
			$.ajax({
					url: $webClientRoot + $devLiveToggle + "/giftersWebFrame.php",
					cache: false,
					type:"POST",
					data:{functionName:"loginForm"},
					complete:function()
					{
						$('#changeableArea').delay(500).fadeOut(200, function(){ $('#LoginFormDiv').fadeIn(200); });
					},
					success: function(html)
					{
							if($('#LoginFormDiv').length == 0)
							{
								$('#changeableArea').before(html);
								$('#LoginFormDiv').hide();
							
								$(".formButtons").liquidCanvas("[shadow{width:2; color:rgba(0,0,0,0.2); shift:2} gradient{from:#EEE; mid:#C5C5C5; to:#BBB}] => roundedRect{radius:6}");
						
								var usernameLabel = $('#giftersUnameLabel').remove().text();
								if($('#giftersUname').val() == "")
								{
								  $('#giftersUname').addClass('placeholder_text').val(usernameLabel).focus(function() {
								    if (this.value == usernameLabel) {
								      $(this).removeClass('placeholder_text').val('');
								    };
								  }).blur(function() {
								    if (this.value == '') {
								      $(this).addClass('placeholder_text').val(usernameLabel);
								    };
								  });
								};
						  
								var passwordLabel = $('#giftersPwdLabel').remove().text();
								  $('#giftersPwdDummy').addClass('placeholder_text').val(passwordLabel).focus(function() {
								    $(this).hide();
								    $('#giftersPwd').show().focus();
								  });
						  
						  
								  $('#giftersPwd').blur(function() {
								    if (this.value == '') {
								      $(this).hide();
								      $('#giftersPwdDummy').show();
								    };
								  });
								
								$('#giftersUname').focus();
							
							 };
						
						
		
						// CANCEL THE WEB LOGIN FORM
							$('#giftersCancel').click(function(){
															$screenMode = "login";
															$('#LoginFormDiv').fadeOut(200, function(){ 
																										$('#changeableArea').fadeIn(200);
																										$('#loginHeader').empty().append("Login to your account:");
																										$('#regEmail').remove();
																										$('#registerContainer').show();
																										$('#giftersSubmit').val('Login');
																										});
															$formLaunched = false;
																});
							//$('#giftersCancel').click(logout);
						
						
							$('#LoginFormDiv form').submit(loginFormSubmit);
		
						// CREATE AN ACCOUNT
							$('#giftersRegister').click(function()
																{
																	$screenMode = "register";
																	$('#loginHeader').empty().append("Create an account:");
							
							
																	$('#giftersPwd').after("<div id='regEmail' style='position:absolute; z-index:500'><label id='EmailLabel' class='formLabel' for='giftersEmail' name='EmailLabel'>Email Address</label><input class='formField emailRegField' id='giftersEmail' name='email' type='text'/></div>");
																
																		var emailLabel = $('#EmailLabel').remove().text();
																		  $('#giftersEmail').addClass('placeholder_text').val(emailLabel).focus(function() {
																		    if (this.value == emailLabel) {
																		      $(this).removeClass('placeholder_text').val('');
																		    };
																		  }).blur(function() {
																		    if (this.value == '') {
																		      $(this).addClass('placeholder_text').val(emailLabel);
																		    };
																		  });
																	$('#giftersSubmit').val('Create');						
																	$('#registerContainer').hide();
																	$('#regEmail').hide().delay(500).fadeIn(200);	
						
																});
						
					}
			});
			
			
		};
	});
	*/
	
	
	
	
	function loginFormSubmit()
	{
	
		if($screenMode == "login")
		{
			$sendData = "functionName=login&webClientLogin=true&username=" + $('#giftersUname').val() +"&password="+ sha1($('#giftersPwd').val());
			
			$.ajax({
					url: $serverBackend + $devLiveToggle + "/"+$serverBackendLogin,
					cache: false,
					type:"POST",
					data:$sendData,
					dataType:"xml",
					beforeSend:function()
					{
						$jsonData = "";
						$('#loginForm').hide();
						$returnString = "<div id='loginProcess'></div>";
						$('#LoginFormDiv').append($returnString);
						$returnString = "<div class='dLogHeaderTxt greenText'>Logging you in</div><div class='dLogSubHdrTxt greyText'>Please wait</div>";
						$('#loginProcess').empty().append($returnString).show();
					},
					success: function(xml, textStatus)
					{
						$jsonData = $.xml2json(xml);
					//	console.dir($jsonData);
					},
					complete:function(xml)
					{
						if($jsonData.loginResult.successful == "YES" && $jsonData.loginResult.accountState == "enabled")
						{
							$('#loginForm').hide();
							$('#LoginFormDiv').remove();
							$(" #changeableArea, #LoginFormDiv").fadeOut(200);
							$(".topContent, #iphonePic").delay(50).fadeOut(200);
							$(".contentFrame, .mainFrameHeader").delay(150).fadeOut(200, "linear", setupAppFrame());
						}else if($jsonData.loginResult.successful == "YES" && $jsonData.loginResult.accountState == "disabled"){	
							$('#mainFrame').after("<div id='dialog' title='Account Alert'><p>Your account has been disabled for the following reason:</p><p>"+$jsonData.loginResult.accountMessage+"</p></div>");
							$('#dialog').dialog({
										bgiframe: true,
										modal: true,
										buttons: {
											Ok: function() {
												$(this).dialog('close').remove();
												$("#loginForm").show(); $("#loginProcess").hide();
											}
										}
									});
						}else if($jsonData.loginResult.successful == "NO"){
							$('#mainFrame').after("<div id='dialog' title='Login Error'><p>Could not log you in using the username and password used.</p><p>Please try again.</p></div>");
							$('#dialog').dialog({
										bgiframe: true,
										modal: true,
										buttons: {
											Ok: function() {
												$(this).dialog('close').remove();
												$("#loginForm").show(); $("#loginProcess").hide();
											}
										}
									});
						};
					}
					
					});
		}
		else if($screenMode == "register"){
			
			$sendData = "functionName=registerAccountMin&username=" + $('#giftersUname').val() +"&password="+ sha1($('#giftersPwd').val())+"&email="+$('#giftersEmail').val();
			
			$.ajax({
					url: $serverBackend + $devLiveToggle + "/"+$serverBackendAccounts,
					cache: false,
					type:"POST",
					data:$sendData,
					success: function(data, textStatus)
					{
						if(data[data.length-1] == "0" && data[0] == "1")
						{
							$('#mainFrame').after("<div id='dialog' title='Username Error'><p>The username you've chosen: \""+$('#giftersUname').val()+"\" is already taken.</p><p>Please choose another Username.</p></div>");
							$('#dialog').dialog({
										bgiframe: true,
										modal: true,
										buttons: {
											Ok: function() {
												$(this).dialog('close').remove();
											}
										}
									});
						}
						else if( data[data.length-1] == "1" && data[0] == "0" )
						{
							$screenMode = "login";
							loginFormSubmit();
						};
						
						
					}
					
					});
		};
	};
	
	
	
	
	
	
	
	function removeInstructionTab($parentContainer){
		$($parentContainer).find('div.instructionTabContainer').replaceWith("<a class='instructionTabReplace'></a>");
	}
	
	
	
	function setupAppFrame($loginData)
	{
	
		$.ajax({
			url: $webClientRoot + $devLiveToggle + "/giftersWebFrame.php",
			cache:false,
			data:{functionName:"getDefaultScreen"},
			beforeSend:function()
			{
				//$('#LoginFormDiv').dialog('option', 'title', "Welcome back, [INSERT USERNAME HERE]");
				//$('#LoginFormDiv').css({background:"url(images/app_bg.jpg)"});
			},
			complete:function()
			{
			
				$('#mainAppContent').delay(500).fadeIn(200);
			},
			success:function(html)
			{
				$('#mainFrame').append(html);
				$('#mainAppContent').hide();
				
				if( $jsonData.loginResult.firstName == "" || $jsonData.loginResult.lastName == "" )
				{
					$('#currentUserTitle').append("Welcome "+$jsonData.loginResult.username);
					$('#accountMessage p').append($accountDetailsAlertHeader);
				}else{
					$('#currentUserTitle').append("Welcome back "+$jsonData.loginResult.firstName);
					$('#accountMessage').remove();
					$("#listsFrame").css('height', '512px');
					$("#listUpdatesFrame").css('height', '340px');
				};
				
				
					$("#accountMessage").liquidCanvas("[shadow{width:"+$dropShadowBlur+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:2} gradient{from:rgba(89,75,46,0.75); mid:'#292315'; to:rgba(3,2,1,0.75)}] => roundedRect{radius:8}");
					$("#invitesToMeFrame").liquidCanvas("[shadow{width:"+$dropShadowBlur+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:2} gradient{from:'#77be6d'; mid:'#149004'; to:'#0c6000'} border{ color:'#0e7900'; width:1}] => roundedRect{radius:8}");
					$("#invitesFromMeFrame").liquidCanvas("[shadow{width:"+$dropShadowBlur+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:2} gradient{from:'#e8aa6e'; mid:'#ce6500'; to:'#984b00'} border{ color:'#905b00'; width:1}] => roundedRect{radius:8}");
					$("#listUpdatesContentFrame").liquidCanvas("[shadow{width:"+$dropShadowBlur+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:2} gradient{from:#EEE; mid:#CCC; to:#AAA}] => roundedRect{radius:8}");
					$("#listsContentFrame").liquidCanvas("[shadow{width:"+$dropShadowBlur+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:2} gradient{from:#EEE; mid:#CCC; to:#AAA}] => roundedRect{radius:8}");
					$("#addItemToListButton").corners("6px");//liquidCanvas("[shadow{width:"+($dropShadowBlur)+"; color:rgba(0,0,0,"+$dropShadowAlpha+"); shift:1} gradient{from:'#77be6d'; mid:'#149004'; to:'#0c6000'}] => roundedRect{radius:6}");
					$(".vScrollerArrowContainer").corners("4px");
								
				processData();
				if($updatesCount > 0) $updatesArray.sort();
				populatePanel("invitesToMe");
				populatePanel("invitesFromMe");
				populatePanel("listUpdates");
				populatePanel("myList");
				populatePanel("friendsFamily");
				populatePanel("myReservedItems");
				
				$('.myListItemContainer').hover(function() {
					if($(this).hasClass('needInstructions'))
					{
						$(this).find('a.instructionTabReplace').replaceWith($instructionsTab);
						$('a.instructionTab').mouseover(function() {
							$(this).parent().replaceWith("<a class='instructionTabReplace'></a>");
						});
					}
					$(this).find("a.itemFunctionButtons").show();
					$(this).removeClass('ui-state-focus',0).removeClass('ui-state-hover',0);
				}, function() {
					if($(this).hasClass('needInstructions')) $(this).find('div.instructionTabContainer').replaceWith("<a class='instructionTabReplace'></a>");
					$(this).find("a.itemFunctionButtons").hide();
					$(this).removeClass('ui-state-focus',0);
				});
				
				
				
			
				
				
			//	$('#listsTabs > ul').corners("4px top").tabs('.tabContentFrame');
				$('#listsTabs').tabs();
					$('#listsTabs .ui-corner-all').css({'-moz-border-radius-bottomleft':'0px', '-moz-border-radius-bottomright':'0px'});
					$('#listsTabs').css({'background': 'transparent none', border:'none', 'padding':"0.1em", 'padding-top':'0'});
					$('#listsTabs .ui-tabs-nav').css({'padding': '0.4em 0.4em 0'});
					$('.ui-tabs-selected').css({'background':'#eaeaea none'});
					$('#listsTabs .ui-tabs').css({padding: '0px'});
				$('.logoutButton').click(logout);
				
				
			}
		
		});
	
	};











});