function login(){
	var login;	
	login  = '<form name="login" action="' + root + '/login_new.php" method="post">';	
	login += '<input type="hidden" name="ref" value="' + ref + '">';
	login += '<div><div class="div_login_top_left"></div><div class="div_login_middle"></div><div class="div_login_top_right"></div></div>';
	login += '<div>';
	login += '<div class="div_login_sides"></div>';
	login += '<div class="div_login_content">';
		login += '<div class="div_login_header"><img src="' + root + '/images/div_close.gif" width="27" height="38" alt="Close" title="Close" id="div_login_close" /></div>';
		login += '<div class="div_login_stripes"></div>';
		login += '<div id="div_login_loading"><img src="' + root + '/images/loading.gif" alt="Currently Loading" id="loading" /></div>';	
		login += '<div id="div_login_content">';
		login += '<div class="div_login_tp">triniPULSE.com Login</div>';
		login += '<div id="div_login_message">Please enter your email and password to login.</div>';	
		login += '<div class="div_login_inputbox"><label for="email" class="div_login_label">Username/Email:</label><input type="text" name="email" id="div_login_email" class="div_login_input" /></div>';
		login += '<div class="div_login_inputbox"><label for="password" class="div_login_label">Password:</label><input type="password" name="password" id="div_login_password" class="div_login_input" /></div>';
		login += '</div>';		
		login += '<div class="div_login_footer">';
		login += '<div style="float:left; padding-top: 4px;"><a href="' + root + '/signup.php" class="div_login_join"><b>Join triniPULSE.com</b></a></div>';
		login += '<input type="Submit" name="submit" value="Login" id="div_login_login">';
		login += '<input type="button" value="Cancel" id="div_login_cancel">';
		login += '</div>';		
		login += '<div class="div_login_facebook">';
		login += '<p>Login using Facebook...</p><p>Alternatively, you can log in using your Facebook account. Simply click the "Connect" button at the top of any page or click the button below.</p>';
		login += '<div style="text-align:center;"><a href="#" onclick="FB.Connect.requireSession();"><img src="' + root + '/images/connect_white_medium_long.gif" alt="" border="0"></a></div>';
		login += '<div style="text-align:center; padding-top:5px;"><a href="' + root + '/facebook/aboutconnect.php" class="div_login_facebook">Learn more about logging in using your Facebook Account.</a></div>';
		login += '</div>';	
	login += '</div>';
	login += '<div class="div_login_sides"></div>';
	login += '</div>';
	login += '<div><div class="div_login_bottom_left"></div><div class="div_login_middle"></div><div class="div_login_bottom_right"></div></div>';
	login += '</form>';
	return login;
}

$(function(){
	login = login();
	
	//function to open the login box.
	$('a[rel=div_login]').live("click", function(){ 
		$('#tpOverlay').remove(); $('<div id="tpOverlay"></div>').css({height:$(document).height()}).css({opacity:.6}).appendTo('body').fadeIn(200);
		$('#tpOverlayLogin').remove(); $('<div id="tpOverlayLogin">' + login + '</div>').css({left:Math.round(document.documentElement.clientWidth/2 - 236)+'px'}).appendTo('body').fadeIn(200);
		return false;
	});
	
	//functions to close the login box.	
	$('#tpOverlay').live("click", function(){ $(this).fadeOut(200, function(){ $(this).remove(); });	$('#tpOverlayLogin').fadeOut(200, function(){ $(this).remove(); });	});				
	$('#div_login_close').live("click", function(){ $('#tpOverlay').fadeOut(200, function(){ $(this).remove(); }); $('#tpOverlayLogin').fadeOut(200, function(){ $(this).remove(); }); });	
	$('#div_login_cancel').live("click", function(){ $('#tpOverlay').fadeOut(200, function(){ $(this).remove(); }); $('#tpOverlayLogin').fadeOut(200, function(){ $(this).remove(); }); });

	//process member login.
	$('#div_login_login').live("click", function(){
		$('#div_login_content').css({'display':'none'});
		$('#div_login_loading').fadeIn(100);

		var userEmail = $('#div_login_email').val();
		var userPassword = $('#div_login_password').val();
		
		$.ajax({
			url: root + '/includes/div_login_submit.php',
			type: 'POST',
			data: 'userEmail=' + userEmail + '&userPassword=' + userPassword,
			success: function(val){
				//return values - 1 invalid email - 2 email does not exist - 3 invalid password - 4 incorrect password - 5 login - 6 Invalid Username - 7 Username Not Found
				if(val == 0){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Error Logging In! Please contact Admin.');
					$('#div_login_email').val('');
					$('#div_login_password').val('');
				}else if(val == 1){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Invalid Email! Please try again.');
					$('#div_login_email').val('');
					$('#div_login_password').val('');
				}else if(val == 2){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Email Not Found! Please try again.');
					$('#div_login_email').val('');
					$('#div_login_password').val('');				
				}else if(val == 3){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Invalid Password! Please try again.');
					$('#div_login_password').val('');			
				}else if(val == 4){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Incorrect Password! Please try again.');
					$('#div_login_password').val('');		
				}else if(val == 5){
					$('#tpOverlay').fadeOut(200, function(){ $(this).remove(); });
					$('#tpOverlayLogin').fadeOut(200, function(){ $(this).remove(); });
					window.location.reload(); 	
				}else if(val == 6){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Invalid Username! Please try again.');
					$('#div_login_email').val('');
					$('#div_login_password').val('');
				}else if(val == 7){
					$('#div_login_message').css({'color':'red'});
					$('#div_login_message').text('Username Not Found! Please try again.');
					$('#div_login_email').val('');
					$('#div_login_password').val('');				
				}
				$('#div_login_loading').css({'display':'none'});
				$('#div_login_content').fadeIn(100);
			}
		});		
		return false;	
	});	
});