$(document).ready(function() {
	$('#gallery-tabs li').hover(
		function() { $(this).addClass('ui-state-hover'); },
		function() { $(this).removeClass('ui-state-hover'); }
	);
});

var lastPostCardClass, titleText, contentText;
	
function initializePostCard() {
	$('#pc-create').hover(function() {
		$(this).addClass('ui-state-hover')
	}, function() {
		$(this).removeClass('ui-state-hover')
	});
	var list = $('#postcard-style');
	lastPostCardClass = list.val();
	list.change(function() {
		var newClass = $(this).val();
		$('#postcard-box').removeClass(lastPostCardClass).addClass(newClass);
		lastPostCardClass = newClass;
	});

	titleText = $('#pc-title').val();
	contentText = $('#pc-content').val();

	$('#pc-title').change(function() {
		if ($(this).val().trim() == titleText.trim())
			$(this).addClass('watermark');
		else
			$(this).removeClass('watermark');
	}).focus(function() {
		$(this).removeClass('watermark');
		if ($(this).val().trim() == titleText.trim())
			$(this).select();
	}).blur(function() {
		if ($(this).val().trim() == '')
			$(this).val(titleText);
		if ($(this).val().trim() == titleText.trim())
			$(this).addClass('watermark');
		else
			$(this).removeClass('watermark');
	});
	$('#pc-content').change(function() {
		if ($(this).val().trim() == contentText.trim())
			$(this).addClass('watermark');
		else
			$(this).removeClass('watermark');
	}).focus(function() {
		$(this).removeClass('watermark');
		if ($(this).val().trim() == contentText.trim())
			$(this).select();
	}).blur(function() {
		if ($(this).val().trim() == '')
			$(this).val(contentText);
		if ($(this).val().trim() == contentText.trim())
			$(this).addClass('watermark');
		else
			$(this).removeClass('watermark');
	}).height($('#pc-image').outerHeight());
}

var emailsCount = 1;
function initializeViewPostCard() {
	$('#pc-send, #pc-send-postcard').hover(function() {
		$(this).addClass('ui-state-hover')
	}, function() {
		$(this).removeClass('ui-state-hover')
	});
	$('#pc-content').height($('#pc-image').outerHeight());
	$('#pc-send').click(function() {
		$('#pc-actions').hide();
		$('#pc-send-content').show();
	});
	$('#pc-cancel-send').click(function() {
		$('#pc-actions').show();
		$('#pc-send-content').hide();
	});

	$('#pc-add-email').click(function() {
		emailsCount++;
		$('#pc-emails-box')
			.append('<div id="pc-email-box-' + emailsCount + '" class="email-box"><label for="pc-email-' + emailsCount + '">Email</label><input type="text" id="pc-email-' + emailsCount + '" name="pc-email-' + emailsCount + '" class="textbox" /><div class="clearfix"></div></div>');
	});
}