$(document).ready(function(){
	 var color = [/*Dependent On: 1_design */
	/*balloons*/   
	{'When': 'KP-1611','Value': 'blue','Text': 'blue'},	{'When': 'KP-1611','Value': 'dark_grey','Text': 'dark grey'},	{'When': 'KP-1611','Value': 'green','Text': 'green'},	{'When': 'KP-1611','Value': 'lavender','Text': 'lavender'},	{'When': 'KP-1611','Value': 'pink','Text': 'pink'},	{'When': 'KP-1611','Value': 'yellow','Text': 'yellow'},
	/*boots*/
	{'When': 'KP-1612','Value': 'blue','Text': 'blue'},	{'When': 'KP-1612','Value': 'gold','Text': 'gold'},	{'When': 'KP-1612','Value': 'green','Text': 'green'},	{'When': 'KP-1612','Value': 'grey','Text': 'grey'},	{'When': 'KP-1612','Value': 'pink','Text': 'pink'},	
	/*bubbles*/
	{'When': 'KP-1613','Value': 'blue','Text': 'blue'},	{'When': 'KP-1613','Value': 'pink','Text': 'pink'},	{'When': 'KP-1613','Value': 'white','Text': 'white'},	{'When': 'KP-1613','Value': 'yellow','Text': 'yellow'},	
	/*cake*/
	{'When': 'KP-1614','Value': 'blue','Text': 'blue'},	{'When': 'KP-1614','Value': 'green','Text': 'green'},	{'When': 'KP-1614','Value': 'pink','Text': 'pink'},	{'When': 'KP-1614','Value': 'purple','Text': 'purple'},	
	/*cupcake*/
	{'When': 'KP-1615','Value': 'blue','Text': 'blue'},	{'When': 'KP-1615','Value': 'pink','Text': 'pink'},	
	/*guitar*/
	{'When': 'KP-1616','Value': 'blue','Text': 'blue'},	{'When': 'KP-1616','Value': 'brown','Text': 'brown'},	{'When': 'KP-1616','Value': 'dark_grey','Text': 'dark grey'},	{'When': 'KP-1616','Value': 'green','Text': 'green'},	
	/*happy_birthday*/
	{'When': 'KP-1617','Value': 'blue','Text': 'blue'},	{'When': 'KP-1617','Value': 'brown_blue','Text': 'brown/blue'},	{'When': 'KP-1617','Value': 'brown_pink','Text': 'brown/pink'},	{'When': 'KP-1617','Value': 'multi','Text': 'multi'},	{'When': 'KP-1617','Value': 'pink','Text': 'pink'},	{'When': 'KP-1617','Value': 'yellow','Text': 'yellow'},
	/*over_the_hill*/
	{'When': 'KP-1618','Value': 'default','Text': 'default'},	
	/*photo_dear*/
	{'When': 'KP-1619','Value': 'blue','Text': 'blue'},	{'When': 'KP-1619','Value': 'green','Text': 'green'},	{'When': 'KP-1619','Value': 'pink','Text': 'pink'},	{'When': 'KP-1619','Value': 'yellow','Text': 'yellow'},	
	/*photo_flower*/
	{'When': 'KP-1620','Value': 'pink','Text': 'pink'},	{'When': 'KP-1620','Value': 'purple','Text': 'purple'},	{'When': 'KP-1620','Value': 'red','Text': 'red'},	{'When': 'KP-1620','Value': 'yellow','Text': 'yellow'},	
	/*photo_frame*/
	{'When': 'KP-1621','Value': 'blue','Text': 'blue'},	{'When': 'KP-1621','Value': 'brown','Text': 'brown'},	{'When': 'KP-1621','Value': 'green','Text': 'green'},	{'When': 'KP-1621','Value': 'grey','Text': 'grey'},	{'When': 'KP-1621','Value': 'lavender','Text': 'lavender'},	{'When': 'KP-1621','Value': 'mint','Text': 'mint'},{'When': 'KP-1621','Value': 'pink','Text': 'pink'},	{'When': 'KP-1621','Value': 'yellow','Text': 'yellow'},	
	/*photo_hat*/
	{'When': 'KP-1622','Value': 'blue','Text': 'blue'},	{'When': 'KP-1622','Value': 'pink','Text': 'pink'},	{'When': 'KP-1622','Value': 'purple','Text': 'purple'},	
	/*photo_sweet_sixteen*/
	{'When': 'KP-1623','Value': 'pink_1','Text': 'pink 1'},	{'When': 'KP-1623','Value': 'pink_2','Text': 'pink 2'},	{'When': 'KP-1623','Value': 'pink_3','Text': 'pink 3'},	
	/*stripe*/
	{'When': 'KP-1624','Value': 'black','Text': 'black'},	{'When': 'KP-1624','Value': 'blue','Text': 'blue'},	{'When': 'KP-1624','Value': 'green','Text': 'green'},	{'When': 'KP-1624','Value': 'orange','Text': 'orange'},	{'When': 'KP-1624','Value': 'yellow','Text': 'yellow'},	
	/*sweet_sixteen*/
	{'When': 'KP-1625','Value': 'blue','Text': 'blue'},	{'When': 'KP-1625','Value': 'pink','Text': 'pink'},	{'When': 'KP-1625','Value': 'purple','Text': 'purple'},	
	/*texting*/
	{'When': 'KP-1626','Value': 'black','Text': 'black'},	{'When': 'KP-1626','Value': 'blue','Text': 'blue'},	{'When': 'KP-1626','Value': 'lime','Text': 'lime'},	{'When': 'KP-1626','Value': 'pink','Text': 'pink'},	{'When': 'KP-1626','Value': 'purple','Text': 'purple'},	{'When': 'KP-1626','Value': 'red','Text': 'red'},
	/*wish*/
	{'When': 'KP-1627','Value': 'black','Text': 'black'},	{'When': 'KP-1627','Value': 'blue','Text': 'blue'},	{'When': 'KP-1627','Value': 'brown','Text': 'brown'},	{'When': 'KP-1627','Value': 'green','Text': 'green'},	{'When': 'KP-1627','Value': 'navy','Text': 'navy'},	{'When': 'KP-1627','Value': 'orange','Text': 'orange'},{'When': 'KP-1627','Value': 'pink','Text': 'pink'},{'When': 'KP-1627','Value': 'red','Text': 'red'},{'When': 'KP-1627','Value': 'yellow','Text': 'yellow'}, 
	];
	 /* Connect #2_color to #1_design */
	jQuery("#2_color").cascade("#1_design", {
        list: color,
        template: commonTemplate,
        match: commonMatch
    });
	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]){$('#3_text1div').show();setMaxLength('#3_text1', text_lengths[0]);} else {$('#3_text1div').hide();}
		if (text_lengths[1]){$('#4_text2div').show();setMaxLength('#4_text2', text_lengths[1]);} else {$('#4_text2div').hide();}
		if (text_lengths[2]){$('#5_text3div').show();setMaxLength('#5_text3', text_lengths[2]);} else {$('#5_text3div').hide();}
		if (text_lengths[3]){$('#6_text4div').show();setMaxLength('#6_text4', text_lengths[3]);} else {$('#6_text4div').hide();}
    }
	$("#1_design").bind("change", function(e){
		 $('#3_text1,#4_text2,#5_text3,#6_text4').val(''); //set value to none when onchange
		 var opt= $('#1_design').val();
		 switch (opt) {
		 	case "KP-1611": prepFields([19,19,15]); break;
			case "KP-1612": prepFields([8,15]); break;
			case "KP-1613": prepFields([16,15,17,18]); break;
			case "KP-1614": prepFields([25,2,12]); break;
			case "KP-1615": prepFields([10,4,18]); break;
			case "KP-1616": prepFields([8,7,2]); break;
			case "KP-1617": prepFields([31]); break;
			case "KP-1618": prepFields([11,20,22,20]); break;
			case "KP-1619": prepFields([22,8]); break;
			case "KP-1620": prepFields([2,13,10]); break;
			case "KP-1621": prepFields([9,9,9,15]); break;
			case "KP-1622": prepFields([9,28,9]); break;
			case "KP-1623": prepFields([13,10]); break;
			case "KP-1624": prepFields([13,14,16]); break;
			case "KP-1625": prepFields([15,20]); break;
			case "KP-1626": prepFields([18,18,18]); break;
			case "KP-1627": prepFields([26,15]); break;
			}
		});
	});