// JavaScript Document

$(document).ready(function(){
	enableMenu('menu_theme');
	verifyThemeSelect();
	updateMessage();
	var options = {
		target : "#evite_response",
		beforeSubmit : validateEvite,
		success : successfulEvite
	};
	$("#eviteForm").ajaxForm(options);
});

function selectTheme(target, eviteid){
	$('#eviteForm #eviteid').val(eviteid);
	$('#menu_theme li a.selection').html($(target).text());
	$('#menu_theme ul').hide();
	loadImage();
}

function loadImage(){
	var eviteid = $('#eviteForm #eviteid').val();
	$('#evite_image').load('/includes/evites/ajax.php', {'command':'loadimage','eviteid':eviteid});
}

function addMoreFriends(){
	$('#evite_loader').show();
	var html = '';
	for(var i=0; i<3; i++){
		html += '<input type="text" name="friend_email[]" class="friend_email" value="" />';
	}
	$('#friend_emails').append(html);
	$('#evite_loader').hide();
}

function updateMessage(){
	var message = $('#eviteForm #message').val();
	message = message.replace(/(\r|\n)/g, '<br />');
	$('#evite_message').html('<p>'+message+'</p>');
}

function validateEvite(){
	$('#evite_loader').show();
	var validated = true;
	var fname = $('#eviteForm #firstname').val().trim();
	var lname = $('#eviteForm #lastname').val().trim();
	var email = $('#eviteForm #email').val().trim();
	if(!fname || !lname || !email){
		validated = false;
		alert("Please fill in your name and email address before sending your invite!");
	}else{
		var validateFriends = false;
		$('#eviteForm .friend_email').each(function(i,elem){
			var val = $(elem).val().trim();
			if(val) validateFriends = true;
		});
		if(!validateFriends){
			validated = false;
			alert("Please enter the email address of at least 1 friend before sending your invite!");
		}
	}
	if(!validated) $('#evite_loader').hide();
	return validated;
}

function successfulEvite(responseText, statusText){
	$.scrollTo('evite_response', 500);
	fadeInOut('#evite_response', 'medium', 6000);
	$('#evite_loader').hide();
}

function verifyThemeSelect(){
	var theme = $('#menu_theme a.selection').text();
	var eviteid = $('#eviteForm #eviteid').val();
	$('#menu_theme ul li a').each(function(i,elem){
		if($(elem).text() == theme){
			eviteid = $(elem).attr('id').replace('evite','');
		}
	});
	$('#eviteForm #eviteid').val(eviteid);
}