$(document).ready(function(){
var design = [/*Dependent On: 1_collection */    
	/* classic */
    {'When': 'EB-2029XX','Value': 'a_pea_in_the_pod','Text': 'a pea in the pod'},
	{'When': 'EB-2029XX','Value': 'blue_carriage','Text': 'blue carriage'},
	{'When': 'EB-2029XX','Value': 'blue_chocolate_carriage','Text': 'blue chocolate carriage'},
	{'When': 'EB-2029XX','Value': 'blue_ducky','Text': 'blue ducky'},
	{'When': 'EB-2029XX','Value': 'blue_onesie','Text': 'blue onesie'},
	{'When': 'EB-2029XX','Value': 'blue_umbrella','Text': 'blue umbrella'},
	{'When': 'EB-2029XX','Value': 'chocolate_carriage','Text': 'chocolate carriage'},
	{'When': 'EB-2029XX','Value': 'goo_goo_baby','Text': 'goo goo baby'},
	{'When': 'EB-2029XX','Value': 'green_carriage','Text': 'green carriage'},
	{'When': 'EB-2029XX','Value': 'green_chocolate_carriage','Text': 'green chocolate carriage'},
	{'When': 'EB-2029XX','Value': 'green_onesie','Text': 'green onesie'},
	{'When': 'EB-2029XX','Value': 'green_umbrella','Text': 'green umbrella'},
	{'When': 'EB-2029XX','Value': 'ivory_onesie','Text': 'ivory onesie'},
	{'When': 'EB-2029XX','Value': 'ivory_umbrella','Text': 'ivory umbrella'},
	{'When': 'EB-2029XX','Value': 'lilac_carriage','Text': 'lilac carriage'},
	{'When': 'EB-2029XX','Value': 'pink_carriage','Text': 'pink carriage'},
	{'When': 'EB-2029XX','Value': 'pink_chocolate_carriage','Text': 'pink chocolate carriage'},
	{'When': 'EB-2029XX','Value': 'pink_ducky','Text': 'pink ducky'},
	{'When': 'EB-2029XX','Value': 'pink_onesie','Text': 'pink onesie'},
	{'When': 'EB-2029XX','Value': 'pink_umbrella','Text': 'pink umbrella'},
	{'When': 'EB-2029XX','Value': 'tiny_feet','Text': 'tiny feet'},
	{'When': 'EB-2029XX','Value': 'white_carriage','Text': 'white carriage'},
	{'When': 'EB-2029XX','Value': 'yellow_ducky','Text': 'yellow ducky'},
	/* animal */
	{'When': 'EB-2029AXX','Value': 'bee','Text': 'bee'},
	{'When': 'EB-2029AXX','Value': 'birdie','Text': 'birdie'},
	{'When': 'EB-2029AXX','Value': 'bunny','Text': 'bunny'},
	{'When': 'EB-2029AXX','Value': 'butterfly','Text': 'butterfly'},
	{'When': 'EB-2029AXX','Value': 'chick','Text': 'chick'},
	{'When': 'EB-2029AXX','Value': 'dinosaur','Text': 'dinosaur'},
	{'When': 'EB-2029AXX','Value': 'ducky','Text': 'ducky'},
	{'When': 'EB-2029AXX','Value': 'elephant','Text': 'elephant'},
	{'When': 'EB-2029AXX','Value': 'froggy','Text': 'froggy'},
	{'When': 'EB-2029AXX','Value': 'giraffe','Text': 'giraffe'},
	{'When': 'EB-2029AXX','Value': 'horsey','Text': 'horsey'},
	{'When': 'EB-2029AXX','Value': 'kitty','Text': 'kitty'},
	{'When': 'EB-2029AXX','Value': 'lady_bug','Text': 'lady bug'},
	{'When': 'EB-2029AXX','Value': 'lamb','Text': 'lamb'},
	{'When': 'EB-2029AXX','Value': 'lion','Text': 'lion'},
	{'When': 'EB-2029AXX','Value': 'monkey','Text': 'monkey'},
	{'When': 'EB-2029AXX','Value': 'owl','Text': 'owl'},
	{'When': 'EB-2029AXX','Value': 'panda','Text': 'panda'},
	{'When': 'EB-2029AXX','Value': 'puppy','Text': 'puppy'},
	{'When': 'EB-2029AXX','Value': 'teddy_bear','Text': 'teddy bear'}
	];

var color = [/*Dependent On: 1_collection */    
        	/* EB-2029XX */
            {'When': 'EB-2029XX','Value': 'blue_chocolate','Text': 'blue chocolate'},
            {'When': 'EB-2029XX','Value': 'candy_pink','Text': 'candy pink'},
            {'When': 'EB-2029XX','Value': 'chocolate','Text': 'chocolate'},
            {'When': 'EB-2029XX','Value': 'green_chocolate','Text': 'green chocolate'},
            {'When': 'EB-2029XX','Value': 'honeydew_green','Text': 'honeydew green'},
            {'When': 'EB-2029XX','Value': 'ivory','Text': 'ivory'},
            {'When': 'EB-2029XX','Value': 'ivory_chocolate','Text': 'ivory chocolate'},
            {'When': 'EB-2029XX','Value': 'lemon','Text': 'lemon'},
            {'When': 'EB-2029XX','Value': 'lilac','Text': 'lilac'},
            {'When': 'EB-2029XX','Value': 'lime_green','Text': 'lime green'},
            {'When': 'EB-2029XX','Value': 'pale_blue','Text': 'pale blue'},
            {'When': 'EB-2029XX','Value': 'pale_pink','Text': 'pale pink'},
            {'When': 'EB-2029XX','Value': 'pink_chocolate','Text': 'pink chocolate'},
            {'When': 'EB-2029XX','Value': 'tangerine','Text': 'tangerine'},
            {'When': 'EB-2029XX','Value': 'white','Text': 'white'},
        	/* EB-2029AXX */
        	{'When': 'EB-2029AXX','Value': 'black','Text': 'black'},
        	{'When': 'EB-2029AXX','Value': 'chocolate','Text': 'chocolate'},
        	{'When': 'EB-2029AXX','Value': 'grey','Text': 'grey'},
        	{'When': 'EB-2029AXX','Value': 'ivory','Text': 'ivory'},
        	{'When': 'EB-2029AXX','Value': 'lemon_yellow','Text': 'lemon yellow'},
			{'When': 'EB-2029AXX','Value': 'lilac','Text': 'lilac'},
        	{'When': 'EB-2029AXX','Value': 'lipstick','Text': 'lipstick'},
        	{'When': 'EB-2029AXX','Value': 'pale_blue','Text': 'pale blue'},
        	{'When': 'EB-2029AXX','Value': 'pale_green','Text': 'pale green'},
        	{'When': 'EB-2029AXX','Value': 'pale_pink','Text': 'pale pink'},
        	{'When': 'EB-2029AXX','Value': 'strawberry','Text': 'strawberry'},
        	{'When': 'EB-2029AXX','Value': 'tangerine','Text': 'tangerine'}
        	];
	 
	/* Connect #2_design to #1_collection */
    jQuery("#2_design").cascade("#1_collection", {
        list: design,
        template: commonTemplate,
        match: commonMatch
    });
    
	/* Connect #3_color to #1_collection */
    jQuery("#3_color").cascade("#1_collection", {
        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)');
    }
	
	$("#1_collection").bind("change", function(e){
		$('#4_text1').val(''); 
		$('#5_text2').val(''); 
		var opt = $("#1_collection").val();
		if (opt=='EB-2029XX'){
			setMaxLength('#4_text1', 17);
			setMaxLength('#5_text2', 15);
		}
		if (opt=='EB-2029AXX'){
			setMaxLength('#4_text1', 14);
			setMaxLength('#5_text2', 7);
		}
		});
	});