jQuery(document).ready(function($)
{
	var defaultValue = $('#home-code').attr('rel');
	
	/*$('#home-code').focus(function()
	{
		if($(this).val() == defaultValue || $(this).parents('.status').hasClass('error'))
		{
			$(this).val('');
		}
		
		$(this).parents('.status').addClass('focus').removeClass('error').find('a .rounded-left').html('Done');
	}
	).blur(function()
	{
		if($(this).val() == '')
		{
			$(this).parents('.status').removeClass('focus');
			$(this).val(defaultValue);
		}
	}
	).keyup(function()
	{
		if($(this).val() != defaultValue && $(this).val() != '')
		{
			$(this).parents('.status').addClass('active');
		}
		else
		{
			$(this).parents('.status').removeClass('active');
		}
	});*/
	
	var inputContainer = $('.input-txt-big');
	var status = inputContainer.find('.status');
	var input = inputContainer.find('input');
	var defaultValue = input.attr('rel');
	
	$(input).focus(function()
	{	
		//log('input focus()');
	
		if(status.hasClass('error'))
		{
			$(this).val('');
			inputContainer.find('a .rounded-left').html('Done')
			inputContainer.find('.apply-input').show();
			inputContainer.find('.clear-input').hide();
			status.removeClass('error');
		}
		
		$(this).trigger('change');
	
		inputContainer.find('.clear-block').hide();
	
	})
	.keydown(function(e)
	{
		if($(this).parents('.status').hasClass('error'))
		{
			$(this).trigger('focus');
		}
		if (e.keyCode == 10 || e.keyCode == 13) // ENTER
		{
			//inputContainer.find('.apply-input').trigger('click');
		}
		else
		{
			if (e.keyCode > 46 && e.keyCode < 106)
				status.addClass('focus').addClass('active');
			else
				$(this).trigger('change');
		}
	})
	.keyup(function()
	{
		$(this).trigger('change');
	})
	.change(function()
	{
		if(($(this).val() != defaultValue) && ($(this).val() != ''))
		{
			status.addClass('focus').addClass('active');
		}
		else
		{
			status.removeClass('focus').removeClass('active');
		}
	})
	.blur(function()
	{
		$(this).trigger('change');
	});
	
	if($('.input-txt-big .status').hasClass('error'))//$('#home-code').val() != '')
	{
		//$('#home-code').val(defaultValue);
		$('#home-code').trigger('change');
	}
	
	

	
	$('#lk-submit').click(function()
	{
		if($('#home-code').val() != defaultValue && $('#home-code').val() != '' && !$(this).parents('.status').hasClass('error'))
		{
			$('#formcode').submit();
		}
		else if($(this).parents('.status').hasClass('error'))
		{
			$('#home-code').focus();
		}
		
		return false;
	});
	
	
	
	
	
	
	$('#send-link').click(function(e)
	{
		e.stopPropagation();
	});
	
	
	
	$('#send-link .ajax-loading').hide();
	$('#send-link .clear-input').hide().click(function(e)
	{
		e.preventDefault();
		$(this).closest('.input-txt').data('content', '').find('input').val('').trigger('focus');
		return false;
	});
	
	$('#lk-invite').click(function(e)
	{
		e.preventDefault();
		e.stopPropagation();
		
		if ($('#send-link').is(':visible'))
		{
			hideSendLink();
			return;
		}
		
		$('#send-link #form').show();
		$('#send-link #confirm').hide();
				
		var top = $(this).offset().top - $('#site .content').offset().top + $(this).height() - 12;
		var left = $(this).offset().left - $('#site .content').offset().left - $('#send-link').width()/2 + $(this).width()/2;
		$('#send-link').appendTo("#site .content").css({'top': top, 'left': left}).show();
		addOutsideClickCloseHandlerToItem(hideSendLink, $('#site .content'), hideSendLink);
		addKeyboardCloseHandler(hideSendLink);
		
		$('#send-link #send-link-email').focus();
		
		return false;
	});
	
	$('#send-link #send_email').click(function(e)
	{
		e.preventDefault();
		
		if (!$('#send-link .status').hasClass('active'))
			return false;
		
		var email = $('#send-link #send-link-email').val().toLowerCase();
		var optin = $('#send-link-optin').is(':checked');
		if(!email.isEmail())
		{
			//alert('Error: invalid email');
			$('#send-link .clear-input').show();
			$('#send-link .apply-input').hide();
			$('#send-link #send-link-email').closest('.input-txt').data('content', email).end().closest('.status').addClass('error').end().val('Invalid email').trigger('blur');
			return false;
		}
		sendLink(email, optin);
		return false;
	});
	
	
	initInputTextFields();
	
	
});


function hideSendLink()
{
	$('#send-link').hide();
}

function sendLink(email, optin)
{
	$('#send-link .ajax-loading').show();
	$.post('/page/beta',
		{
			email: email
		},
		function(responseText)
		{
			$('#send-link .ajax-loading').hide();
			log('sendMail response:', responseText);
			if (responseText=='true')
			{
				$('#send-link #send-link-email').val('').trigger('blur');
				$('#send-link #form').hide();
				$('#send-link #confirm').show();
				
				$('#send-link').delay(1000).hide(0);//(0) force hide() to be in the fx queue and use delay()
			}
			else
			{
				
			}
		}
	);
}