$(document).ready(function(){
var wrapper = [/*Dependent On: chocolate */ 
			
//reg_chocolate_bar
			{
    'When': 'dd-1012',
    'Value': 'option_1',
    'Text': 'option 1'
},
{
    'When': 'dd-1012',
    'Value': 'option_2',
    'Text': 'option 2'
},
//5oz_chocolate_bar
			{
    'When': 'dd-1013',
    'Value': 'option_1',
    'Text': 'option 1'
},
{
    'When': 'dd-1013',
    'Value': 'option_2',
    'Text': 'option 2'
},


]; 

var ribbon = [/*Dependent On: chocolate */ 
			//gift_set
			
			{
    'When': 'DD-1081',
    'Value': 'black',
    'Text': 'black'
},
{
    'When': 'DD-1081',
    'Value': 'light_pink',
    'Text': 'light pink'
},
{
    'When': 'DD-1081',
    'Value': 'light_blue',
    'Text': 'light blue'
},
{
    'When': 'DD-1081',
    'Value': 'red_green',
    'Text': 'red green'
},
{
    'When': 'DD-1081',
    'Value': 'red_white',
    'Text': 'red white'
},{
    'When': 'DD-1081',
    'Value': 'white',
    'Text': 'white'
},
]; 
/* Connect #back_of_wrapper to #chocolate */
jQuery("#back_of_wrapper").cascade("#chocolate", {
    list: wrapper,
    template: commonTemplate,
    match: commonMatch

});

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

});
 

 $("#chocolate").change(function(){
 	var opt = this.options[this.selectedIndex].id;
	var wrap = $("#4_1bib_design").val();
	if (opt == "gift_set")
	{
		
		//$("#back_of_wrapper").val("option_2");
		$('#back_of_wrapperdiv').hide();
		$('#ribbon_colordiv').show();
	}
	
	 if (opt == "hersheys_kisses")
	{
		
		//$("#back_of_wrapper").val("option_2");
		$('#back_of_wrapperdiv').hide();
		$('#ribbon_colordiv').hide();
	}
	 if (opt == "hersheys_miniatures")
	{
		
		//$("#back_of_wrapper").val("option_2");
		$('#back_of_wrapperdiv').hide();
		$('#ribbon_colordiv').hide();
	}
	if (opt == "reg_chocolate_bar")
	{
		
		//$("#back_of_wrapper").val("option_2");
		$('#back_of_wrapperdiv').show();
		$('#ribbon_colordiv').hide();
	}
	if (opt == "5oz_chocolate_bar")
	{
		
		//$("#back_of_wrapper").val("option_2");
		$('#back_of_wrapperdiv').show();
		$('#ribbon_colordiv').hide();
	}
	/*else{
		$('#back_of_wrapperdiv').show();
		$('#ribbon_colordiv').hide();
	}
	*/
 	  })
	 
//$('#chocolate').trigger("change");
$("#chocolate").change(function(){
	var opt = this.options[this.selectedIndex].value;
	//var opt = $("#chocolate").val();
	
	$('#text1').val('');
	$('#text2').val('');
	switch (opt) {
		case "dd-1010":
			setMaxLength('#text1', 15);
			setMaxLength('#text2', 15);
			break;
		case "dd-1011":
			setMaxLength('#text1', 18);
			setMaxLength('#text2', 18);
			break;
		case "dd-1012":
			setMaxLength('#text1', 30);
			setMaxLength('#text2', 30);
			break;
		case "dd-1013":
			setMaxLength('#text1', 30);
			setMaxLength('#text2', 30);
			break;	
		case "DD-1081":
			setMaxLength('#text1', 15);
			setMaxLength('#text2', 15);
			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)');
		
    }
	
});