// 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); 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(); color_seven_clip_set.show(); layerset.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(); color_seven_clip_set.hide(); layerset.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(); color_seven_clip_set.hide(); layerset.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_seven_clip_set.hide(); layerset.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(); }); jQuery('.color_eight_weave').click(function(){ color_eight_clip_pads.show(); layerpads.draw(); color_eight_clip_blocker.show(); layerblocker.draw(); color_eight_clip_catch.show(); layercatch.draw(); color_eight_clip_set.show(); layerset.draw(); }); jQuery('.color_eight_flat').click(function(){ color_eight_clip_pads.hide(); layerpads.draw(); color_eight_clip_blocker.hide(); layerblocker.draw(); color_eight_clip_catch.hide(); layercatch.draw(); color_eight_clip_set.hide(); layerset.draw(); }); jQuery('.color_eight_matte').click(function(){ color_eight_clip_pads.hide(); layerpads.draw(); color_eight_clip_blocker.hide(); layerblocker.draw(); color_eight_clip_catch.hide(); layercatch.draw(); color_eight_clip_set.hide(); layerset.draw(); }); jQuery('.color_eight_defender').click(function(){ color_eight_clip_pads.hide(); layerpads.draw(); color_eight_clip_blocker.hide(); layerblocker.draw(); color_eight_clip_catch.hide(); layercatch.draw(); color_eight_clip_set.hide(); 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(); }); jQuery('.color_nine_weave').click(function(){ color_nine_clip_pads.show(); layerpads.draw(); color_nine_clip_blocker.show(); layerblocker.draw(); color_nine_clip_catch.show(); layercatch.draw(); color_nine_clip_set.show(); layerset.draw(); }); jQuery('.color_nine_flat').click(function(){ color_nine_clip_pads.hide(); layerpads.draw(); color_nine_clip_blocker.hide(); layerblocker.draw(); color_nine_clip_catch.hide(); layercatch.draw(); color_nine_clip_set.hide(); layerset.draw(); }); jQuery('.color_nine_matte').click(function(){ color_nine_clip_pads.hide(); layerpads.draw(); color_nine_clip_blocker.hide(); layerblocker.draw(); color_nine_clip_catch.hide(); layercatch.draw(); color_nine_clip_set.hide(); layerset.draw(); }); jQuery('.color_nine_defender').click(function(){ color_nine_clip_pads.hide(); layerpads.draw(); color_nine_clip_blocker.hide(); layerblocker.draw(); color_nine_clip_catch.hide(); layercatch.draw(); color_nine_clip_set.hide(); layerset.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_pads.setFill(fill); color_ten_pads.setStroke(fill); layerpads.draw(); color_ten_blocker.setFill(fill); color_ten_blocker.setStroke(fill); layerblocker.draw(); color_ten_catch.setFill(fill); color_ten_catch.setStroke(fill); layercatch.draw(); color_ten_set.setFill(fill); color_ten_set.setStroke(fill); layerset.draw(); }); jQuery('.color_ten_weave').click(function(){ color_ten_clip_pads.show(); layerpads.draw(); color_ten_clip_blocker.show(); layerblocker.draw(); color_ten_clip_catch.show(); layercatch.draw(); color_ten_clip_set.show(); layerset.draw(); }); jQuery('.color_ten_flat').click(function(){ color_ten_clip_pads.hide(); layerpads.draw(); color_ten_clip_blocker.hide(); layerblocker.draw(); color_ten_clip_catch.hide(); layercatch.draw(); color_ten_clip_set.hide(); layerset.draw(); }); jQuery('.color_ten_matte').click(function(){ color_ten_clip_pads.hide(); layerpads.draw(); color_ten_clip_blocker.hide(); layerblocker.draw(); color_ten_clip_catch.hide(); layercatch.draw(); color_ten_clip_set.hide(); layerset.draw(); }); jQuery('.color_ten_defender').click(function(){ color_ten_clip_pads.hide(); layerpads.draw(); color_ten_clip_blocker.hide(); layerblocker.draw(); color_ten_clip_catch.hide(); layercatch.draw(); color_ten_clip_set.hide(); layerset.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_pads.setFill(fill); color_eleven_pads.setStroke(fill); layerpads.draw(); color_eleven_blocker.setFill(fill); color_eleven_blocker.setStroke(fill); layerblocker.draw(); color_eleven_catch.setFill(fill); color_eleven_catch.setStroke(fill); layercatch.draw(); color_eleven_set.setFill(fill); color_eleven_set.setStroke(fill); layerset.draw(); }); jQuery('.color_eleven_weave').click(function(){ color_eleven_clip_pads.show(); layerpads.draw(); color_eleven_clip_blocker.show(); layerblocker.draw(); color_eleven_clip_catch.show(); layercatch.draw(); color_eleven_clip_set.show(); layerset.draw(); }); jQuery('.color_eleven_flat').click(function(){ color_eleven_clip_pads.hide(); layerpads.draw(); color_eleven_clip_blocker.hide(); layerblocker.draw(); color_eleven_clip_catch.hide(); layercatch.draw(); color_eleven_clip_set.hide(); layerset.draw(); }); jQuery('.color_eleven_matte').click(function(){ color_eleven_clip_pads.hide(); layerpads.draw(); color_eleven_clip_blocker.hide(); layerblocker.draw(); color_eleven_clip_catch.hide(); layercatch.draw(); color_eleven_clip_set.hide(); layerset.draw(); }); jQuery('.color_eleven_defender').click(function(){ color_eleven_clip_pads.hide(); layerpads.draw(); color_eleven_clip_blocker.hide(); layerblocker.draw(); color_eleven_clip_catch.hide(); layercatch.draw(); color_eleven_clip_set.hide(); layerset.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_pads.setFill(fill); color_twelve_pads.setStroke(fill); layerpads.draw(); color_twelve_blocker.setFill(fill); color_twelve_blocker.setStroke(fill); layerblocker.draw(); color_twelve_catch.setFill(fill); color_twelve_catch.setStroke(fill); layercatch.draw(); color_twelve_set.setFill(fill); color_twelve_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twelve_weave').click(function(){ color_twelve_clip_pads.show(); layerpads.draw(); color_twelve_clip_blocker.show(); layerblocker.draw(); color_twelve_clip_catch.show(); layercatch.draw(); color_twelve_clip_set.show(); layerset.draw(); }); jQuery('.color_twelve_flat').click(function(){ color_twelve_clip_pads.hide(); layerpads.draw(); color_twelve_clip_blocker.hide(); layerblocker.draw(); color_twelve_clip_catch.hide(); layercatch.draw(); color_twelve_clip_set.hide(); layerset.draw(); }); jQuery('.color_twelve_matte').click(function(){ color_twelve_clip_pads.hide(); layerpads.draw(); color_twelve_clip_blocker.hide(); layerblocker.draw(); color_twelve_clip_catch.hide(); layercatch.draw(); color_twelve_clip_set.hide(); layerset.draw(); }); jQuery('.color_twelve_defender').click(function(){ color_twelve_clip_pads.hide(); layerpads.draw(); color_twelve_clip_blocker.hide(); layerblocker.draw(); color_twelve_clip_catch.hide(); layercatch.draw(); color_twelve_clip_set.hide(); layerset.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_pads.setFill(fill); color_thirteen_pads.setStroke(fill); layerpads.draw(); color_thirteen_blocker.setFill(fill); color_thirteen_blocker.setStroke(fill); layerblocker.draw(); color_thirteen_catch.setFill(fill); color_thirteen_catch.setStroke(fill); layercatch.draw(); color_thirteen_set.setFill(fill); color_thirteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_thirteen_weave').click(function(){ color_thirteen_clip_pads.show(); layerpads.draw(); color_thirteen_clip_blocker.show(); layerblocker.draw(); color_thirteen_clip_catch.show(); layercatch.draw(); color_thirteen_clip_set.show(); layerset.draw(); }); jQuery('.color_thirteen_flat').click(function(){ color_thirteen_clip_pads.hide(); layerpads.draw(); color_thirteen_clip_blocker.hide(); layerblocker.draw(); color_thirteen_clip_catch.hide(); layercatch.draw(); color_thirteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_thirteen_matte').click(function(){ color_thirteen_clip_pads.hide(); layerpads.draw(); color_thirteen_clip_blocker.hide(); layerblocker.draw(); color_thirteen_clip_catch.hide(); layercatch.draw(); color_thirteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_thirteen_defender').click(function(){ color_thirteen_clip_pads.hide(); layerpads.draw(); color_thirteen_clip_blocker.hide(); layerblocker.draw(); color_thirteen_clip_catch.hide(); layercatch.draw(); color_thirteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_fourteen_pads.setStroke(fill); layerpads.draw(); color_fourteen_blocker.setFill(fill); color_fourteen_blocker.setStroke(fill); layerblocker.draw(); color_fourteen_catch.setFill(fill); color_fourteen_catch.setStroke(fill); layercatch.draw(); color_fourteen_set.setFill(fill); color_fourteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_fourteen_weave').click(function(){ color_fourteen_clip_pads.show(); layerpads.draw(); color_fourteen_clip_blocker.show(); layerblocker.draw(); color_fourteen_clip_catch.show(); layercatch.draw(); color_fourteen_clip_set.show(); layerset.draw(); }); jQuery('.color_fourteen_flat').click(function(){ color_fourteen_clip_pads.hide(); layerpads.draw(); color_fourteen_clip_blocker.hide(); layerblocker.draw(); color_fourteen_clip_catch.hide(); layercatch.draw(); color_fourteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_fourteen_matte').click(function(){ color_fourteen_clip_pads.hide(); layerpads.draw(); color_fourteen_clip_blocker.hide(); layerblocker.draw(); color_fourteen_clip_catch.hide(); layercatch.draw(); color_fourteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_fourteen_defender').click(function(){ color_fourteen_clip_pads.hide(); layerpads.draw(); color_fourteen_clip_blocker.hide(); layerblocker.draw(); color_fourteen_clip_catch.hide(); layercatch.draw(); color_fourteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_fifteen_pads.setStroke(fill); layerpads.draw(); color_fifteen_blocker.setFill(fill); color_fifteen_blocker.setStroke(fill); layerblocker.draw(); color_fifteen_catch.setFill(fill); color_fifteen_catch.setStroke(fill); layercatch.draw(); color_fifteen_set.setFill(fill); color_fifteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_fifteen_weave').click(function(){ color_fifteen_clip_pads.show(); layerpads.draw(); color_fifteen_clip_blocker.show(); layerblocker.draw(); color_fifteen_clip_catch.show(); layercatch.draw(); color_fifteen_clip_set.show(); layerset.draw(); }); jQuery('.color_fifteen_flat').click(function(){ color_fifteen_clip_pads.hide(); layerpads.draw(); color_fifteen_clip_blocker.hide(); layerblocker.draw(); color_fifteen_clip_catch.hide(); layercatch.draw(); color_fifteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_fifteen_matte').click(function(){ color_fifteen_clip_pads.hide(); layerpads.draw(); color_fifteen_clip_blocker.hide(); layerblocker.draw(); color_fifteen_clip_catch.hide(); layercatch.draw(); color_fifteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_fifteen_defender').click(function(){ color_fifteen_clip_pads.hide(); layerpads.draw(); color_fifteen_clip_blocker.hide(); layerblocker.draw(); color_fifteen_clip_catch.hide(); layercatch.draw(); color_fifteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_sixteen_pads.setStroke(fill); layerpads.draw(); color_sixteen_blocker.setFill(fill); color_sixteen_blocker.setStroke(fill); layerblocker.draw(); color_sixteen_catch.setFill(fill); color_sixteen_catch.setStroke(fill); layercatch.draw(); color_sixteen_set.setFill(fill); color_sixteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_sixteen_weave').click(function(){ color_sixteen_clip_pads.show(); layerpads.draw(); color_sixteen_clip_blocker.show(); layerblocker.draw(); color_sixteen_clip_catch.show(); layercatch.draw(); color_sixteen_clip_set.show(); layerset.draw(); }); jQuery('.color_sixteen_flat').click(function(){ color_sixteen_clip_pads.hide(); layerpads.draw(); color_sixteen_clip_blocker.hide(); layerblocker.draw(); color_sixteen_clip_catch.hide(); layercatch.draw(); color_sixteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_sixteen_matte').click(function(){ color_sixteen_clip_pads.hide(); layerpads.draw(); color_sixteen_clip_blocker.hide(); layerblocker.draw(); color_sixteen_clip_catch.hide(); layercatch.draw(); color_sixteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_sixteen_defender').click(function(){ color_sixteen_clip_pads.hide(); layerpads.draw(); color_sixteen_clip_blocker.hide(); layerblocker.draw(); color_sixteen_clip_catch.hide(); layercatch.draw(); color_sixteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_seventeen_pads.setStroke(fill); layerpads.draw(); color_seventeen_blocker.setFill(fill); color_seventeen_blocker.setStroke(fill); layerblocker.draw(); color_seventeen_catch.setFill(fill); color_seventeen_catch.setStroke(fill); layercatch.draw(); color_seventeen_set.setFill(fill); color_seventeen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_seventeen_weave').click(function(){ color_seventeen_clip_pads.show(); layerpads.draw(); color_seventeen_clip_blocker.show(); layerblocker.draw(); color_seventeen_clip_catch.show(); layercatch.draw(); color_seventeen_clip_set.show(); layerset.draw(); }); jQuery('.color_seventeen_flat').click(function(){ color_seventeen_clip_pads.hide(); layerpads.draw(); color_seventeen_clip_blocker.hide(); layerblocker.draw(); color_seventeen_clip_catch.hide(); layercatch.draw(); color_seventeen_clip_set.hide(); layerset.draw(); }); jQuery('.color_seventeen_matte').click(function(){ color_seventeen_clip_pads.hide(); layerpads.draw(); color_seventeen_clip_blocker.hide(); layerblocker.draw(); color_seventeen_clip_catch.hide(); layercatch.draw(); color_seventeen_clip_set.hide(); layerset.draw(); }); jQuery('.color_seventeen_defender').click(function(){ color_seventeen_clip_pads.hide(); layerpads.draw(); color_seventeen_clip_blocker.hide(); layerblocker.draw(); color_seventeen_clip_catch.hide(); layercatch.draw(); color_seventeen_clip_set.hide(); layerset.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_pads.setFill(fill); color_eighteen_pads.setStroke(fill); layerpads.draw(); color_eighteen_blocker.setFill(fill); color_eighteen_blocker.setStroke(fill); layerblocker.draw(); color_eighteen_catch.setFill(fill); color_eighteen_catch.setStroke(fill); layercatch.draw(); color_eighteen_set.setFill(fill); color_eighteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_eighteen_weave').click(function(){ color_eighteen_clip_pads.show(); layerpads.draw(); color_eighteen_clip_blocker.show(); layerblocker.draw(); color_eighteen_clip_catch.show(); layercatch.draw(); color_eighteen_clip_set.show(); layerset.draw(); }); jQuery('.color_eighteen_flat').click(function(){ color_eighteen_clip_pads.hide(); layerpads.draw(); color_eighteen_clip_blocker.hide(); layerblocker.draw(); color_eighteen_clip_catch.hide(); layercatch.draw(); color_eighteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_eighteen_matte').click(function(){ color_eighteen_clip_pads.hide(); layerpads.draw(); color_eighteen_clip_blocker.hide(); layerblocker.draw(); color_eighteen_clip_catch.hide(); layercatch.draw(); color_eighteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_eighteen_defender').click(function(){ color_eighteen_clip_pads.hide(); layerpads.draw(); color_eighteen_clip_blocker.hide(); layerblocker.draw(); color_eighteen_clip_catch.hide(); layercatch.draw(); color_eighteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_nineteen_pads.setStroke(fill); layerpads.draw(); color_nineteen_blocker.setFill(fill); color_nineteen_blocker.setStroke(fill); layerblocker.draw(); color_nineteen_catch.setFill(fill); color_nineteen_catch.setStroke(fill); layercatch.draw(); color_nineteen_set.setFill(fill); color_nineteen_set.setStroke(fill); layerset.draw(); }); jQuery('.color_nineteen_weave').click(function(){ color_nineteen_clip_pads.show(); layerpads.draw(); color_nineteen_clip_blocker.show(); layerblocker.draw(); color_nineteen_clip_catch.show(); layercatch.draw(); color_nineteen_clip_set.show(); layerset.draw(); }); jQuery('.color_nineteen_flat').click(function(){ color_nineteen_clip_pads.hide(); layerpads.draw(); color_nineteen_clip_blocker.hide(); layerblocker.draw(); color_nineteen_clip_catch.hide(); layercatch.draw(); color_nineteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_nineteen_matte').click(function(){ color_nineteen_clip_pads.hide(); layerpads.draw(); color_nineteen_clip_blocker.hide(); layerblocker.draw(); color_nineteen_clip_catch.hide(); layercatch.draw(); color_nineteen_clip_set.hide(); layerset.draw(); }); jQuery('.color_nineteen_defender').click(function(){ color_nineteen_clip_pads.hide(); layerpads.draw(); color_nineteen_clip_blocker.hide(); layerblocker.draw(); color_nineteen_clip_catch.hide(); layercatch.draw(); color_nineteen_clip_set.hide(); layerset.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_pads.setFill(fill); color_twenty_pads.setStroke(fill); layerpads.draw(); color_twenty_blocker.setFill(fill); color_twenty_blocker.setStroke(fill); layerblocker.draw(); color_twenty_catch.setFill(fill); color_twenty_catch.setStroke(fill); layercatch.draw(); color_twenty_set.setFill(fill); color_twenty_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twenty_weave').click(function(){ color_twenty_clip_pads.show(); layerpads.draw(); color_twenty_clip_blocker.show(); layerblocker.draw(); color_twenty_clip_catch.show(); layercatch.draw(); color_twenty_clip_set.show(); layerset.draw(); }); jQuery('.color_twenty_flat').click(function(){ color_twenty_clip_pads.hide(); layerpads.draw(); color_twenty_clip_blocker.hide(); layerblocker.draw(); color_twenty_clip_catch.hide(); layercatch.draw(); color_twenty_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_matte').click(function(){ color_twenty_clip_pads.hide(); layerpads.draw(); color_twenty_clip_blocker.hide(); layerblocker.draw(); color_twenty_clip_catch.hide(); layercatch.draw(); color_twenty_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_defender').click(function(){ color_twenty_clip_pads.hide(); layerpads.draw(); color_twenty_clip_blocker.hide(); layerblocker.draw(); color_twenty_clip_catch.hide(); layercatch.draw(); color_twenty_clip_set.hide(); layerset.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_pads.setFill(fill); color_twenty_one_pads.setStroke(fill); layerpads.draw(); color_twenty_one_blocker.setFill(fill); color_twenty_one_blocker.setStroke(fill); layerblocker.draw(); color_twenty_one_catch.setFill(fill); color_twenty_one_catch.setStroke(fill); layercatch.draw(); color_twenty_one_set.setFill(fill); color_twenty_one_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twenty_one_weave').click(function(){ color_twenty_one_clip_pads.show(); layerpads.draw(); color_twenty_one_clip_blocker.show(); layerblocker.draw(); color_twenty_one_clip_catch.show(); layercatch.draw(); color_twenty_one_clip_set.show(); layerset.draw(); }); jQuery('.color_twenty_one_flat').click(function(){ color_twenty_one_clip_pads.hide(); layerpads.draw(); color_twenty_one_clip_blocker.hide(); layerblocker.draw(); color_twenty_one_clip_catch.hide(); layercatch.draw(); color_twenty_one_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_one_matte').click(function(){ color_twenty_one_clip_pads.hide(); layerpads.draw(); color_twenty_one_clip_blocker.hide(); layerblocker.draw(); color_twenty_one_clip_catch.hide(); layercatch.draw(); color_twenty_one_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_one_defender').click(function(){ color_twenty_one_clip_pads.hide(); layerpads.draw(); color_twenty_one_clip_blocker.hide(); layerblocker.draw(); color_twenty_one_clip_catch.hide(); layercatch.draw(); color_twenty_one_clip_set.hide(); layerset.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_pads.setFill(fill); color_twenty_two_pads.setStroke(fill); layerpads.draw(); color_twenty_two_blocker.setFill(fill); color_twenty_two_blocker.setStroke(fill); layerblocker.draw(); color_twenty_two_catch.setFill(fill); color_twenty_two_catch.setStroke(fill); layercatch.draw(); color_twenty_two_set.setFill(fill); color_twenty_two_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twenty_two_weave').click(function(){ color_twenty_two_clip_pads.show(); layerpads.draw(); color_twenty_two_clip_blocker.show(); layerblocker.draw(); color_twenty_two_clip_catch.show(); layercatch.draw(); color_twenty_two_clip_set.show(); layerset.draw(); }); jQuery('.color_twenty_two_flat').click(function(){ color_twenty_two_clip_pads.hide(); layerpads.draw(); color_twenty_two_clip_blocker.hide(); layerblocker.draw(); color_twenty_two_clip_catch.hide(); layercatch.draw(); color_twenty_two_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_two_matte').click(function(){ color_twenty_two_clip_pads.hide(); layerpads.draw(); color_twenty_two_clip_blocker.hide(); layerblocker.draw(); color_twenty_two_clip_catch.hide(); layercatch.draw(); color_twenty_two_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_two_defender').click(function(){ color_twenty_two_clip_pads.hide(); layerpads.draw(); color_twenty_two_clip_blocker.hide(); layerblocker.draw(); color_twenty_two_clip_catch.hide(); layercatch.draw(); color_twenty_two_clip_set.hide(); layerset.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_pads.setFill(fill); color_twenty_three_pads.setStroke(fill); layerpads.draw(); color_twenty_three_blocker.setFill(fill); color_twenty_three_blocker.setStroke(fill); layerblocker.draw(); color_twenty_three_catch.setFill(fill); color_twenty_three_catch.setStroke(fill); layercatch.draw(); color_twenty_three_set.setFill(fill); color_twenty_three_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twenty_three_weave').click(function(){ color_twenty_three_clip_pads.show(); layerpads.draw(); color_twenty_three_clip_blocker.show(); layerblocker.draw(); color_twenty_three_clip_catch.show(); layercatch.draw(); color_twenty_three_clip_set.show(); layerset.draw(); }); jQuery('.color_twenty_three_flat').click(function(){ color_twenty_three_clip_pads.hide(); layerpads.draw(); color_twenty_three_clip_blocker.hide(); layerblocker.draw(); color_twenty_three_clip_catch.hide(); layercatch.draw(); color_twenty_three_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_three_matte').click(function(){ color_twenty_three_clip_pads.hide(); layerpads.draw(); color_twenty_three_clip_blocker.hide(); layerblocker.draw(); color_twenty_three_clip_catch.hide(); layercatch.draw(); color_twenty_three_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_three_defender').click(function(){ color_twenty_three_clip_pads.hide(); layerpads.draw(); color_twenty_three_clip_blocker.hide(); layerblocker.draw(); color_twenty_three_clip_catch.hide(); layercatch.draw(); color_twenty_three_clip_set.hide(); layerset.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_pads.setFill(fill); color_twenty_four_pads.setStroke(fill); layerpads.draw(); color_twenty_four_blocker.setFill(fill); color_twenty_four_blocker.setStroke(fill); layerblocker.draw(); color_twenty_four_catch.setFill(fill); color_twenty_four_catch.setStroke(fill); layercatch.draw(); color_twenty_four_set.setFill(fill); color_twenty_four_set.setStroke(fill); layerset.draw(); }); jQuery('.color_twenty_four_weave').click(function(){ color_twenty_four_clip_pads.show(); layerpads.draw(); color_twenty_four_clip_blocker.show(); layerblocker.draw(); color_twenty_four_clip_catch.show(); layercatch.draw(); color_twenty_four_clip_set.show(); layerset.draw(); }); jQuery('.color_twenty_four_flat').click(function(){ color_twenty_four_clip_pads.hide(); layerpads.draw(); color_twenty_four_clip_blocker.hide(); layerblocker.draw(); color_twenty_four_clip_catch.hide(); layercatch.draw(); color_twenty_four_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_four_matte').click(function(){ color_twenty_four_clip_pads.hide(); layerpads.draw(); color_twenty_four_clip_blocker.hide(); layerblocker.draw(); color_twenty_four_clip_catch.hide(); layercatch.draw(); color_twenty_four_clip_set.hide(); layerset.draw(); }); jQuery('.color_twenty_four_defender').click(function(){ color_twenty_four_clip_pads.hide(); layerpads.draw(); color_twenty_four_clip_blocker.hide(); layerblocker.draw(); color_twenty_four_clip_catch.hide(); layercatch.draw(); color_twenty_four_clip_set.hide(); 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(); }); // Pocket Lacing jQuery('.color_pocket_lacing').click(function(){ jQuery('#color_pocket_lacing_span').text(this.value); jQuery('#').attr('value' , this.value); var fill = jQuery(this).attr('data-color-value'); pocket_lacing_pads.setFill(fill); layerpads.draw(); pocket_lacing_blocker.setFill(fill); layerblocker.draw(); pocket_lacing_catch.setFill(fill); layercatch.draw(); pocket_lacing_set.setFill(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(); }); // 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_pads.setFill(fill); color_elastic_pads.setStroke(fill); layerpads.draw(); color_elastic_blocker.setFill(fill); color_elastic_blocker.setStroke(fill); layerblocker.draw(); color_elastic_catch.setFill(fill); color_elastic_catch.setStroke(fill); layercatch.draw(); color_elastic_set.setFill(fill); color_elastic_set.setStroke(fill); layerset.draw(); });