$(document).ready(function(){
function setMaxLength(element_id, length){
        $(element_id).attr("maxlength", length);
        note = element_id + '_note';
        $(note).html('(up to ' + length + ' characters)');
    }
	function prepFields(text_lengths){
        if (text_lengths[0]){$('#3a_text1div').show();setMaxLength('#3a_text1', text_lengths[0]);} else {$('#3a_text1div').hide();}
		if (text_lengths[1]){$('#4a_text2div').show();setMaxLength('#4a_text2', text_lengths[1]);} else {$('#4a_text2div').hide();}
		if (text_lengths[2]){$('#5a_text3div').show();setMaxLength('#5a_text3', text_lengths[2]);} else {$('#5a_text3div').hide();}
		if (text_lengths[3]){$('#6a_text4div').show();setMaxLength('#6a_text4', text_lengths[3]);} else {$('#6a_text4div').hide();}
		if (text_lengths[4]){$('#7a_text5div').show();setMaxLength('#7a_text5', text_lengths[4]);} else {$('#7a_text5div').hide();}
		if (text_lengths[0]){$('#3b_text1div').show();setMaxLength('#3b_text1', text_lengths[0]);} else {$('#3b_text1div').hide();}
		if (text_lengths[1]){$('#4b_text2div').show();setMaxLength('#4b_text2', text_lengths[1]);} else {$('#4b_text2div').hide();}
		if (text_lengths[2]){$('#5b_text3div').show();setMaxLength('#5b_text3', text_lengths[2]);} else {$('#5b_text3div').hide();}
		if (text_lengths[3]){$('#6b_text4div').show();setMaxLength('#6b_text4', text_lengths[3]);} else {$('#6b_text4div').hide();}
		if (text_lengths[4]){$('#7b_text5div').show();setMaxLength('#7b_text5', text_lengths[4]);} else {$('#7b_text5div').hide();}		
    }
	$("#2a_design").bind("change", function(e){
		var opt = $('#2a_design :selected').val();
		 $('#3a_text1,#4a_text2,#5a_text3,#6a_text4,#7a_text5').val(''); //set value to none when onchange
		switch (opt) {
			case "baby_blue": prepFields([10,18,18]); break;
			case "baby_pink": prepFields([10,18,18]); break;
			case "baby_block": prepFields([35,35]); break;
			case "baby_face": prepFields([35,25,35]); break;
			case "bear_blue": prepFields([35,35,35]); break;
			case "bear_pink": prepFields([35,35,35]); break;
			case "bottles_and_booties": prepFields([28,35,35,35,35]); break;
			case "dots": prepFields([25,25,25]); break;
			case "pink_and_blue": prepFields([20,20,16]); break;
			case "shower_of_good_wishes": prepFields([35,35,35,35]); break;
			case "special_delivery": prepFields([35,20,20]); break;
			case "star_border": prepFields([35,35,35,35]); break;
			case "star_of_david": prepFields([35,25,25,25]); break;
			case "tiny_hands": prepFields([25,25,25,25]); break;
			case "young_lady": prepFields([30,20,25,25]); break;
			case "young_man": prepFields([30,20,25,25]); break;
			case "blue_sail_boat": prepFields([26,20,20]); break;
			case "butterfly": prepFields([35,35,35,35]); break;
			case "dragonflies": prepFields([30,25,30,30]); break;
			case "pink_carriage": prepFields([26,20,20]); break;
			case "polka_dots_stripe_blue": prepFields([15,25,25,13]); break;
			case "polka_dots_stripe_pink": prepFields([15,25,25,13]); break;
			}
	});
	$("#2b_design").bind("change", function(e){
		
		var opt = $('#2b_design :selected').val();
		 $('#3b_text1,#4b_text2,#5b_text3,#6b_text4,#7b_text5').val(''); //set value to none when onchange
		switch (opt) {
			case "baby_blue": prepFields([10,18,18]); break;
			case "baby_pink": prepFields([10,18,18]); break;
			case "baby_block": prepFields([35,35]); break;
			case "baby_face": prepFields([35,25,35]); break;
			case "bear_blue": prepFields([35,35,35]); break;
			case "bear_pink": prepFields([35,35,35]); break;
			case "bottles_and_booties": prepFields([28,35,35,35,35]); break;
			case "dots": prepFields([25,25,25]); break;
			case "pink_and_blue": prepFields([20,20,16]); break;
			case "shower_of_good_wishes": prepFields([35,35,35,35]); break;
			case "special_delivery": prepFields([35,20,20]); break;
			case "star_border": prepFields([35,35,35,35]); break;
			case "star_of_david": prepFields([35,25,25,25]); break;
			case "tiny_hands": prepFields([25,25,25,25]); break;
			case "young_lady": prepFields([30,20,25,25]); break;
			case "young_man": prepFields([30,20,25,25]); break;
			case "blue_sail_boat": prepFields([26,20,20]); break;
			case "butterfly": prepFields([35,35,35,35]); break;
			case "dragonflies": prepFields([30,25,30,30]); break;
			case "pink_carriage": prepFields([26,20,20]); break;
			case "polka_dots_stripe_blue": prepFields([15,25,25,13]); break;
			case "polka_dots_stripe_pink": prepFields([15,25,25,13]); break;
			}
	});
	$('#2a_design').trigger("change");
	$('#2b_design').trigger("change");
});