jQuery('#color_one').mouseover(function(){ color_one_high_pads.show(); layerpads.draw(); color_one_high_blocker.show(); layerblocker.draw(); color_one_high_catch.show(); layercatch.draw(); color_one_high_set.show(); layerset.draw(); }); jQuery('#color_one').mouseout(function(){ color_one_high_pads.hide(); layerpads.draw(); color_one_high_blocker.hide(); layerblocker.draw(); color_one_high_catch.hide(); layercatch.draw(); color_one_high_set.hide(); layerset.draw(); }); jQuery('#color_two').mouseover(function(){ color_two_high_pads.show(); layerpads.draw(); color_two_high_blocker.show(); layerblocker.draw(); color_two_high_catch.show(); layercatch.draw(); color_two_high_set.show(); layerset.draw(); }); jQuery('#color_two').mouseout(function(){ color_two_high_pads.hide(); layerpads.draw(); color_two_high_blocker.hide(); layerblocker.draw(); color_two_high_catch.hide(); layercatch.draw(); color_two_high_set.hide(); layerset.draw(); }); jQuery('#color_three').mouseover(function(){ color_three_high_pads.show(); layerpads.draw(); color_three_high_blocker.show(); layerblocker.draw(); color_three_high_catch.show(); layercatch.draw(); color_three_high_set.show(); layerset.draw(); }); jQuery('#color_three').mouseout(function(){ color_three_high_pads.hide(); layerpads.draw(); color_three_high_blocker.hide(); layerblocker.draw(); color_three_high_catch.hide(); layercatch.draw(); color_three_high_set.hide(); layerset.draw(); }); jQuery('#color_four').mouseover(function(){ color_four_high_pads.show(); layerpads.draw(); color_four_high_blocker.show(); layerblocker.draw(); color_four_high_catch.show(); layercatch.draw(); color_four_high_set.show(); layerset.draw(); }); jQuery('#color_four').mouseout(function(){ color_four_high_pads.hide(); layerpads.draw(); color_four_high_blocker.hide(); layerblocker.draw(); color_four_high_catch.hide(); layercatch.draw(); color_four_high_set.hide(); layerset.draw(); }); jQuery('#color_five').mouseover(function(){ color_five_high_pads.show(); layerpads.draw(); color_five_high_blocker.show(); layerblocker.draw(); color_five_high_catch.show(); layercatch.draw(); color_five_high_set.show(); layerset.draw(); }); jQuery('#color_five').mouseout(function(){ color_five_high_pads.hide(); layerpads.draw(); color_five_high_blocker.hide(); layerblocker.draw(); color_five_high_catch.hide(); layercatch.draw(); color_five_high_set.hide(); layerset.draw(); }); jQuery('#color_six').mouseover(function(){ color_six_high_pads.show(); layerpads.draw(); color_six_high_blocker.show(); layerblocker.draw(); color_six_high_catch.show(); layercatch.draw(); color_six_high_set.show(); layerset.draw(); }); jQuery('#color_six').mouseout(function(){ color_six_high_pads.hide(); layerpads.draw(); color_six_high_blocker.hide(); layerblocker.draw(); color_six_high_catch.hide(); layercatch.draw(); color_six_high_set.hide(); layerset.draw(); }); jQuery('#color_seven').mouseover(function(){ color_seven_high_pads.show(); layerpads.draw(); color_seven_high_blocker.show(); layerblocker.draw(); color_seven_high_catch.show(); layercatch.draw(); color_seven_high_set.show(); layerset.draw(); }); jQuery('#color_seven').mouseout(function(){ color_seven_high_pads.hide(); layerpads.draw(); color_seven_high_blocker.hide(); layerblocker.draw(); color_seven_high_catch.hide(); layercatch.draw(); color_seven_high_set.hide(); layerset.draw(); }); jQuery('#color_eight').mouseover(function(){ color_eight_high_pads.show(); layerpads.draw(); color_eight_high_blocker.show(); layerblocker.draw(); color_eight_high_catch.show(); layercatch.draw(); color_eight_high_set.show(); layerset.draw(); }); jQuery('#color_eight').mouseout(function(){ color_eight_high_pads.hide(); layerpads.draw(); color_eight_high_blocker.hide(); layerblocker.draw(); color_eight_high_catch.hide(); layercatch.draw(); color_eight_high_set.hide(); layerset.draw(); }); jQuery('#color_nine').mouseover(function(){ color_nine_high_pads.show(); layerpads.draw(); color_nine_high_blocker.show(); layerblocker.draw(); color_nine_high_catch.show(); layercatch.draw(); color_nine_high_set.show(); layerset.draw(); }); jQuery('#color_nine').mouseout(function(){ color_nine_high_pads.hide(); layerpads.draw(); color_nine_high_blocker.hide(); layerblocker.draw(); color_nine_high_catch.hide(); layercatch.draw(); color_nine_high_set.hide(); layerset.draw(); }); jQuery('#color_ten').mouseover(function(){ color_ten_high_pads.show(); layerpads.draw(); color_ten_high_blocker.show(); layerblocker.draw(); color_ten_high_catch.show(); layercatch.draw(); color_ten_high_set.show(); layerset.draw(); }); jQuery('#color_ten').mouseout(function(){ color_ten_high_pads.hide(); layerpads.draw(); color_ten_high_blocker.hide(); layerblocker.draw(); color_ten_high_catch.hide(); layercatch.draw(); color_ten_high_set.hide(); layerset.draw(); }); jQuery('#color_eleven').mouseover(function(){ color_eleven_high_pads.show(); layerpads.draw(); color_eleven_high_blocker.show(); layerblocker.draw(); color_eleven_high_catch.show(); layercatch.draw(); color_eleven_high_set.show(); layerset.draw(); }); jQuery('#color_eleven').mouseout(function(){ color_eleven_high_pads.hide(); layerpads.draw(); color_eleven_high_blocker.hide(); layerblocker.draw(); color_eleven_high_catch.hide(); layercatch.draw(); color_eleven_high_set.hide(); layerset.draw(); }); jQuery('#color_twelve').mouseover(function(){ color_twelve_high_pads.show(); layerpads.draw(); color_twelve_high_blocker.show(); layerblocker.draw(); color_twelve_high_catch.show(); layercatch.draw(); color_twelve_high_set.show(); layerset.draw(); }); jQuery('#color_twelve').mouseout(function(){ color_twelve_high_pads.hide(); layerpads.draw(); color_twelve_high_blocker.hide(); layerblocker.draw(); color_twelve_high_catch.hide(); layercatch.draw(); color_twelve_high_set.hide(); layerset.draw(); }); jQuery('#color_thirteen').mouseover(function(){ color_thirteen_high_pads.show(); layerpads.draw(); color_thirteen_high_blocker.show(); layerblocker.draw(); color_thirteen_high_catch.show(); layercatch.draw(); color_thirteen_high_set.show(); layerset.draw(); }); jQuery('#color_thirteen').mouseout(function(){ color_thirteen_high_pads.hide(); layerpads.draw(); color_thirteen_high_blocker.hide(); layerblocker.draw(); color_thirteen_high_catch.hide(); layercatch.draw(); color_thirteen_high_set.hide(); layerset.draw(); }); jQuery('#color_fourteen').mouseover(function(){ color_fourteen_high_pads.show(); layerpads.draw(); color_fourteen_high_blocker.show(); layerblocker.draw(); color_fourteen_high_catch.show(); layercatch.draw(); color_fourteen_high_set.show(); layerset.draw(); }); jQuery('#color_fourteen').mouseout(function(){ color_fourteen_high_pads.hide(); layerpads.draw(); color_fourteen_high_blocker.hide(); layerblocker.draw(); color_fourteen_high_catch.hide(); layercatch.draw(); color_fourteen_high_set.hide(); layerset.draw(); }); jQuery('#color_fifteen').mouseover(function(){ color_fifteen_high_pads.show(); layerpads.draw(); color_fifteen_high_blocker.show(); layerblocker.draw(); color_fifteen_high_catch.show(); layercatch.draw(); color_fifteen_high_set.show(); layerset.draw(); }); jQuery('#color_fifteen').mouseout(function(){ color_fifteen_high_pads.hide(); layerpads.draw(); color_fifteen_high_blocker.hide(); layerblocker.draw(); color_fifteen_high_catch.hide(); layercatch.draw(); color_fifteen_high_set.hide(); layerset.draw(); }); jQuery('#color_sixteen').mouseover(function(){ color_sixteen_high_pads.show(); layerpads.draw(); color_sixteen_high_blocker.show(); layerblocker.draw(); color_sixteen_high_catch.show(); layercatch.draw(); color_sixteen_high_set.show(); layerset.draw(); }); jQuery('#color_sixteen').mouseout(function(){ color_sixteen_high_pads.hide(); layerpads.draw(); color_sixteen_high_blocker.hide(); layerblocker.draw(); color_sixteen_high_catch.hide(); layercatch.draw(); color_sixteen_high_set.hide(); layerset.draw(); }); jQuery('#color_seventeen').mouseover(function(){ color_seventeen_high_pads.show(); layerpads.draw(); color_seventeen_high_blocker.show(); layerblocker.draw(); color_seventeen_high_catch.show(); layercatch.draw(); color_seventeen_high_set.show(); layerset.draw(); }); jQuery('#color_seventeen').mouseout(function(){ color_seventeen_high_pads.hide(); layerpads.draw(); color_seventeen_high_blocker.hide(); layerblocker.draw(); color_seventeen_high_catch.hide(); layercatch.draw(); color_seventeen_high_set.hide(); layerset.draw(); }); jQuery('#color_eighteen').mouseover(function(){ color_eighteen_high_pads.show(); layerpads.draw(); color_eighteen_high_blocker.show(); layerblocker.draw(); color_eighteen_high_catch.show(); layercatch.draw(); color_eighteen_high_set.show(); layerset.draw(); }); jQuery('#color_eighteen').mouseout(function(){ color_eighteen_high_pads.hide(); layerpads.draw(); color_eighteen_high_blocker.hide(); layerblocker.draw(); color_eighteen_high_catch.hide(); layercatch.draw(); color_eighteen_high_set.hide(); layerset.draw(); }); jQuery('#color_nineteen').mouseover(function(){ color_nineteen_high_pads.show(); layerpads.draw(); color_nineteen_high_blocker.show(); layerblocker.draw(); color_nineteen_high_catch.show(); layercatch.draw(); color_nineteen_high_set.show(); layerset.draw(); }); jQuery('#color_nineteen').mouseout(function(){ color_nineteen_high_pads.hide(); layerpads.draw(); color_nineteen_high_blocker.hide(); layerblocker.draw(); color_nineteen_high_catch.hide(); layercatch.draw(); color_nineteen_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty').mouseover(function(){ color_twenty_high_pads.show(); layerpads.draw(); color_twenty_high_blocker.show(); layerblocker.draw(); color_twenty_high_catch.show(); layercatch.draw(); color_twenty_high_set.show(); layerset.draw(); }); jQuery('#color_twenty').mouseout(function(){ color_twenty_high_pads.hide(); layerpads.draw(); color_twenty_high_blocker.hide(); layerblocker.draw(); color_twenty_high_catch.hide(); layercatch.draw(); color_twenty_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_one').mouseover(function(){ color_twenty_one_high_pads.show(); layerpads.draw(); color_twenty_one_high_blocker.show(); layerblocker.draw(); color_twenty_one_high_catch.show(); layercatch.draw(); color_twenty_one_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_one').mouseout(function(){ color_twenty_one_high_pads.hide(); layerpads.draw(); color_twenty_one_high_blocker.hide(); layerblocker.draw(); color_twenty_one_high_catch.hide(); layercatch.draw(); color_twenty_one_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_two').mouseover(function(){ color_twenty_two_high_pads.show(); layerpads.draw(); color_twenty_two_high_blocker.show(); layerblocker.draw(); color_twenty_two_high_catch.show(); layercatch.draw(); color_twenty_two_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_two').mouseout(function(){ color_twenty_two_high_pads.hide(); layerpads.draw(); color_twenty_two_high_blocker.hide(); layerblocker.draw(); color_twenty_two_high_catch.hide(); layercatch.draw(); color_twenty_two_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_three').mouseover(function(){ color_twenty_three_high_pads.show(); layerpads.draw(); color_twenty_three_high_blocker.show(); layerblocker.draw(); color_twenty_three_high_catch.show(); layercatch.draw(); color_twenty_three_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_three').mouseout(function(){ color_twenty_three_high_pads.hide(); layerpads.draw(); color_twenty_three_high_blocker.hide(); layerblocker.draw(); color_twenty_three_high_catch.hide(); layercatch.draw(); color_twenty_three_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_four').mouseover(function(){ color_twenty_four_high_pads.show(); layerpads.draw(); color_twenty_four_high_blocker.show(); layerblocker.draw(); color_twenty_four_high_catch.show(); layercatch.draw(); color_twenty_four_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_four').mouseout(function(){ color_twenty_four_high_pads.hide(); layerpads.draw(); color_twenty_four_high_blocker.hide(); layerblocker.draw(); color_twenty_four_high_catch.hide(); layercatch.draw(); color_twenty_four_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_five').mouseover(function(){ color_twenty_five_high_pads.show(); layerpads.draw(); color_twenty_five_high_blocker.show(); layerblocker.draw(); color_twenty_five_high_catch.show(); layercatch.draw(); color_twenty_five_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_five').mouseout(function(){ color_twenty_five_high_pads.hide(); layerpads.draw(); color_twenty_five_high_blocker.hide(); layerblocker.draw(); color_twenty_five_high_catch.hide(); layercatch.draw(); color_twenty_five_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_six').mouseover(function(){ color_twenty_six_high_pads.show(); layerpads.draw(); color_twenty_six_high_blocker.show(); layerblocker.draw(); color_twenty_six_high_catch.show(); layercatch.draw(); color_twenty_six_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_six').mouseout(function(){ color_twenty_six_high_pads.hide(); layerpads.draw(); color_twenty_six_high_blocker.hide(); layerblocker.draw(); color_twenty_six_high_catch.hide(); layercatch.draw(); color_twenty_six_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_seven').mouseover(function(){ color_twenty_seven_high_pads.show(); layerpads.draw(); color_twenty_seven_high_blocker.show(); layerblocker.draw(); color_twenty_seven_high_catch.show(); layercatch.draw(); color_twenty_seven_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_seven').mouseout(function(){ color_twenty_seven_high_pads.hide(); layerpads.draw(); color_twenty_seven_high_blocker.hide(); layerblocker.draw(); color_twenty_seven_high_catch.hide(); layercatch.draw(); color_twenty_seven_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_eight').mouseover(function(){ color_twenty_eight_high_pads.show(); layerpads.draw(); color_twenty_eight_high_blocker.show(); layerblocker.draw(); color_twenty_eight_high_catch.show(); layercatch.draw(); color_twenty_eight_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_eight').mouseout(function(){ color_twenty_eight_high_pads.hide(); layerpads.draw(); color_twenty_eight_high_blocker.hide(); layerblocker.draw(); color_twenty_eight_high_catch.hide(); layercatch.draw(); color_twenty_eight_high_set.hide(); layerset.draw(); }); jQuery('#color_twenty_nine').mouseover(function(){ color_twenty_nine_high_pads.show(); layerpads.draw(); color_twenty_nine_high_blocker.show(); layerblocker.draw(); color_twenty_nine_high_catch.show(); layercatch.draw(); color_twenty_nine_high_set.show(); layerset.draw(); }); jQuery('#color_twenty_nine').mouseout(function(){ color_twenty_nine_high_pads.hide(); layerpads.draw(); color_twenty_nine_high_blocker.hide(); layerblocker.draw(); color_twenty_nine_high_catch.hide(); layercatch.draw(); color_twenty_nine_high_set.hide(); layerset.draw(); }); jQuery('#color_thirty').mouseover(function(){ color_thirty_high_pads.show(); layerpads.draw(); color_thirty_high_blocker.show(); layerblocker.draw(); color_thirty_high_catch.show(); layercatch.draw(); color_thirty_high_set.show(); layerset.draw(); }); jQuery('#color_thirty').mouseout(function(){ color_thirty_high_pads.hide(); layerpads.draw(); color_thirty_high_blocker.hide(); layerblocker.draw(); color_thirty_high_catch.hide(); layercatch.draw(); color_thirty_high_set.hide(); layerset.draw(); }); jQuery('#color_thirty_one').mouseover(function(){ color_thirty_one_high_pads.show(); layerpads.draw(); color_thirty_one_high_blocker.show(); layerblocker.draw(); color_thirty_one_high_catch.show(); layercatch.draw(); color_thirty_one_high_set.show(); layerset.draw(); }); jQuery('#color_thirty_one').mouseout(function(){ color_thirty_one_high_pads.hide(); layerpads.draw(); color_thirty_one_high_blocker.hide(); layerblocker.draw(); color_thirty_one_high_catch.hide(); layercatch.draw(); color_thirty_one_high_set.hide(); layerset.draw(); }); jQuery('#color_thirty_two').mouseover(function(){ color_thirty_two_high_pads.show(); layerpads.draw(); color_thirty_two_high_blocker.show(); layerblocker.draw(); color_thirty_two_high_catch.show(); layercatch.draw(); color_thirty_two_high_set.show(); layerset.draw(); }); jQuery('#color_thirty_two').mouseout(function(){ color_thirty_two_high_pads.hide(); layerpads.draw(); color_thirty_two_high_blocker.hide(); layerblocker.draw(); color_thirty_two_high_catch.hide(); layercatch.draw(); color_thirty_two_high_set.hide(); layerset.draw(); }); jQuery('#color_bindings').mouseover(function(){ bindings_high_pads.show(); layerpads.draw(); bindings_high_blocker.show(); layerblocker.draw(); bindings_high_catch.show(); layercatch.draw(); bindings_high_set.show(); layerset.draw(); }); jQuery('#color_bindings').mouseout(function(){ bindings_high_pads.hide(); layerpads.draw(); bindings_high_blocker.hide(); layerblocker.draw(); bindings_high_catch.hide(); layercatch.draw(); bindings_high_set.hide(); layerset.draw(); }); jQuery('#color_elastic').mouseover(function(){ color_elastic_high_pads.show(); layerpads.draw(); color_elastic_high_blocker.show(); layerblocker.draw(); color_elastic_high_catch.show(); layercatch.draw(); color_elastic_high_set.show(); layerset.draw(); }); jQuery('#color_elastic').mouseout(function(){ color_elastic_high_pads.hide(); layerpads.draw(); color_elastic_high_blocker.hide(); layerblocker.draw(); color_elastic_high_catch.hide(); layercatch.draw(); color_elastic_high_set.hide(); layerset.draw(); }); jQuery('#color_transfers').mouseover(function(){ color_transfers_high_pads.show(); layerpads.draw(); color_transfers_high_blocker.show(); layerblocker.draw(); color_transfers_high_catch.show(); layercatch.draw(); color_transfers_high_set.show(); layerset.draw(); }); jQuery('#color_transfers').mouseout(function(){ color_transfers_high_pads.hide(); layerpads.draw(); color_transfers_high_blocker.hide(); layerblocker.draw(); color_transfers_high_catch.hide(); layercatch.draw(); color_transfers_high_set.hide(); layerset.draw(); }); jQuery('#color_pocket_lacing').mouseover(function(){ pocket_lacing_high_pads.show(); layerpads.draw(); pocket_lacing_high_blocker.show(); layerblocker.draw(); pocket_lacing_high_catch.show(); layercatch.draw(); pocket_lacing_high_set.show(); layerset.draw(); }); jQuery('#color_pocket_lacing').mouseout(function(){ pocket_lacing_high_pads.hide(); layerpads.draw(); pocket_lacing_high_blocker.hide(); layerblocker.draw(); pocket_lacing_high_catch.hide(); layercatch.draw(); pocket_lacing_high_set.hide(); layerset.draw(); }); jQuery('#color_inner_lacing').mouseover(function(){ color_inner_lacing_high_pads.show(); layerpads.draw(); color_inner_lacing_high_blocker.show(); layerblocker.draw(); color_inner_lacing_high_catch.show(); layercatch.draw(); color_inner_lacing_high_set.show(); layerset.draw(); }); jQuery('#color_inner_lacing').mouseout(function(){ color_inner_lacing_high_pads.hide(); layerpads.draw(); color_inner_lacing_high_blocker.hide(); layerblocker.draw(); color_inner_lacing_high_catch.hide(); layercatch.draw(); color_inner_lacing_high_set.hide(); layerset.draw(); }); jQuery('#color_outer_lacing').mouseover(function(){ color_outer_lacing_high_pads.show(); layerpads.draw(); color_outer_lacing_high_blocker.show(); layerblocker.draw(); color_outer_lacing_high_catch.show(); layercatch.draw(); color_outer_lacing_high_set.show(); layerset.draw(); }); jQuery('#color_outer_lacing').mouseout(function(){ color_outer_lacing_high_pads.hide(); layerpads.draw(); color_outer_lacing_high_blocker.hide(); layerblocker.draw(); color_outer_lacing_high_catch.hide(); layercatch.draw(); color_outer_lacing_high_set.hide(); layerset.draw(); }); jQuery('#color_lacing').mouseover(function(){ color_lacing_high_pads.show(); layerpads.draw(); color_lacing_high_blocker.show(); layerblocker.draw(); color_lacing_high_catch.show(); layercatch.draw(); color_lacing_high_set.show(); layerset.draw(); }); jQuery('#color_lacing').mouseout(function(){ color_lacing_high_pads.hide(); layerpads.draw(); color_lacing_high_blocker.hide(); layerblocker.draw(); color_lacing_high_catch.hide(); layercatch.draw(); color_lacing_high_set.hide(); layerset.draw(); }); jQuery('#color_stitching').mouseover(function(){ stitching_high_pads.show(); layerpads.draw(); stitching_high_blocker.show(); layerblocker.draw(); stitching_high_catch.show(); layercatch.draw(); stitching_high_set.show(); layerset.draw(); }); jQuery('#color_stitching').mouseout(function(){ stitching_high_pads.hide(); layerpads.draw(); stitching_high_blocker.hide(); layerblocker.draw(); stitching_high_catch.hide(); layercatch.draw(); stitching_high_set.hide(); layerset.draw(); }); // 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(); });