$(document).ready(function(){
  var color = [/*Dependent On: 1_design */
	/* chevron */    
    {'When': 'chevron','Value': 'black','Text': 'black'}, 
	{'When': 'chevron','Value': 'blue','Text': 'blue'}, 
	{'When': 'chevron','Value': 'circles','Text': 'purple'},
	/* circles */
	{'When': 'circles','Value': 'blue','Text': 'blue'}, 
	{'When': 'circles','Value': 'pink','Text': 'pink'}, 
	{'When': 'circles','Value': 'purple','Text': 'purple'}, 
	/* damask */
	{'When': 'damask','Value': 'blue','Text': 'blue'}, 
	{'When': 'damask','Value': 'green','Text': 'green'}, 
	{'When': 'damask','Value': 'pink','Text': 'pink'}, 
	/* disco_dots */
	{'When': 'disco_dots','Value': 'blue','Text': 'blue'}, 
	{'When': 'disco_dots','Value': 'green','Text': 'green'}, 
	{'When': 'disco_dots','Value': 'pink','Text': 'pink'}, 
	{'When': 'disco_dots','Value': 'purple','Text': 'purple'}, 
	/*pastel stripes*/
	{'When': 'pastel_stripes','Value': 'orange','Text': 'orange'}, 
	{'When': 'pastel_stripes','Value': 'pink','Text': 'pink'}, 
	{'When': 'pastel_stripes','Value': 'purple','Text': 'purple'}, 
	/*rugby*/
	{'When': 'rugby','Value': 'green','Text': 'green'}, 
	{'When': 'rugby','Value': 'khaki','Text': 'khaki'}, 
	{'When': 'rugby','Value': 'red','Text': 'red'}, 
	/*script blocks*/
	{'When': 'script_blocks','Value': 'blue','Text': 'blue'}, 
	{'When': 'script_blocks','Value': 'green','Text': 'green'}, 
	{'When': 'script_blocks','Value': 'orange','Text': 'orange'}, 
	{'When': 'script_blocks','Value': 'pink','Text': 'pink'}, 
	/* solid block */
	{'When': 'solid_block','Value': 'black','Text': 'black'}, 
	{'When': 'solid_block','Value': 'navy','Text': 'navy'}, 
	{'When': 'solid_block','Value': 'olive','Text': 'olive'}, 
	{'When': 'solid_block','Value': 'olive','Text': 'red'}, 
	/*stack monogram*/
	{'When': 'stack_monogram','Value': 'brown','Text': 'brown'}, 
	{'When': 'stack_monogram','Value': 'khaki','Text': 'khaki'}, 
	{'When': 'stack_monogram','Value': 'navy','Text': 'navy'}, 
	{'When': 'stack_monogram','Value': 'olive','Text': 'olive'}, 	
	];
	 /* Connect #3_design to #2_category */
    jQuery("#2_color").cascade("#1_design", {
        list: color,
        template: commonTemplate,
        match: commonMatch
    
    });
	$("#1_design").bind("change", function(e){
		$('#3_monogram').val(''); //set value to none when onchange
    	$('#4_text').val(''); //set value to none when onchange
    	$('#5_initial').val(''); //set value to none when onchange
	var opt = this.options[this.selectedIndex].value;
	if((opt=='chevron')||(opt=='script_blocks')||(opt=='solid_block')||(opt=='stack monogram')){
		$('#3_monogramdiv').show();
    	$('#4_textdiv').hide();
    	$('#5_initialdiv').hide();
	}
	if((opt=='circles')||(opt=='pastel_stripes')){
		$('#3_monogramdiv').hide();
    	$('#4_textdiv').show();
    	$('#5_initialdiv').hide();
	}
	if((opt=='damask')||(opt=='rugby')||(opt=='disco_dots')){
		$('#3_monogramdiv').hide();
    	$('#4_textdiv').hide();
    	$('#5_initialdiv').show();
	}
	});
	
	
	$('#1_design').trigger("change");
	$('#1_design').trigger("change.cascade");
});