$(document).ready(function(){
	 var color = [
	{'When': 'NW_chicks','Value': 'blue','Text': 'blue'},
	{'When': 'NW_chicks','Value': 'pink','Text': 'pink'},
	{'When': 'NW_chicks','Value': 'teal','Text': 'teal'},
	{'When': 'NW_chicks','Value': 'yellow','Text': 'yellow'},
	{'When': 'NW_elephants','Value': 'blue','Text': 'blue'},
	{'When': 'NW_elephants','Value': 'lavender','Text': 'lavender'},
	{'When': 'NW_elephants','Value': 'lime','Text': 'lime'},
	{'When': 'NW_elephants','Value': 'orange','Text': 'orange'},
	{'When': 'NW_elephants','Value': 'pink','Text': 'pink'},
	{'When': 'CM_kids','Value': 'blue','Text': 'blue'},
	{'When': 'CM_kids','Value': 'pink','Text': 'pink'},
	{'When': 'CM_kids','Value': 'yellow','Text': 'yellow'},
	{'When': 'AM_beads','Value': 'blue','Text': 'blue'},
	{'When': 'AM_beads','Value': 'brown','Text': 'brown'},
	{'When': 'AM_beads','Value': 'pink','Text': 'pink'},
	{'When': 'JSS_hotdog','Value': 'lavender','Text': 'lavender'},
	{'When': 'JSS_hotdog','Value': 'lime','Text': 'lime'},
	{'When': 'JSS_hotdog','Value': 'poppy','Text': 'poppy'},
	{'When': 'JSS_hotdog','Value': 'sky','Text': 'sky'},
	{'When': 'AM_butterfly','Value': 'clay','Text': 'clay'},
	{'When': 'AM_butterfly','Value': 'pink','Text': 'pink'},
	{'When': 'AM_butterfly','Value': 'purple','Text': 'purple'},
	{'When': 'AM_butterfly','Value': 'sky','Text': 'sky'},
	{'When': 'AM_butterfly','Value': 'teal','Text': 'teal'},
	{'When': 'nw_baby_animal','Value': 'blue','Text': 'blue'},
	{'When': 'nw_baby_animal','Value': 'celadon','Text': 'celadon'},
	{'When': 'nw_baby_animal','Value': 'chocolate','Text': 'chocolate'},
	{'When': 'nw_baby_animal','Value': 'lime','Text': 'lime'},
	{'When': 'nw_baby_animal','Value': 'orange','Text': 'orange'},
	{'When': 'nw_baby_animal','Value': 'pink','Text': 'pink'},
	{'When': 'nw_baby_animal','Value': 'plum','Text': 'plum'},
	{'When': 'nw_baby_animal','Value': 'yellow','Text': 'yellow'},
	{'When': 'kp_baby_feet','Value': 'blue','Text': 'blue'},
	{'When': 'kp_baby_feet','Value': 'green','Text': 'green'},
	{'When': 'kp_baby_feet','Value': 'pink','Text': 'pink'},
	{'When': 'sh_blossom','Value': 'blue','Text': 'blue'},
	{'When': 'sh_blossom','Value': 'pink','Text': 'pink'},
	{'When': 'sh_blossom','Value': 'red','Text': 'red'},
	{'When': 'sh_blossom','Value': 'water','Text': 'water'},
	{'When': 'sh_blossom','Value': 'yellow','Text': 'yellow'},
	{'When': 'ce_buggy_baby','Value': 'blue','Text': 'blue'},
	{'When': 'ce_buggy_baby','Value': 'green','Text': 'green'},
	{'When': 'ce_buggy_baby','Value': 'pink','Text': 'pink'},
	{'When': 'ce_buggy_twins','Value': 'blue','Text': 'blue'},
	{'When': 'ce_buggy_twins','Value': 'green','Text': 'green'},
	{'When': 'ce_buggy_twins','Value': 'pink','Text': 'pink'},
	{'When': 'cm_jungle','Value': 'default','Text': 'default'},
	{'When': 'ce_nest_baby','Value': 'blue','Text': 'blue'},
	{'When': 'ce_nest_baby','Value': 'green','Text': 'green'},
	{'When': 'ce_nest_baby','Value': 'pink','Text': 'pink'},
{'When': 'nw_rocking_horse','Value': 'blue','Text': 'blue'},
{'When': 'nw_rocking_horse','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_rocking_horse','Value': 'lime','Text': 'lime'},
{'When': 'nw_rocking_horse','Value': 'mint','Text': 'mint'},
{'When': 'nw_rocking_horse','Value': 'navy','Text': 'navy'},
{'When': 'nw_rocking_horse','Value': 'orange','Text': 'orange'},
{'When': 'nw_rocking_horse','Value': 'pink','Text': 'pink'},
{'When': 'nw_rocking_horse','Value': 'red','Text': 'red'},
{'When': 'nw_silhouette_butterfly','Value': 'brown','Text': 'brown'},
{'When': 'nw_silhouette_butterfly','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_silhouette_butterfly','Value': 'light_blue','Text': 'light blue'},
{'When': 'nw_silhouette_butterfly','Value': 'lime','Text': 'lime'},
{'When': 'nw_silhouette_butterfly','Value': 'orange','Text': 'orange'},
{'When': 'nw_silhouette_butterfly','Value': 'pink','Text': 'pink'},
{'When': 'nw_silhouette_butterfly','Value': 'red','Text': 'red'},
{'When': 'nw_silhouette_butterfly','Value': 'sage','Text': 'sage'},
{'When': 'nw_silhouette_butterfly','Value': 'turquoise','Text': 'turquoise'},
{'When': 'nw_silhouette_bird','Value': 'brown','Text': 'brown'},
{'When': 'nw_silhouette_bird','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_silhouette_bird','Value': 'light_blue','Text': 'light blue'},
{'When': 'nw_silhouette_bird','Value': 'lime','Text': 'lime'},
{'When': 'nw_silhouette_bird','Value': 'orange','Text': 'orange'},
{'When': 'nw_silhouette_bird','Value': 'pink','Text': 'pink'},
{'When': 'nw_silhouette_bird','Value': 'red','Text': 'red'},
{'When': 'nw_silhouette_bird','Value': 'sage','Text': 'sage'},
{'When': 'nw_silhouette_bird','Value': 'turquoise','Text': 'turquoise'},
{'When': 'nw_silhouette_feather','Value': 'brown','Text': 'brown'},
{'When': 'nw_silhouette_feather','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_silhouette_feather','Value': 'light_blue','Text': 'light blue'},
{'When': 'nw_silhouette_feather','Value': 'lime','Text': 'lime'},
{'When': 'nw_silhouette_feather','Value': 'orange','Text': 'orange'},
{'When': 'nw_silhouette_feather','Value': 'pink','Text': 'pink'},
{'When': 'nw_silhouette_feather','Value': 'red','Text': 'red'},
{'When': 'nw_silhouette_feather','Value': 'sage','Text': 'sage'},
{'When': 'nw_silhouette_feather','Value': 'turquoise','Text': 'turquoise'},
{'When': 'nw_silhouette_fern','Value': 'brown','Text': 'brown'},
{'When': 'nw_silhouette_fern','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_silhouette_fern','Value': 'light_blue','Text': 'light blue'},
{'When': 'nw_silhouette_fern','Value': 'lime','Text': 'lime'},
{'When': 'nw_silhouette_fern','Value': 'orange','Text': 'orange'},
{'When': 'nw_silhouette_fern','Value': 'pink','Text': 'pink'},
{'When': 'nw_silhouette_fern','Value': 'red','Text': 'red'},
{'When': 'nw_silhouette_fern','Value': 'sage','Text': 'sage'},
{'When': 'nw_silhouette_fern','Value': 'turquoise','Text': 'turquoise'},
{'When': 'nw_stork','Value': 'blue','Text': 'blue'},
{'When': 'nw_stork','Value': 'chocolate_blue','Text': 'chocolate/blue'},
{'When': 'nw_stork','Value': 'chocolate_pink','Text': 'chocolate/pink'},
{'When': 'nw_stork','Value': 'green','Text': 'green'},
{'When': 'nw_stork','Value': 'lavender','Text': 'lavender'},
{'When': 'nw_stork','Value': 'pink','Text': 'pink'},
{'When': 'nw_stork','Value': 'teal','Text': 'teal'},
{'When': 'nw_stork','Value': 'yellow','Text': 'yellow'},
{'When': 'ce_strips','Value': 'blue','Text': 'blue'},
{'When': 'ce_strips','Value': 'green','Text': 'green'},
{'When': 'ce_strips','Value': 'orange','Text': 'orange'},
{'When': 'ce_strips','Value': 'pink','Text': 'pink'},
{'When': 'ce_strips','Value': 'purple','Text': 'purple'},
{'When': 'ce_nest_twin','Value': 'blue','Text': 'blue'},
{'When': 'ce_nest_twin','Value': 'green','Text': 'green'},
{'When': 'ce_nest_twin','Value': 'pink','Text': 'pink'},
{'When': 'ce_nest_twin','Value': 'purple','Text': 'purple'},
	 ];
	 /* Connect #4_color to #3_design */
    jQuery("#color").cascade("#design", {
        list: color,
        template: commonTemplate,
        match: commonMatch
    });
	
   $('#shape').bind("change", function(){
        textfieldchange();
    });
	$('#design').bind("change", function(){
        textfieldchange();
    });
    $("select#shape").change(function(){
        if ($(this).children("option:selected").val() == "1_375_circle") 
            $("span#0_quantity_note").html("sheet(s) of 35 labels");
        else 
            if ($(this).children("option:selected").val() == "diamond") 
                $("span#0_quantity_note").html("sheet(s) of 15 labels");
            else 
                if ($(this).children("option:selected").val() == "oval") 
                    $("span#0_quantity_note").html("sheet(s) of 28 labels");
                else 
                    if ($(this).children("option:selected").val() == "2_inch_circle") 
                        $("span#0_quantity_note").html("sheet(s) of 15 labels");
                    else 
                        if ($(this).children("option:selected").val() == "2_inch_square") 
                            $("span#0_quantity_note").html("sheet(s) of 12 labels");
    });
    function setMaxLength(element_id, length){
        $(element_id).attr("maxlength", length);
        note = element_id + '_note';
        $(note).html('(up to ' + length + ' characters)');
    };
     function prepFields(text_lengths){
        if (text_lengths[0]){$('#4_text1div').show();setMaxLength('#4_text1', text_lengths[0]);} else {$('#4_text1div').hide();}
		if (text_lengths[1]){$('#5_text2div').show();setMaxLength('#5_text2', text_lengths[1]);} else {$('#5_text2div').hide();}
		if (text_lengths[2]){$('#6_text3div').show();setMaxLength('#6_text3', text_lengths[2]);} else {$('#6_text3div').hide();}
		if (text_lengths[3]){$('#7_text4div').show();setMaxLength('#7_text4', text_lengths[3]);} else {$('#7_text4div').hide();}
		
    }
    function textfieldchange(){
        $('#4_text1').val(''); //set value to none when onchange
        $('#5_text2').val(''); //set value to none when onchange
        $('#6_text3').val(''); //set value to none when onchange
        var shape = $("#shape").val();
        var design = $("#design").val();
		if((shape=='2_inch_square')&&(design =='AM_beads')){prepFields([13])};	
		if((shape=='2_inch_circle')&&(design =='AM_beads')){ prepFields([13])};	
		if((shape=='oval')&&(design =='AM_beads')){ prepFields([12])};	
		if((shape=='1_375_circle')&&(design =='AM_beads')){ prepFields([13])};	
		if((shape=='diamond')&&(design =='AM_beads')){ prepFields([10])};
		if((shape=='2_inch_square')&&(design =='AM_butterfly')){ prepFields([10,13,15])};	
		if((shape=='2_inch_circle')&&(design =='AM_butterfly')){ prepFields([10,13,15])};	
		if((shape=='oval')&&(design =='AM_butterfly')){ prepFields([9,12])};	
		if((shape=='1_375_circle')&&(design =='AM_butterfly')){ prepFields([10,13,15])};	
		if((shape=='diamond')&&(design =='AM_butterfly')){ prepFields([10,13,15])};
		if((shape=='2_inch_square')&&(design =='NW_chicks')){ prepFields([18,12,15])};
		if((shape=='2_inch_circle')&&(design =='NW_chicks')){ prepFields([15,12,14])};	
		if((shape=='oval')&&(design =='NW_chicks')){ prepFields([10,12,8])};	
		if((shape=='1_375_circle')&&(design =='NW_chicks')){ prepFields([15,12,14])};
		if((shape=='diamond')&&(design =='NW_chicks')){ prepFields([10,12])};
		if((shape=='2_inch_square')&&(design =='NW_elephants')){ prepFields([20,12,16])};	
		if((shape=='2_inch_circle')&&(design =='NW_elephants')){ prepFields([20,12,16])};	
		if((shape=='oval')&&(design =='NW_elephants')){ prepFields([14,12,10])};	
		if((shape=='1_375_circle')&&(design =='NW_elephants')){ prepFields([15,14,16])};	
		if((shape=='diamond')&&(design =='NW_elephants')){ prepFields([14,12,10])};
		if((shape=='2_inch_square')&&(design =='JSS_hotdog')){ prepFields([15,15,13])};	
		if((shape=='2_inch_circle')&&(design =='JSS_hotdog')){ prepFields([10,13,12])};
		if((shape=='oval')&&(design =='JSS_hotdog')){ prepFields([9,11,11])};	
		if((shape=='1_375_circle')&&(design =='JSS_hotdog')){ prepFields([10,13,9])};
		if((shape=='diamond')&&(design =='JSS_hotdog')){ prepFields([8,13,10])};
		if((shape=='2_inch_square')&&(design =='CM_kids')){ prepFields([15,15,20])};	
		if((shape=='2_inch_circle')&&(design =='CM_kids')){ prepFields([12,15,20])};	
		if((shape=='oval')&&(design =='CM_kids')){ prepFields([12,15,20])};
		if((shape=='1_375_circle')&&(design =='CM_kids')){ prepFields([12,15,20])};	
		if((shape=='diamond')&&(design =='CM_kids')){ prepFields([10,13,20])};	
		
		if((shape=='2_inch_circle')&&(design =='nw_baby_animal')){ prepFields([14,17,16])};	if((shape=='1_375_circle')&&(design =='nw_baby_animal')){ prepFields([10,12,12])};	if((shape=='diamond')&&(design =='nw_baby_animal')){ prepFields([15,14,10])};	if((shape=='oval')&&(design =='nw_baby_animal')){ prepFields([7,8,10,11])};	if((shape=='2_inch_square')&&(design =='nw_baby_animal')){ prepFields([22,22,32])};	
		if((shape=='2_inch_circle')&&(design =='kp_baby_feet')){ prepFields([12,18])};	if((shape=='1_375_circle')&&(design =='kp_baby_feet')){ prepFields([12,18])};	if((shape=='diamond')&&(design =='kp_baby_feet')){ prepFields([12,18])};	if((shape=='oval')&&(design =='kp_baby_feet')){ prepFields([12,18])};	if((shape=='2_inch_square')&&(design =='kp_baby_feet')){ prepFields([12,18])};	
		if((shape=='2_inch_circle')&&(design =='sh_blossom')){ prepFields([10,10,10,10])};	if((shape=='1_375_circle')&&(design =='sh_blossom')){ prepFields([10,10,10,15])};	if((shape=='diamond')&&(design =='sh_blossom')){ prepFields([10,10,10,15])};	if((shape=='oval')&&(design =='sh_blossom')){ prepFields([10,10,10,15])};	if((shape=='2_inch_square')&&(design =='sh_blossom')){ prepFields([10,10,10,15])};	
		if((shape=='2_inch_circle')&&(design =='ce_buggy_baby')){ prepFields([19,16,22])};	if((shape=='1_375_circle')&&(design =='ce_buggy_baby')){ prepFields([19,16,22])};	if((shape=='diamond')&&(design =='ce_buggy_baby')){ prepFields([19,16,22])};	if((shape=='oval')&&(design =='ce_buggy_baby')){ prepFields([19,16,22])};	if((shape=='2_inch_square')&&(design =='ce_buggy_baby')){ prepFields([19,16,22])};	
		if((shape=='2_inch_circle')&&(design =='ce_buggy_twins')){ prepFields([19,16,22])};	if((shape=='1_375_circle')&&(design =='ce_buggy_twins')){ prepFields([19,16,22])};	if((shape=='diamond')&&(design =='ce_buggy_twins')){ prepFields([19,16,22])};	if((shape=='oval')&&(design =='ce_buggy_twins')){ prepFields([19,16,22])};	if((shape=='2_inch_square')&&(design =='ce_buggy_twins')){ prepFields([19,16,22])};	
		if((shape=='2_inch_circle')&&(design =='cm_jungle')){ prepFields([15,15,18])};	if((shape=='1_375_circle')&&(design =='cm_jungle')){ prepFields([15,15,18])};	if((shape=='diamond')&&(design =='cm_jungle')){ prepFields([15,15,18])};	if((shape=='oval')&&(design =='cm_jungle')){ prepFields([15,15,18])};	if((shape=='2_inch_square')&&(design =='cm_jungle')){ prepFields([15,15,18])};	
		if((shape=='2_inch_circle')&&(design =='ce_nest_baby')){ prepFields([9,6,20,26])};	if((shape=='1_375_circle')&&(design =='ce_nest_baby')){ prepFields([9,6,20,26])};	if((shape=='diamond')&&(design =='ce_nest_baby')){ prepFields([9,6,20,26])};	if((shape=='oval')&&(design =='ce_nest_baby')){ prepFields([9,6,20,26])};	if((shape=='2_inch_square')&&(design =='ce_nest_baby')){ prepFields([9,6,20,26])};	
		if((shape=='2_inch_circle')&&(design =='ce_nest_twin')){ prepFields([9,6,20,26])};	if((shape=='1_375_circle')&&(design =='ce_nest_twin')){ prepFields([9,6,20,26])};	if((shape=='diamond')&&(design =='ce_nest_twin')){ prepFields([9,6,20,26])};	if((shape=='oval')&&(design =='ce_nest_twin')){ prepFields([9,6,20,26])};	if((shape=='2_inch_square')&&(design =='ce_nest_twin')){ prepFields([9,6,20,26])};	
		if((shape=='2_inch_circle')&&(design =='nw_rocking_horse')){ prepFields([21,18])};	if((shape=='1_375_circle')&&(design =='nw_rocking_horse')){ prepFields([14,11])};	if((shape=='diamond')&&(design =='nw_rocking_horse')){ prepFields([14,8])};	if((shape=='oval')&&(design =='nw_rocking_horse')){ prepFields([16,9])};	if((shape=='2_inch_square')&&(design =='nw_rocking_horse')){ prepFields([24,25])};	
		if((shape=='2_inch_circle')&&(design =='nw_silhouette_bird')){ prepFields([15,15,20])};	if((shape=='1_375_circle')&&(design =='nw_silhouette_bird')){ prepFields([9,11])};	if((shape=='diamond')&&(design =='nw_silhouette_bird')){ prepFields([9,11])};	if((shape=='oval')&&(design =='nw_silhouette_bird')){ prepFields([9,11,14])};	if((shape=='2_inch_square')&&(design =='nw_silhouette_bird')){ prepFields([15,15,20])};	
		if((shape=='2_inch_circle')&&(design =='nw_silhouette_butterfly')){ prepFields([15,15,20])};	if((shape=='1_375_circle')&&(design =='nw_silhouette_butterfly')){ prepFields([12,9])};	if((shape=='diamond')&&(design =='nw_silhouette_butterfly')){ prepFields([13,9,6])};	if((shape=='oval')&&(design =='nw_silhouette_butterfly')){ prepFields([9,14,10])};	if((shape=='2_inch_square')&&(design =='nw_silhouette_butterfly')){ prepFields([15,15,20])};	
		if((shape=='2_inch_circle')&&(design =='nw_silhouette_feather')){ prepFields([15,15,20])};	if((shape=='1_375_circle')&&(design =='nw_silhouette_feather')){ prepFields([10,12])};	if((shape=='diamond')&&(design =='nw_silhouette_feather')){ prepFields([9,11])};	if((shape=='oval')&&(design =='nw_silhouette_feather')){ prepFields([9,11,14])};	if((shape=='2_inch_square')&&(design =='nw_silhouette_feather')){ prepFields([15,15,20])};	
		if((shape=='2_inch_circle')&&(design =='nw_silhouette_fern')){ prepFields([15,15,20])};	if((shape=='1_375_circle')&&(design =='nw_silhouette_fern')){ prepFields([13,10,6])};	if((shape=='diamond')&&(design =='nw_silhouette_fern')){ prepFields([9,11])};	if((shape=='oval')&&(design =='nw_silhouette_fern')){ prepFields([9,11,14])};	if((shape=='2_inch_square')&&(design =='nw_silhouette_fern')){ prepFields([15,15,20])};	
		if((shape=='2_inch_circle')&&(design =='nw_stork')){ prepFields([14,14,15,12])};	if((shape=='1_375_circle')&&(design =='nw_stork')){ prepFields([12,13])};	if((shape=='diamond')&&(design =='nw_stork')){ prepFields([12,13])};	if((shape=='oval')&&(design =='nw_stork')){ prepFields([13,14])};	if((shape=='2_inch_square')&&(design =='nw_stork')){ prepFields([13,15,15,18])};	
		if((shape=='2_inch_circle')&&(design =='ce_strips')){ prepFields([12,10,18])};	if((shape=='1_375_circle')&&(design =='ce_strips')){ prepFields([12,10,12])};	if((shape=='diamond')&&(design =='ce_strips')){ prepFields([12,10,8])};	if((shape=='oval')&&(design =='ce_strips')){ prepFields([14,10,11])};	if((shape=='2_inch_square')&&(design =='ce_strips')){ prepFields([12,10,18])};	




   };
  });