$(document).ready(function(){
var design_single = [/*Dependent On: 3_design */
 /* single */{
    'When': 'AP-1001',
    'Value': 'bride',
    'Text': 'bride'
}, {
    'When': 'AP-1001',
    'Value': 'groom',
    'Text': 'groom'
}, {
    'When': 'AP-1001',
    'Value': 'filigree',
    'Text': 'filigree'
},  {
    'When': 'AP-1001',
    'Value': 'scrolls',
    'Text': 'scrolls'
}, {
    'When': 'AP-1001',
    'Value': 'vintage',
    'Text': 'vintage'
},  ];

var base = [/*Dependent On: 3_design */ 
/* filigree */{
    'When': 'filigree',
    'Value': 'milk',
    'Text': 'milk'
}, {
    'When': 'filigree',
    'Value': 'white',
    'Text': 'white'
}, {
    'When': 'filigree',
    'Value': 'dark',
    'Text': 'dark'
}, /* scrolls */{
    'When': 'scrolls',
    'Value': 'milk',
    'Text': 'milk'
}, {
    'When': 'scrolls',
    'Value': 'white',
    'Text': 'white'
}, {
    'When': 'scrolls',
    'Value': 'dark',
    'Text': 'dark'
}, /* vintage */{
    'When': 'vintage',
    'Value': 'milk',
    'Text': 'milk'
}, {
    'When': 'vintage',
    'Value': 'white',
    'Text': 'white'
}, {
    'When': 'vintage',
    'Value': 'dark',
    'Text': 'dark'
},
/* bride */{
    'When': 'bride',
    'Value': 'default',
    'Text': 'default'
},
/* groom */
{
    'When': 'groom',
    'Value': 'default',
    'Text': 'default'
},  ];

var design_pair = [
/*Dependent On: 3_design */
 /* pair */{
    'When': 'AP-1002',
    'Value': 'bride',
    'Text': 'bride'
}, {
    'When': 'AP-1002',
    'Value': 'groom',
    'Text': 'groom'
}, {
    'When': 'AP-1002',
    'Value': 'filigree',
    'Text': 'filigree'
},  {
    'When': 'AP-1002',
    'Value': 'scrolls',
    'Text': 'scrolls'
}, {
    'When': 'AP-1002',
    'Value': 'vintage',
    'Text': 'vintage'
},  ];

/* Connect #3_design to #1_shirttype */
jQuery("#3_design").cascade("#1_packaging", {
    list: design_single,
    template: commonTemplate,
    match: commonMatch
});

/* Connect #4_base to #3_design 
jQuery("#4_base").cascade("#3_design", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});
*/
/* Connect #5_detailing to #3_design 
jQuery("#5_detailing").cascade("#3_design", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});
*/
/* Connect #6_design1 to #1_packaging */
jQuery("#6_design1").cascade("#1_packaging", {
    list: design_pair,
    template: commonTemplate,
    match: commonMatch
});

/* Connect #7_design2 to #1_packaging */
jQuery("#7_design2").cascade("#1_packaging", {
    list: design_pair,
    template: commonTemplate,
    match: commonMatch
});
/* Connect #8_base1 to #7_design2 */
jQuery("#8_base1").cascade("#6_design1", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});

/* Connect #9_detaling1 to #7_design2 */
jQuery("#9_detaling1").cascade("#6_design1", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});

/* Connect #10_base2 to #7_design2 */
jQuery("#10_base2").cascade("#7_design2", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});
/* Connect #11_detailing2 to #7_design2 */
jQuery("#11_detailing2").cascade("#7_design2", {
    list: base,
    template: commonTemplate,
    match: commonMatch
});

/* Display  singlediv, pairdiv to #1_packaging */
$("#1_packaging").change(function(){
    var opt = this.options[this.selectedIndex].value;
    switch (opt) {
        case "AP-1001":
            $('#singlediv').show();
            $('#pairdiv').hide();

            $('#0_quantity').val('12');
           $('#4_basediv').show();
		   $('#5_detailingdiv').show();
            break;
            
        case "AP-1002":
             $('#singlediv').hide();
           $('#pairdiv').show();
            $('#0_quantity').val('6');
			$('#4_basediv').hide();
		   $('#5_detailingdiv').hide();
            break;

        default:
    };
    })

// hides 4_base, 5_detailing
/*
$("#3_design").bind("change.cascade", function(){
    var elem = document.getElementById("1_packaging");
    var opt = elem.options[elem.selectedIndex].value;
    switch (opt) {
        case "AP-1001":
            $('#4_base').show();
            $('#5_detailing').show();
            
            break;
        case "AP-1002":
            $('#4_base').hide();
            $('#5_detailing').hide();
            break;
		
        default:
           $('#4_base').hide();
           $('#5_detailing').hide();
    };
    })
*/
$("#3_design").bind("change.cascade", function(){
	var design = $("#3_design").val();
	if(design=="bride"||design=="groom"){
		 $('#4_basediv').hide();
		 $('#5_detailingdiv').hide();
	}
	else{
		 $('#4_basediv').show();
		 $('#5_detailingdiv').show();
	}
	});



//hides 8_base1, 9_detaling1
$("#6_design1").bind("change.cascade", function(){
    var elem = document.getElementById("1_packaging");
    var opt = elem.options[elem.selectedIndex].value;
    switch (opt) {
        case "AP-1001":
            $('#8_base1').hide();
            $('#9_detaling1').hide();
            
            break;
        case "AP-1002":
             $('#8_base1').show();
            $('#9_detaling1').show();
            break;
		
        default:
           $('#8_base1').hide();
            $('#9_detaling1').hide();
    };
    })

//hides 10_base2, 11_detailing2
$("#7_design2").bind("change.cascade", function(){
    var elem = document.getElementById("1_packaging");
    var opt = elem.options[elem.selectedIndex].value;
    switch (opt) {
        case "AP-1001":
            $('#10_base2').hide();
            $('#11_detailing2').hide();
            
            break;
        case "AP-1002":
             $('#10_base2').show();
            $('#11_detailing2').show();
            break;
		
        default:
           $('#10_base2').hide();
            $('#11_detailing2').hide();
    };
    })
$
/* Start Default Selection */
$('#1_packaging').trigger("change.cascade");
$('#1_packaging').trigger("change");
});