var opening_id = 0;

$(document).ready(function() {

/*	if (location.hash == '#p2')
	{
		// Init first panel
		$('#p2 div.inside').show().addClass('open');
		$('#p2 h2').addClass('current');
	}
	else
	{
		// Init first panel
		$('div.inside:first').show().addClass('open');
		$('div#p1 h2').addClass('current');
	}
	
	
	// Panel switcher
	$('div.panel h2').mouseover(function() {
		$(this).addClass('over');
	}).mouseout(function() {
		$(this).removeClass('over');
	}).click(function() {
		if ($(this).parent().attr('id') != $('div.open').parent().attr('id'))
		{
			var id=$('div.open').parent().attr('id');
			if (id == 'p1')
			{
				if (validateDelivery()) { showPan($(this)); }
			}
			else if (id == 'p2')
			{
				if (validateDetails()) { showPan($(this)); }
			}
			else
			{
				showPan($(this));
			}
		}
	});*/

	// Email address hider
	$('p#delivery input').change(function() {
		var opt = $(this).val();
		
		if (opt == 'print')
		{
			$('p#recipient_email').fadeOut();
		}
		else
		{
			$('p#recipient_email').fadeIn();
		}
	});
	
	// Next buttons
	/*$('input#b1').click(function() { 
		if (validateDelivery()) { showPan($('div#p2 h2')); }
	});
	
	$('input#b2').click(function() { 
		if (validateDetails()) { showPan($('div#p3 h2')); }
	});*/
	
	
	// Checkout Button
	$('#checkout').click(function(e) {
		e.preventDefault();
		
		if (validate())
		{
			// set amount in paypal form
			/*$('#pp_amount').val($('#amount').val());

			var vals = $('form#cert').serialize();
			$('input#custom').val(vals);
			$('form#paypal').submit();*/
			
			$('form#cert').submit();
		}
		
		
	});
	
	
	// Gift card cliker
	$('p.gift_thumbs img').click(function() {
		$('img.active').removeClass('active');
		$(this).addClass('active');
		$('input#card_id').val($(this).attr('id').replace('c', ''));
	});
	
	$('p.gift_thumbs img:first').addClass('active');
});


clearErrors = function() {
	$('input.error').removeClass('error');
	$('span.error').remove();
}

/*
showPan = function(o) {
	opening_id = $(o).parent().attr('id');
	
	$('div.open').removeClass('open').slideUp('slow', function() {
		$('h2.current').removeClass('current');
		$('div#'+opening_id+' h2').addClass('current');
		$('div#'+opening_id).find('div.inside').addClass('open').slideDown('slow');
	});
}*/

validate = function() {
	
	clearErrors();
	
	var valid = true;
	
	if (!validateDetails())
		valid = false;
		
	if (!validateDelivery())
		valid = false;
		
	return valid;
};


validateDelivery = function() {	
	
	// validate
	var valid = true;
	
	if (($('input[name=how_send]:checked').val() == 'email')&&($('input#email_address').val() == ''))
	{
		valid = false;
		$('input#email_address').addClass('error').after('<span class="error">Please enter an email address.</span>');
	}
	
	if ($('input#amount').val() == '')
	{
		valid = false;
		$('input#amount').addClass('error').after('<span class="error">Please enter an amount.</span>');
	}
	
	return valid;
}


validateDetails = function() {


	// validate
	var valid = true;
		
	if ($('input#email_address').val() == '')
	{
		valid = false;
		$('input#email_address').addClass('error').after('<span class="error">Please enter an email address.</span>');
	}
	
		
	if ($('input#first_name').val() == '')
	{
		valid = false;
		$('input#first_name').addClass('error').after('<span class="error">Please enter a first name.</span>');
	}
	
	if ($('input#last_name').val() == '')
	{
		valid = false;
		$('input#last_name').addClass('error').after('<span class="error">Please enter a last name.</span>');
	}
	
	if ($('input#to').val() == '')
	{
		valid = false;
		$('input#to').addClass('error').after('<span class="error">Please enter a name.</span>');
	}
	
	if ($('input#from').val() == '')
	{
		valid = false;
		$('input#from').addClass('error').after('<span class="error">Please enter a name.</span>');
	}
	
	if ($('input#b_phone').val() == '')
	{
		valid = false;
		$('input#b_phone').addClass('error').after('<span class="error">Please enter your phone number.</span>');
	}
	

	
	return valid;
}
/*
validateBilling = function() {
	clearErrors();

	// validate
	var valid = true;
	
	if ($('input#credit_card_number').val() == '')
	{
		valid = false;
		$('input#credit_card_number').addClass('error').after('<span class="error">Please enter a credit card number.</span>');
	}
	
	if ($('input#name_on_card').val() == '')
	{
		valid = false;
		$('input#name_on_card').addClass('error').after('<span class="error">Please enter a name.</span>');
	}
	
	if (($('input#exp_month').val() == '') || ($('input#exp_year').val() == ''))
	{
		valid = false;
		
		if ($('input#exp_month').val() == '') { $('input#exp_month').addClass('error'); }
		if ($('input#exp_year').val() == '') { $('input#exp_year').addClass('error'); }
		
		$('input#exp_year').after('<span class="error">Please enter your expiry date.</span>');
	}
	
	if ($('input#b_first_name').val() == '')
	{
		valid = false;
		$('input#b_first_name').addClass('error').after('<span class="error">Please enter a first name.</span>');
	}
	
	if ($('input#b_last_name').val() == '')
	{
		valid = false;
		$('input#b_last_name').addClass('error').after('<span class="error">Please enter a first name.</span>');
	}
	
	if ($('input#b_address').val() == '')
	{
		valid = false;
		$('input#b_address').addClass('error').after('<span class="error">Please enter an address.</span>');
	}
	
	if ($('input#b_city').val() == '')
	{
		valid = false;
		$('input#b_city').addClass('error').after('<span class="error">Please enter a city.</span>');
	}
	
	if ($('input#b_prov').val() == '')
	{
		valid = false;
		$('input#b_prov').addClass('error').after('<span class="error">Please enter a province.</span>');
	}
	
	if ($('input#b_postal_code').val() == '')
	{
		valid = false;
		$('input#b_postal_code').addClass('error').after('<span class="error">Please enter a postal code.</span>');
	}
	
	if ($('input#b_country').val() == '')
	{
		valid = false;
		$('input#b_country').addClass('error').after('<span class="error">Please enter a country.</span>');
	}
	
	if ($('input#b_phone').val() == '')
	{
		valid = false;
		$('input#b_phone').addClass('error').after('<span class="error">Please enter a phone number.</span>');
	}
	
	if ($('input#b_email').val() == '')
	{
		valid = false;
		$('input#b_email').addClass('error').after('<span class="error">Please enter an email address.</span>');
	}
}*/