// 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_blocker.setFill(fill);
color_one_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_one_weave').click(function(){
color_one_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_one_flat').click(function(){
color_one_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_one_matte').click(function(){
color_one_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_one_defender').click(function(){
color_one_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_two_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_two_weave').click(function(){
color_two_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_two_flat').click(function(){
color_two_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_two_matte').click(function(){
color_two_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_two_defender').click(function(){
color_two_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_three_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_three_weave').click(function(){
color_three_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_three_flat').click(function(){
color_three_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_three_matte').click(function(){
color_three_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_three_defender').click(function(){
color_three_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_four_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_four_weave').click(function(){
color_four_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_four_flat').click(function(){
color_four_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_four_matte').click(function(){
color_four_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_four_defender').click(function(){
color_four_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_five_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_five_weave').click(function(){
color_five_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_five_flat').click(function(){
color_five_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_six_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_six_weave').click(function(){
color_six_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_six_flat').click(function(){
color_six_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_seven_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_seven_weave').click(function(){
color_seven_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_seven_flat').click(function(){
color_seven_clip_blocker.hide();
layerblocker.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_blocker.setFill(fill);
color_eight_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_eight_weave').click(function(){
color_eight_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_eight_flat').click(function(){
color_eight_clip_blocker.hide();
layerblocker.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_blocker.show();
color_nine_blocker.setFill(fill);
color_nine_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_nine_weave').click(function(){
color_nine_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_nine_flat').click(function(){
color_nine_clip_blocker.hide();
layerblocker.draw();
});
// Color Ten
jQuery('.color_ten').click(function(){
jQuery('#color_ten_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_ten_blocker.show();
color_ten_blocker.setFill(fill);
color_ten_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_ten_weave').click(function(){
color_ten_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_ten_flat').click(function(){
color_ten_clip_blocker.hide();
layerblocker.draw();
});
// Color Eleven
jQuery('.color_eleven').click(function(){
jQuery('#color_eleven_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_eleven_blocker.show();
color_eleven_blocker.setFill(fill);
color_eleven_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_eleven_weave').click(function(){
color_eleven_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_eleven_flat').click(function(){
color_eleven_clip_blocker.hide();
layerblocker.draw();
});
// Color Twelve
jQuery('.color_twelve').click(function(){
jQuery('#color_twelve_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twelve_blocker.show();
color_twelve_blocker.setFill(fill);
color_twelve_blocker.setStroke(fill);
layerblocker.draw();
});
// Color Thirteen
jQuery('.color_thirteen').click(function(){
jQuery('#color_thirteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_thirteen_blocker.show();
color_thirteen_blocker.setFill(fill);
color_thirteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_thirteen_weave').click(function(){
color_thirteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_thirteen_flat').click(function(){
color_thirteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Fourteen
jQuery('.color_fourteen').click(function(){
jQuery('#color_fourteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_fourteen_blocker.show();
color_fourteen_blocker.setFill(fill);
color_fourteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_fourteen_weave').click(function(){
color_fourteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_fourteen_flat').click(function(){
color_fourteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Fifteen
jQuery('.color_fifteen').click(function(){
jQuery('#color_fifteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_fifteen_blocker.show();
color_fifteen_blocker.setFill(fill);
color_fifteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_fifteen_weave').click(function(){
color_fifteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_fifteen_flat').click(function(){
color_fifteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Sixteen
jQuery('.color_sixteen').click(function(){
jQuery('#color_sixteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_sixteen_blocker.show();
color_sixteen_blocker.setFill(fill);
color_sixteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_sixteen_weave').click(function(){
color_sixteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_sixteen_flat').click(function(){
color_sixteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Seventeen
jQuery('.color_seventeen').click(function(){
jQuery('#color_seventeen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_seventeen_blocker.show();
color_seventeen_blocker.setFill(fill);
color_seventeen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_seventeen_weave').click(function(){
color_seventeen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_seventeen_flat').click(function(){
color_seventeen_clip_blocker.hide();
layerblocker.draw();
});
// Color Eighteen
jQuery('.color_eighteen').click(function(){
jQuery('#color_eighteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_eighteen_blocker.show();
color_eighteen_blocker.setFill(fill);
color_eighteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_eighteen_weave').click(function(){
color_eighteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_eighteen_flat').click(function(){
color_eighteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Nineteen
jQuery('.color_nineteen').click(function(){
jQuery('#color_nineteen_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_nineteen_blocker.show();
color_nineteen_blocker.setFill(fill);
color_nineteen_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_nineteen_weave').click(function(){
color_nineteen_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_nineteen_flat').click(function(){
color_nineteen_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_nineteen_matte').click(function(){
color_nineteen_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_nineteen_defender').click(function(){
color_nineteen_clip_blocker.hide();
layerblocker.draw();
});
// Color Twenty
jQuery('.color_twenty').click(function(){
jQuery('#color_twenty_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twenty_blocker.show();
color_twenty_blocker.setFill(fill);
color_twenty_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_twenty_weave').click(function(){
color_twenty_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_twenty_flat').click(function(){
color_twenty_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_matte').click(function(){
color_twenty_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_defender').click(function(){
color_twenty_clip_blocker.hide();
layerblocker.draw();
});
// Color Twenty One
jQuery('.color_twenty_one').click(function(){
jQuery('#color_twenty_one_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twenty_one_blocker.show();
color_twenty_one_blocker.setFill(fill);
color_twenty_one_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_twenty_one_weave').click(function(){
color_twenty_one_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_twenty_one_flat').click(function(){
color_twenty_one_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_one_matte').click(function(){
color_twenty_one_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_one_defender').click(function(){
color_twenty_one_clip_blocker.hide();
layerblocker.draw();
});
// Color Twenty Two
jQuery('.color_twenty_two').click(function(){
jQuery('#color_twenty_two_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twenty_two_blocker.show();
color_twenty_two_blocker.setFill(fill);
color_twenty_two_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_twenty_two_weave').click(function(){
color_twenty_two_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_twenty_two_flat').click(function(){
color_twenty_two_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_two_matte').click(function(){
color_twenty_two_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_two_defender').click(function(){
color_twenty_two_clip_blocker.hide();
layerblocker.draw();
});
// Color Twenty Three
jQuery('.color_twenty_three').click(function(){
jQuery('#color_twenty_three_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twenty_three_blocker.show();
color_twenty_three_blocker.setFill(fill);
color_twenty_three_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_twenty_three_weave').click(function(){
color_twenty_three_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_twenty_three_flat').click(function(){
color_twenty_three_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_three_matte').click(function(){
color_twenty_three_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_three_defender').click(function(){
color_twenty_three_clip_blocker.hide();
layerblocker.draw();
});
// Color Twenty Four
jQuery('.color_twenty_four').click(function(){
jQuery('#color_twenty_four_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_twenty_four_blocker.show();
color_twenty_four_blocker.setFill(fill);
color_twenty_four_blocker.setStroke(fill);
layerblocker.draw();
});
jQuery('.color_twenty_four_weave').click(function(){
color_twenty_four_clip_blocker.show();
layerblocker.draw();
});
jQuery('.color_twenty_four_flat').click(function(){
color_twenty_four_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_four_matte').click(function(){
color_twenty_four_clip_blocker.hide();
layerblocker.draw();
});
jQuery('.color_twenty_four_defender').click(function(){
color_twenty_four_clip_blocker.hide();
layerblocker.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_blocker.setStroke(fill);
layerblocker.draw();
});
// Lacing
jQuery('.color_lacing').click(function(){
jQuery('#color_lacing_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
inner_lacing_blocker.setFill(fill);
layerblocker.draw();
});
// Pocket Lacing
jQuery('.color_pocket_lacing').click(function(){
jQuery('#color_pocket_lacing_span').text(this.value);
jQuery('#').attr('value' , this.value);
jQuery('.swatches.color_pocket_lacing button').removeClass('selected');
var fill = jQuery(this).attr('data-color-value');
pocket_lacing_blocker.setFill(fill);
layerblocker.draw();
});
// Outer Lacing
jQuery('.color_outer_lacing').click(function(){
jQuery('#color_outer_lacing_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
outer_lacing_blocker.setFill(fill);
layerblocker.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_blocker.setFill(fill);
bindings_blocker.setStroke(fill);
layerblocker.draw();
});
// Transfers
jQuery('.color_lefevre').click(function(){
jQuery('#color_lefevre_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
var shell_stroke = jQuery(this).attr('data-stroke-color');
transfers_blocker.setFill(fill);
transfers_blocker.setStroke(shell_stroke);
layerblocker.draw();
});
// Embroidery
jQuery('.swatches.embroidery button').click(function(){
jQuery('#embroidery_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
embroidery_blocker.setFill(fill);
layerblocker.draw();
});
// Elastic
jQuery('.swatches.color_elastic button').click(function(){
jQuery('#color_elastic_span').text(this.value);
jQuery('#').attr('value' , this.value);
var fill = jQuery(this).attr('data-color-value');
color_elastic_blocker.setFill(fill);
color_elastic_blocker.setStroke(fill);
layerblocker.draw();
});