// Color One

jQuery('.color_one').click(function(){
    jQuery('#color_one_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_one_pads.setFill(fill);
    color_one_pads.setStroke(fill);
    layerpads.draw();
    color_one_blocker.setFill(fill);
    color_one_blocker.setStroke(fill);
    layerblocker.draw();
    color_one_catch.setFill(fill);
    color_one_catch.setStroke(fill);
    layercatch.draw();
    color_one_set.setFill(fill);
    color_one_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_one_weave').click(function(){
    color_one_clip_pads.show();
    layerpads.draw();
    color_one_clip_blocker.show();
    layerblocker.draw();
    color_one_clip_catch.show();
    layercatch.draw();
    color_one_clip_set.show();
    layerset.draw();
});
jQuery('.color_one_flat').click(function(){
    color_one_clip_pads.hide();
    layerpads.draw();
    color_one_clip_blocker.hide();
    layerblocker.draw();
    color_one_clip_catch.hide();
    layercatch.draw();
    color_one_clip_set.hide();
    layerset.draw();
});
jQuery('.color_one_matte').click(function(){
    color_one_clip_pads.hide();
    layerpads.draw();
    color_one_clip_blocker.hide();
    layerblocker.draw();
    color_one_clip_catch.hide();
    layercatch.draw();
    color_one_clip_set.hide();
    layerset.draw();
});
jQuery('.color_one_defender').click(function(){
    color_one_clip_pads.hide();
    layerpads.draw();
    color_one_clip_blocker.hide();
    layerblocker.draw();
    color_one_clip_catch.hide();
    layercatch.draw();
    color_one_clip_set.hide();
    layerset.draw();
});

// Color Two

jQuery('.color_two').click(function(){
    jQuery('#color_two_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_two_pads.setFill(fill);
    color_two_pads.setStroke(fill);
    layerpads.draw();
    color_two_blocker.setFill(fill);
    color_two_blocker.setStroke(fill);
    layerblocker.draw();
    color_two_catch.setFill(fill);
    color_two_catch.setStroke(fill);
    layercatch.draw();
    color_two_set.setFill(fill);
    color_two_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_two_weave').click(function(){
    color_two_clip_pads.show();
    layerpads.draw();
    color_two_clip_blocker.show();
    layerblocker.draw();
    color_two_clip_catch.show();
    layercatch.draw();
    color_two_clip_set.show();
    layerset.draw();
});
jQuery('.color_two_flat').click(function(){
    color_two_clip_pads.hide();
    layerpads.draw();
    color_two_clip_blocker.hide();
    layerblocker.draw();
    color_two_clip_catch.hide();
    layercatch.draw();
    color_two_clip_set.hide();
    layerset.draw();
});
jQuery('.color_two_matte').click(function(){
    color_two_clip_pads.hide();
    layerpads.draw();
    color_two_clip_blocker.hide();
    layerblocker.draw();
    color_two_clip_catch.hide();
    layercatch.draw();
    color_two_clip_set.hide();
    layerset.draw();
});
jQuery('.color_two_defender').click(function(){
    color_two_clip_pads.hide();
    layerpads.draw();
    color_two_clip_blocker.hide();
    layerblocker.draw();
    color_two_clip_catch.hide();
    layercatch.draw();
    color_two_clip_set.hide();
    layerset.draw();
});
// Color Three

jQuery('.color_three').click(function(){
    jQuery('#color_three_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_three_pads.setFill(fill);
    color_three_pads.setStroke(fill);
    layerpads.draw();
    color_three_blocker.setFill(fill);
    color_three_blocker.setStroke(fill);
    layerblocker.draw();
    color_three_catch.setFill(fill);
    color_three_catch.setStroke(fill);
    layercatch.draw();
    color_three_set.setFill(fill);
    color_three_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_three_weave').click(function(){
    color_three_clip_pads.show();
    layerpads.draw();
    color_three_clip_blocker.show();
    layerblocker.draw();
    color_three_clip_catch.show();
    layercatch.draw();
    color_three_clip_set.show();
    layerset.draw();
});
jQuery('.color_three_flat').click(function(){
    color_three_clip_pads.hide();
    layerpads.draw();
    color_three_clip_blocker.hide();
    layerblocker.draw();
    color_three_clip_catch.hide();
    layercatch.draw();
    color_three_clip_set.hide();
    layerset.draw();
});
jQuery('.color_three_matte').click(function(){
    color_three_clip_pads.hide();
    layerpads.draw();
    color_three_clip_blocker.hide();
    layerblocker.draw();
    color_three_clip_catch.hide();
    layercatch.draw();
    color_three_clip_set.hide();
    layerset.draw();
});
jQuery('.color_three_defender').click(function(){
    color_three_clip_pads.hide();
    layerpads.draw();
    color_three_clip_blocker.hide();
    layerblocker.draw();
    color_three_clip_catch.hide();
    layercatch.draw();
    color_three_clip_set.hide();
    layerset.draw();
});

// Color Four  

jQuery('.color_four').click(function(){
    jQuery('#color_four_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_four_pads.setFill(fill);
    color_four_pads.setStroke(fill);
    layerpads.draw();
    color_four_blocker.setFill(fill);
    color_four_blocker.setStroke(fill);
    layerblocker.draw();
    color_four_catch.setFill(fill);
    color_four_catch.setStroke(fill);
    layercatch.draw();
    color_four_set.setFill(fill);
    color_four_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_four_weave').click(function(){
    color_four_clip_pads.show();
    layerpads.draw();
    color_four_clip_blocker.show();
    layerblocker.draw();
    color_four_clip_catch.show();
    layercatch.draw();
    color_four_clip_set.show();
    layerset.draw();
});
jQuery('.color_four_flat').click(function(){
    color_four_clip_pads.hide();
    layerpads.draw();
    color_four_clip_blocker.hide();
    layerblocker.draw();
    color_four_clip_catch.hide();
    layercatch.draw();
    color_four_clip_set.hide();
    layerset.draw();
});
jQuery('.color_four_matte').click(function(){
    color_four_clip_pads.hide();
    layerpads.draw();
    color_four_clip_blocker.hide();
    layerblocker.draw();
    color_four_clip_catch.hide();
    layercatch.draw();
    color_four_clip_set.hide();
    layerset.draw();
});
jQuery('.color_four_defender').click(function(){
    color_four_clip_pads.hide();
    layerpads.draw();
    color_four_clip_blocker.hide();
    layerblocker.draw();
    color_four_clip_catch.hide();
    layercatch.draw();
    color_four_clip_set.hide();
    layerset.draw();
});

// Color Five

jQuery('.color_five').click(function(){
    jQuery('#color_five_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_five_pads.setFill(fill);
    color_five_pads.setStroke(fill);
    layerpads.draw();
    color_five_blocker.setFill(fill);
    color_five_blocker.setStroke(fill);
    layerblocker.draw();
    color_five_catch.setFill(fill);
    color_five_catch.setStroke(fill);
    layercatch.draw();
    color_five_set.setFill(fill);
    color_five_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_five_weave').click(function(){
    color_five_clip_pads.show();
    layerpads.draw();
    color_five_clip_blocker.show();
    layerblocker.draw();
    color_five_clip_catch.show();
    layercatch.draw();
    color_five_clip_set.show();
    layerset.draw();
});
jQuery('.color_five_flat').click(function(){
    color_five_clip_pads.hide();
    layerpads.draw();
    color_five_clip_blocker.hide();
    layerblocker.draw();
    color_five_clip_catch.hide();
    layercatch.draw();
    color_five_clip_set.hide();
    layerset.draw();
});
jQuery('.color_five_matte').click(function(){
    color_five_clip_pads.hide();
    layerpads.draw();
    color_five_clip_blocker.hide();
    layerblocker.draw();
    color_five_clip_catch.hide();
    layercatch.draw();
    color_five_clip_set.hide();
    layerset.draw();
});
jQuery('.color_five_defender').click(function(){
    color_five_clip_pads.hide();
    layerpads.draw();
    color_five_clip_blocker.hide();
    layerblocker.draw();
    color_five_clip_catch.hide();
    layercatch.draw();
    color_five_clip_set.hide();
    layerset.draw();
});

// Color Six

jQuery('.color_six').click(function(){
    jQuery('#color_six_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_six_pads.setFill(fill);
    color_six_pads.setStroke(fill);
    layerpads.draw();
    color_six_blocker.setFill(fill);
    color_six_blocker.setStroke(fill);
    layerblocker.draw();
    color_six_catch.setFill(fill);
    color_six_catch.setStroke(fill);
    layercatch.draw();
    color_six_set.setFill(fill);
    color_six_set.setStroke(fill);
    shaft_graphic_two_set.setFill(fill);
    layerset.draw();
});

jQuery('.color_six_weave').click(function(){
    color_six_clip_pads.show();
    layerpads.draw();
    color_six_clip_blocker.show();
    layerblocker.draw();
    color_six_clip_catch.show();
    layercatch.draw();
    color_six_clip_set.show();
    layerset.draw();
});
jQuery('.color_six_flat').click(function(){
    color_six_clip_pads.hide();
    layerpads.draw();
    color_six_clip_blocker.hide();
    layerblocker.draw();
    color_six_clip_catch.hide();
    layercatch.draw();
    color_six_clip_set.hide();
    layerset.draw();
});
jQuery('.color_six_matte').click(function(){
    color_six_clip_pads.hide();
    layerpads.draw();
    color_six_clip_blocker.hide();
    layerblocker.draw();
    color_six_clip_catch.hide();
    layercatch.draw();
    color_six_clip_set.hide();
    layerset.draw();
});
jQuery('.color_six_defender').click(function(){
    color_six_clip_pads.hide();
    layerpads.draw();
    color_six_clip_blocker.hide();
    layerblocker.draw();
    color_six_clip_catch.hide();
    layercatch.draw();
    color_six_clip_set.hide();
    layerset.draw();
});

// Color Seven
jQuery('.color_seven').click(function(){
    jQuery('#color_seven_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_seven_pads.setFill(fill);
    color_seven_pads.setStroke(fill);
    layerpads.draw();
    color_seven_blocker.setFill(fill);
    color_seven_blocker.setStroke(fill);
    layerblocker.draw();
    color_seven_catch.setFill(fill);
    color_seven_catch.setStroke(fill);
    layercatch.draw();
    color_seven_set.setFill(fill);
    color_seven_set.setStroke(fill);
    layerset.draw();
});

jQuery('.color_seven_weave').click(function(){
    color_seven_clip_pads.show();
    layerpads.draw();
    color_seven_clip_blocker.show();
    layerblocker.draw();
    color_seven_clip_catch.show();
    layercatch.draw();
});
jQuery('.color_seven_flat').click(function(){
    color_seven_clip_pads.hide();
    layerpads.draw();
    color_seven_clip_blocker.hide();
    layerblocker.draw();
    color_seven_clip_catch.hide();
    layercatch.draw();
});
jQuery('.color_seven_matte').click(function(){
    color_seven_clip_pads.hide();
    layerpads.draw();
    color_seven_clip_blocker.hide();
    layerblocker.draw();
    color_seven_clip_catch.hide();
    layercatch.draw();
});
jQuery('.color_seven_defender').click(function(){
    color_seven_clip_pads.hide();
    layerpads.draw();
    color_seven_clip_blocker.hide();
    layerblocker.draw();
    color_seven_clip_catch.hide();
    layercatch.draw();
});

// Color eight
jQuery('.color_eight').click(function(){
    jQuery('#color_eight_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_eight_pads.setFill(fill);
    color_eight_pads.setStroke(fill);
    layerpads.draw();
    color_eight_blocker.setFill(fill);
    color_eight_blocker.setStroke(fill);
    layerblocker.draw();
    color_eight_catch.setFill(fill);
    color_eight_catch.setStroke(fill);
    layercatch.draw();
    color_eight_set.setFill(fill);
    color_eight_set.setStroke(fill);
    layerset.draw();
});

// Color Nine
jQuery('.color_nine').click(function(){
    jQuery('#color_nine_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    color_nine_pads.setFill(fill);
    color_nine_pads.setStroke(fill);
    layerpads.draw();
    color_nine_blocker.setFill(fill);
    color_nine_blocker.setStroke(fill);
    layerblocker.draw();
    color_nine_catch.setFill(fill);
    color_nine_catch.setStroke(fill);
    layercatch.draw();
    color_nine_set.setFill(fill);
    color_nine_set.setStroke(fill);
    layerset.draw();
});

// Stitching
jQuery('.color_stitching').click(function(){
    jQuery('#color_stitching_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    stitching_pads.setStroke(fill);
    layerpads.draw();
    stitching_blocker.setStroke(fill);
    layerblocker.draw();
    stitching_catch.setStroke(fill);
    layercatch.draw();
    stitching_set.setStroke(fill);
    layerset.draw();
});

// Bindings
jQuery('.color_bindings').click(function(){
    jQuery('.swatches.color_bindings button').removeClass('selected');
    jQuery('#color_bindings_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    bindings_pads.setFill(fill);
    bindings_pads.setStroke(fill);
    layerpads.draw();
    bindings_blocker.setFill(fill);
    bindings_blocker.setStroke(fill);
    layerblocker.draw();
    bindings_catch.setFill(fill);
    bindings_catch.setStroke(fill);
    layercatch.draw();
    bindings_set.setFill(fill);
    bindings_set.setStroke(fill);
    layerset.draw();
});

// Outer Lacing
jQuery('.color_outer_lacing').click(function(){
    jQuery('.swatches.color_outer_lacing button').removeClass('selected');
    jQuery('#color_outer_lacing_span').text(this.value);
    jQuery('#').attr('value' , this.value);
    var fill = jQuery(this).attr('data-color-value');
    outer_lacing_pads.setFill(fill);
    outer_lacing_pads.setStroke(fill);
    layerpads.draw();
    outer_lacing_blocker.setFill(fill);
    outer_lacing_blocker.setStroke(fill);
    layerblocker.draw();
    outer_lacing_catch.setFill(fill);
    outer_lacing_catch.setStroke(fill);
    layercatch.draw();
    outer_lacing_set.setFill(fill);
    outer_lacing_set.setStroke(fill);
    layerset.draw();
});