// JavaScript Document
jQuery(document).ready(function () {
	jQuery("#content_text").change(function () {
		if (jQuery("#content_color").val() != '') {
			jQuery("#scratch-image").attr('src', 'includes/images/txt2image.php?word=' + jQuery("#content_text").val() + '&color=' + jQuery("#content_color").val());
		} else {
			jQuery("#scratch-image").attr('src', 'includes/images/txt2image.php?word=' + jQuery("#content_text").val());
		}
	});
	
	/*jQuery("#customletter-color > img").click(function () {
		var colorid = jQuery(this).attr("id").split('_');
		jQuery("#scratch-image").attr('src', 'includes/images/txt2image.php?word=' + jQuery("#content_text").val() + '&color=' + colorid[1]);
		jQuery("#content_color_display").text(jQuery(this).attr("title"));
		jQuery("#content_color").val(colorid[1]);
	});
	
	jQuery("#font-style-list > div > img").click(function () {
		var fontid = jQuery(this).attr("id").split('_');
		jQuery("#content_font_style").val(fontid[1]);
		document.customletter.submit();
	});
	
	jQuery("#customletter-color > img").hover(
		function () {
			jQuery(this).css("cursor", "pointer");
		},
		
		function () {
			jQuery(this).css("cursor", "default");
		}
	);
	
	jQuery("#font-style-list > div > img").hover(
		function () {
			jQuery(this).css("cursor", "pointer");
		},
		
		function () {
			jQuery(this).css("cursor", "default");
		}
	);*/
	
});

var fontTypePick = function (id) {
	var fontid = id;
	jQuery("#content_font_style").val(fontid);
}

var colorPick = function (id, title) {
	var colorid = id;
	jQuery("#scratch-image").attr('src', 'includes/images/txt2image.php?word=' + jQuery("#content_text").val() + '&color=' + colorid);
	jQuery("#content_color_display").text(title);
	jQuery("#content_color").val(colorid);
}