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'
},  ];

$(document).ready(function(){

/* 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
});

//changed global
quantityChanged = 1
$('#0_quantity').change( function() {
	quantityChanged = 0
})

/* 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();
			if( parseInt( $('#0_quantity').val() ) < 12 ) { 
				$('#0_quantity').val('12') 
			}
			$('#4_basediv').show();
			$('#5_detailingdiv').show();
			break;

		case "AP-1002":
			$('#singlediv').hide();
			$('#pairdiv').show();
			if( parseInt( $('#0_quantity').val() ) < 6 || quantityChanged ) { 
				$('#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");
});