$(document).ready(function(){
  var color = [/*Dependent On: 3_design */  /* baby stroller  */
  {
    'When': 'KA-1005',
    'Value': 'blue',
    'Text': 'blue'
  }, {
    'When': 'KA-1005',
    'Value': 'pink',
    'Text': 'pink'
  }, {
    'When': 'KA-1005',
    'Value': 'yellow',
    'Text': 'yellow'
  }, /* teddy bear  */  /*{
   'When': 'KA-1006',
   'Value': 'blue',
   'Text': 'blue'
   }*/
  , {
    'When': 'KA-1006',
    'Value': 'pink',
    'Text': 'pink'
  }, ];
  
  /* Connect #4_color to #3_design */
  jQuery("#2_color").cascade("#1_design", {
    list: color,
    template: commonTemplate,
    match: commonMatch
  });
  /* Start Default Selection */
  $('#1_design').trigger("change.cascade");
});