$(document).ready(function() {

	// Top terms and conditons links
	$('#top_term_link').click(function () {
		$('.popup').hide();
		$('.flash_element').hide();
		$('#signup_return').hide();
		$('#terms_and_conditions_popup').show();
		$.scrollTo(200);		
		return false;
	});

	$('#login_sign_up').click(function () {
		$('.popup').hide();
		$('.flash_element').hide();	
		$('#account_signup').show();
		$.scrollTo(200);		
		return false;				
	});


	// Top sign up link 
	$('#top_sign_up_link, #signup_from_terms, .close_button_return').click(function () {
		$('.popup').hide();
		$('.flash_element').hide();
		$('#account_signup').show();
		$.scrollTo(200);		
		return false;								   
	});

	// Help Link
	$('#help_link').click(function () {
		$('.popup').hide();
		$('.flash_element').hide();
		$('#help_information').show();
		$.scrollTo(200);		
		return false;
	});
	
	
	
	$('#terms_from_signup').click(function () {
		$('.popup').hide();
		$('.flash_element').hide();
		$('#terms_and_conditions_popup').show();
		$('#signup_return').show();		
		$('#terms_and_conditions_popup .close_button_return').parent().show();
		$('#terms_and_conditions_popup .close_button').parent().hide();
		$.scrollTo(200);		
		return false;								   
	});	
	


	// Send link on postcard
	$('.send_postcard_link').click(function () {
		
		var error = 0;
		$('#email_area .holder').removeClass('error');
		
		if($('#wayn').length) {
			
			$('#email_area input').each(function () { 
				if($(this).val() == '') { error = 1; }
			});
			
			if(error == 1) {
				$('#email_area .holder').addClass('error');
				return false;
			}
		}
		else {
			
			$('.email_error').remove();	

			var $emailInput = $("#email_area input[name='address[1]']");
			
			if($emailInput.val() == '') {
				error += 1; 
				$emailInput.parent().addClass('error');						
			}
			
			if (error > 0) {	
				$('<p class="email_error">Please make sure you enter a valid email address</p>').insertBefore('.holder:first');	
				return false;	
			}
			
		}
					
		// Check that basic details have been given - name, email, location, weather
		$('#postcard_details').removeClass('error');
		$('#postcard_details .popup_error').hide();
		
		$('#postcard_details input').each(function () { 
			
			var temp = $(this).val(); 
			
			if (temp == '') {
				$(this).parent().removeClass('input_large').addClass('input_large_error');
				$('.flash_element').hide();		
				$('#postcard_details').show();
				$.scrollTo(200);		
				$('#postcard_details .popup_error').show();
				error += 1;
			}
			
		});
		if (error > 0) {
			return false;	
		}
		
		
		// Check that a title and text has been entered
		if($('#title_text_input').val() == '') {
			error += 1;
			$('#title_text_input').parent().removeClass('input_extra_large').addClass('input_extra_large_error');						
			$('.flash_element').hide();		
			$.scrollTo(200);		
			$('#postcard_text_popup').show();
			$('#postcard_text_popup p:first').css({'color' : 'red', 'font-weight' : 'bold'});
			return false;
		}
		
		if($('textarea[name="text"]').val() == '') {
			error += 1;
			$('textarea[name="text"]').parent().removeClass('textarea_input').addClass('textarea_input_error');			
			$('.flash_element').hide();		
			$.scrollTo(200);		
			$('#postcard_text_popup').show();
			$('#postcard_text_popup p:first').css({'color' : 'red', 'font-weight' : 'bold'});
			return false;
		}		
		
		
		if(error == 0) {
			$('#complete_postcard').submit();
			return false;
		}
		
		return false;
	
	});


	$('#add_receipient').click(function () {
		var size = ($('#email_area .holder').size()) + 1;

		// Add in new line
		var html = '<div class="holder"><label>email address '+ size +'</label><input name="address[' + size + ']" type="text" value="" /></div>';
		
		// Add extra div with email address input
		$('#email_area .holder:last').after(html);
		
		// Clone the send link button and place after the last holder insert
		$('#email_area .holder #add_receipient').clone(true).insertAfter('.holder:last input');

		// remove the original one
		$('#email_area .holder #add_receipient:first').remove();

		return false;									 
	});


	// Close button 
	$('.close_button').click( function () {	
		$(this).parent().parent().hide();		
		$('.flash_element').show();
		return false;
	});	   
	
	
	// Log In Submit 
	$('#login_submit').click(function () {
	
		url = site_url + "postcards/users/login/";
		
		$.post(url, $('#postcard_login_form').serialize(), function (data) {
		
				if (data.status == 'ok') {
					// Sign up complete				
					/*var html = '<p class="loggedin">txt* <span class="bold">60300</span><br />please start<br />your texts with<br />your code<br /><span class="bold">DIYHOLS<br />'+ data.username +'</span></p>';
					$('#login_area').hide();					
					$('#top_right_area .inner').html(html);
					$('.flash_element').show();
					*/
					location.reload(true);
				}
				
				else {
					$('#login_area .error_area').html(data.error_msg);
				}		
		}, 'json');
		
		return false;

	});
	
	
	// Sign up submit
	$('#sign_up_submit').click( function () {
		var url = site_url + "postcards/users/signup/";
		var errors = 0;

		$('#account_signup .error').html('').hide();


		$('#signup_form .required').each( function () {
			$(this).parent().removeClass('input_error').addClass('input');


				if($(this).val() == '') {				
				$(this).parent().removeClass('input').addClass('input_error');
				errors += 1;
			}
		});
		
		$('.marketing_check_error:last').removeClass('marketing_check_error').addClass('marketing_check');

		
		if(!$('#read_terms').attr('checked')) {
			errors += 1;
			$('.marketing_check:last').removeClass('marketing_check').addClass('marketing_check_error');
		}

		
		if(errors == 0) {
			$.post(url, $('#signup_form').serialize(), function (data) {
				
				if (data.status == 'complete') {
					$('#account_signup .error').html('').hide();
					
					// Sign up complete				
					/*var html = '<p class="loggedin">txt* <span class="bold">60300</span><br />please start<br />your texts with<br />your code<br /><span class="bold">DIYHOLS<br />'+ data.username +'</span></p>';
					$('#account_signup').hide();
					$('#top_right_area .inner').html(html);
					$('.flash_element').show(); */
					location.reload(true);

				}
				
				else {
					$('#account_signup .error').html(data.error_msg).show();
				}

			}, 'json');
		}

		return false;
	});
	
	
	// Scheme dropdowns 
	$('.backgroup_options select').change(function () { 
		var selected = $(this).attr('value');
		
		if($('#wayn').length) {
			var url = base_url + "public/images/postcards/wayn/backgrounds/" + selected;
		}
		else {
			var url = base_url + "public/images/postcards/backgrounds/" + selected;
		}
		
		$('#postcard_background').css("background", "url('"+ url +"') top left no-repeat");
		$.post(site_url + "postcards/updateSession", { "var" : "background", "data" : selected });
		
	});
	
	
	
	// Opening Sign up Area
	$('#sign_up_link, #sign_up_from_the_title').click( function () {
		$('.popup').hide();
		$('#account_signup').show();
		$('.flash_element').hide();
		
		return false;	
	});
	
	
	// Opening login area
	$('#login_link').click( function () {
		$('.popup').hide();
		$('#login_area').show();
		$('.flash_element').hide();		
		return false;
	});
	
	
	// Postcard detials area 
	$('#postcard_details_link, .details').click( function () {
		$('.popup').hide();
		$('.flash_element, .tooltip').hide();	
		$('#postcard_details').show();
		$.scrollTo(200);
		return false;
	});
	
	
	// Postcard Details Submit 
	$('#postcard_details_submit').click( function () {	
												   
		$('#postcard_details input').each(function () { 
			$(this).parent().removeClass('input_large_error');
			$(this).parent().addClass('input_large');										
		});
	
	
	$('#postcard_details .popup_error').hide();
		var error = 0;
		$('#postcard_details input').each(function () { 
			var temp = $(this).val(); 
			
			if (temp == '') {
				$(this).parent().removeClass('input_large');
				$(this).parent().addClass('input_large_error');
				$('#postcard_details .popup_error').show();
				error += 1;
			}
			
		});

		if(error == 0) {		
		
			var name = $('#postcard_details_input_name').val();
			var weather = $('#postcard_details_input_weather').val();
			var location = $('#postcard_details_input_location').val();
			var email = $('#postcard_details_input_email').val();		
			
			$('#postcard_details_name').html(name);
			
			$.post(site_url + "postcards/updateSession", { "var" : "name", "data" : name });
			
			$('#postcard_details_weather').html(weather);
			$.post(site_url + "postcards/updateSession", { "var" : "weather", "data" : weather });
	
			$('#postcard_details_location').html(location);
			$.post(site_url + "postcards/updateSession", { "var" : "location", "data" : location });
	
			$('#postcard_deatils_email').html(email);
			$.post(site_url + "postcards/updateSession", { "var" : "email", "data" : email });

			$('#postcard_details').hide();
			$('.flash_element').show();
		}
		
		return false;
	});
	
	
	// Text Link
	$('#postcard_text_link, .description_area, .default_text').click(function () {
		$('.popup').hide();
		$('.flash_element, .tooltip').hide();
		$('#postcard_text_popup').show();		
		$.scrollTo(200);
		return false;
	});
	
	
	// Text Submit
	$('#text_submit').click(function () {
		var text = $('textarea[name="text"]').val();
		var error = 0;
		
		$('#postcard_text_popup .input_extra_large_error').removeClass('input_extra_large_error').addClass('input_extra_large'); 
		  
		$('#postcard_text_popup .textarea_input_error').removeClass('textarea_input_error').addClass('textarea_input');
		$('#postcard_text_popup p:first').css({'color' : 'white', 'font-weight' : 'normal'});


		if(text == '') {
			 $('textarea[name="text"]').parent().removeClass('textarea_input').addClass('textarea_input_error');
			 error += 1;
		}
		
		if ($('#title_text_input').val() == '') {
			 $('#title_text_input').parent().removeClass('input_extra_large').addClass('input_extra_large_error');			
			error += 1;
		}
		
		if(error > 0) {
			$('#postcard_text_popup p:first').css({'color' : 'red', 'font-weight' : 'bold'});
			return false;	
		}
		
		
		$.post(site_url + "postcards/paragraph", { text : ($('textarea[name="text"]').val()) }, function (data) {
				
				$.post(site_url + "postcards/updateSession", { "var" : "text", "data" : text });

		
			$('.flash_element').show();
		});
		
		$('#postcard_left_side').load(site_url + "postcards/title", { title :  ($('#title_text_input').val()), holiday_text : ($('textarea[name="text"]').val()) });
		$.post(site_url + "postcards/updateSession", { "var" : "title", "data" : ($('#title_text_input').val()) });
		
		
		$('#postcard_text_popup').hide();										 

		return false;
	});
	
	
	// Stamp Image Link 
	$('#stamp_image_link, #stamp_holder .inner').click(function () {
		$('.popup').hide();
		$('.flash_element, .tooltip').hide();
		$('#background_option_holder').hide();
		$('#stamp_image_popup').show();		
		$.scrollTo(200);
		//alert(this.href);
	    $('#stamp_image_popup').load($('#stamp_image_link').attr('href'));
		
		return false;
	});
	
	$('#terms_from_help').click(function () {
		$('.popup').hide();
		$('#terms_and_conditions_popup').show();	
		$('#signup_return').hide();
		
		return false;
	});
	
	// Add more email addresses (WAYN)
	$('#add_more_email_addresses_button').click( function () {
		$('#more_email1').val($('#email1').val());
		$('.popup').hide();
		$('.flash_element').hide();	
		$('#add_more_email_addresses').show();
		$.scrollTo(200);
		return false;
	});
	
	$('#add_more_in_more').click(function() {
		var $lastInput = $('#add_more_email_addresses .input:last');
		var number = Number($lastInput.children('input').attr('id').substr(10)) + 1;
		$lastInput.after('<div class="input"><label>email '+number+'</label><input type="text" name="email'+number+'" value="" id="more_email'+number+'" /></div>');
		if(number == 18) { $('#add_more_in_more').hide().before('$nbsp;'); }
		return false;
	});
	
	$('#add_more_email_submit').click(function() {
		var value = '';
		var count = 0;
		var inputString = '';
		var currentValue = '';
		
		$('#add_more_email_addresses input').each(function() {
			value = $(this).val();
			if(value != '') {
				count ++;
				inputString += '<input name="address['+count+']" class="extraInputs" type="hidden" value="'+value+'" />';
				currentValue = value;
			}
		});
		
		if(count > 1) {
			$('#email_area .extraInputs, #email1, #email_count_value').remove();
			$('#email_area .holder').prepend('<div id="email_count_value">'+count+' email addresses</div>');
			$('#email_area').prepend(inputString);
		}
		else {
			$('#email_area .extraInputs, #email1, #email_count_value').remove();
			$('#email_area .holder label').after('<input name="address[1]" id="email1" type="text" value="'+currentValue+'" />');
		}
		
		$('#add_more_email_addresses').hide();
		$('.flash_element').show();
				
		return false;
	});

	// Tooltips
	var coords = '';
	
	if($.browser.msie && ($.browser.version == 6.0)) { 
		if($('#wayn').length) { coords = [18, 248]; } else { coords = [63, 332]; }
	} 
	else { coords = ["-184", "-53"]; }
	
	$('#postcard_text_link').simpletip({ 
		fixed: true, 
		position: coords,
		content: 'Add your message here and tell your friends and family how it\'s going',
		showEffect: 'none',
		hideEffect : 'none'
	}); 
	
	if($.browser.msie && ($.browser.version == 6.0)) { 
		if($('#wayn').length) { coords = [17, 54]; } else { coords = [32, 75]; }
	} 
	else { coords = ["-92", "-53"]; }

	$('#postcard_details_link').simpletip({ 
		fixed: true, 
		position: coords,
		content: 'Add your personal details',
		showEffect: 'none',
		hideEffect : 'none'
	});
	
	if($.browser.msie && ($.browser.version == 6.0)) { 
		if($('#wayn').length) { coords = [110, 54]; } else { coords = [146, 80]; }
	} 
	else { coords = ["-55", "-53"]; }
	
	$('#stamp_image_link').simpletip({ 
		fixed: true, 
		position: coords,
		content: 'Make a stamp from your own image',
		showEffect: 'none',
		hideEffect : 'none'
	});
	
	if($('#wayn').length && $.browser.msie && ($.browser.version < 8.0)) {
		$('#background_option_holder').simpletip({ 
			fixed: true, 
			position: [48, -50],
			content: 'Change the background image',
			showEffect: 'none',
			hideEffect : 'none'
		});
	}
	else {
		$('#background_option_holder').simpletip({ 
			fixed: true, 
			position: [48, 17],
			content: 'Change the background image',
			showEffect: 'none',
			hideEffect : 'none'
		});
	}
	
	$('#media_link').simpletip({ 
		fixed: true, 
		position: [-132, -65],
		content: 'Add images and videos to your screen area or upload them from your mobile phone to your online library (UK users only)',
		showEffect: 'none',
		hideEffect : 'none'
	});
	
});

function updateCoords(c)
{
	$('#x').val(c.x);
	$('#y').val(c.y);
	$('#w').val(c.w);
	$('#h').val(c.h);
}


function reload_gallery_area(position) 
{
	$('#image_video_holder').load(site_url + "postcards/image_view/" + position);
	
}