$(document).ready(function(){

var wrapper = [/*Dependent On: chocolate */ 
			
//reg_chocolate_bar
			{
    'When': 'dd-1018',
    'Value': 'option_1',
    'Text': 'option 1'
},
{
    'When': 'dd-1018',
    'Value': 'option_2',
    'Text': 'option 2'
},
//5oz_chocolate_bar
			{
    'When': 'dd-1019',
    'Value': 'option_1',
    'Text': 'option 1'
},
{
    'When': 'dd-1019',
    'Value': 'option_2',
    'Text': 'option 2'
},


]; 
/* Connect #back_of_wrapper to #chocolate */
jQuery("#back_of_wrapper").cascade("#chocolate", {
    list: wrapper,
    template: commonTemplate,
    match: commonMatch

});

$("#chocolate").change(function(){
	var opt = this.options[this.selectedIndex].value;
	//var opt = $("#chocolate").val();
	
	$('#text1').val('');
	$('#text2').val('');
	switch (opt) {
		case "dd-1016":
		
			setMaxLength('#text1', 15);
			setMaxLength('#text2', 15);
			$('#back_of_wrapperdiv').hide();
			break;
		case "dd-1017":
			setMaxLength('#text1', 18);
			setMaxLength('#text2', 18);
			$('#back_of_wrapperdiv').hide();
			break;
		case "dd-1018":
			setMaxLength('#text1', 30);
			setMaxLength('#text2', 30);
			$('#back_of_wrapperdiv').show();
			break;
		case "dd-1019":
			setMaxLength('#text1', 30);
			setMaxLength('#text2', 30);
			$('#back_of_wrapperdiv').show();
			break;	
		
	}
});
function setMaxLength(element_id, length){
        $(element_id).attr("maxlength", length);
		
		//$(element_id).attr("size", length);
        note = element_id + '_note';
		$(note).html('(up to ' + length + ' characters)');
		
    }
	//$('#chocolate').trigger("change");
	//$('#design').trigger("change");
});