(function($) {
	$.fn.reviveLogin = function(settings) {
		return this.each(function () {
			
			var $this = this;
			
			this.inputControls = function () {
				$('a.rwe-login-submit').bind('click', function () {
					$('#login-form').submit();
					return false;
				});
				$('input[name=login[email]]').bind('focus', function () {
					if ($(this).val() == 'Email') {
						$(this).val('');
						$(this).css({
							'color' : '#252525'
						});
					}
				}).bind('blur', function () {
					if ($(this).val() == '') {
						$(this).val('Email');
						$(this).css({
							'color' : '#858585'
						});
					}
				});
				$('input[id=loginPassword]').bind('focus', function () {
					if ($(this).val() == 'Password') {
						$(this).css('display', 'none');
						$('input[name=login[password]]').css({
							'display' : 'block',
							'color' : '#252525'
						});
						$('input[name=login[password]]').focus();
					}
				});
				$('input[name=login[password]]').bind('blur', function () {
					if ($(this).val() == '') {
						$(this).css('display', 'none');
						$('input[id=loginPassword]').css({
							'display' : 'block',
							'color' : '#858585'
						});
					}
				});
			}
			
			this.displayLogin = function () {
				if ($('div.rwe-login-box').length > 0)
				{
					$('div.rwe-login-box').remove();
					return false;
				}
				$('<div />', {
					'class' : 'rwe-login-box',
					css : {
						left : $($this).offset().left - 350,
						top : $($this).offset().top + 20
					},
					html : function () {
						var code = '' + 
						'<form action="http://revivewithenergy.com/login/" method="POST" id="login-form">' +
							'<input type="hidden" name="phpurchase-task" value="account-login" />' +
							'<input type="hidden" name="redirect" value="">' + 
							'<table cellpadding="0" cellspacing="0">' + 
								'<tr>' + 
									'<td>' + 
										'<div class="login-title">Administrative Portal</div>' + 
									'</td>' +
								'</tr>' + 
								'<tr>' + 
									'<td>' + 
										'<div class="login-subtitle">Sign in to your account</div>' + 
									'</td>' +
								'</tr>' + 
								'<tr>' + 
									'<td>' + 
										'<input type="text" name="login[email]" value="Email" />' + 
									'</td>' +
								'</tr>' + 
								'<tr>' + 
									'<td>' + 
										'<input type="name" id="loginPassword" value="Password" />' + 
										'<input type="password" name="login[password]" style="display:none;" />' + 
									'</td>' +
								'</tr>' + 
							'</table>' + 
							'<div class="rwe-login-info">' +
								'<a href="http://revivewithenergy.com/forgot-password/" style="font-size:12px!important;">Forgot your password?</a>' + 
								'<a href="http://revivewithenergy.com/about/membership/" style="font-size:12px!important;">Not a member? Join for a Free trial!</a>' + 
							'</div>' +
							'<input type="Submit" value="" class="rwe-hidden-submit" />' +
							'<a href="signin" class="rwe-login-submit"></a>' +
						'</form>';
						return code;
					}
				}).appendTo ('body');
				this.inputControls();
				return false;
			}
			
			$(this).bind('click', $this.displayLogin);
		});
	};
})(jQuery);

jQuery(document).ready(function () {
	jQuery('ul#menu-main-nav-menu li a[title=Login]').reviveLogin();
});