$(document).ready(function(){
	 var font = [/*Dependent On: 2_category */   
	 /* initial  */
    {
        'When': 'initial_block_font',
        'Value': 'block',
        'Text': 'block'
    }, 
	{
        'When': 'initial_block_font',
        'Value': 'script',
        'Text': 'script'
    }, 
	/* number */
	{
        'When': 'number',
        'Value': 'default',
        'Text': 'default'
    }, ];
	  /* Connect #7_font to #4_personalization */
    jQuery("#7_font").cascade("#4_personalization", {
        list: font,
        template: commonTemplate,
        match: commonMatch
    });
	
	$("#4_personalization").bind("change", function(e){
		$('#5_initial').val(''); //set value to none when onchange
        $('#6_number').val(''); //set value to none when onchange
        var opt = this.options[this.selectedIndex].value;
		if (opt =='initial_block_font'){
			$('#5_initialdiv').show();
            $('#6_numberdiv').hide();
		}
		if (opt =='initial_script_font'){
			$('#5_initialdiv').show();
            $('#6_numberdiv').hide();
		}
		if (opt =='number'){
			$('#5_initialdiv').hide();
            $('#6_numberdiv').show();
		}
        });
	$('#4_personalization').trigger("change");
})