// tabs

	  // When the document loads do everything inside here ...
	  jQuery(document).ready(function(){

		// When a link is clicked
		jQuery("a.tab").click(function () {

			// switch all tabs off
			jQuery(".active").removeClass("active");

			// switch this tab on
			jQuery(this).addClass("active");

			// slide all elements with the class 'content' up
			jQuery(".content").hide();

			// Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.
			var content_show = jQuery(this).attr("title");
			jQuery("#"+content_show).fadeIn(400);

		});
		
// end tabs	




		// m1 Styles
		jQuery("#option1-style-switch-button-1").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-1").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-2").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-2").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-3").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-3").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-4").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-4").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-5").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-5").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-6").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-6").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-7").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-7").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-8").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-8").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-9").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-9").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-10").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-10").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-11").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-11").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-12").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-12").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-13").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-13").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-14").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-14").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-15").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-15").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-16").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-16").fadeIn(500);return false;});
		jQuery("#option1-style-switch-button-17").click(function() {jQuery(".m1Style").hide(100);jQuery("#option1-style-17").fadeIn(500);return false;});

		// m2 Styles
		jQuery("#option2-style-switch-button-1").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-1").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-2").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-2").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-3").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-3").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-4").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-4").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-5").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-5").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-6").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-6").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-7").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-7").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-8").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-8").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-9").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-9").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-10").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-10").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-11").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-11").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-12").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-12").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-13").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-13").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-14").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-14").fadeIn(500);return false;});
		jQuery("#option2-style-switch-button-15").click(function() {jQuery(".m2Style").hide(100);jQuery("#option2-style-15").fadeIn(500);return false;});

		// m3 Styles
		jQuery("#option3-style-switch-button-1").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-1").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-2").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-2").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-3").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-3").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-4").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-4").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-5").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-5").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-6").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-6").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-7").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-7").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-8").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-8").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-9").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-9").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-10").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-10").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-11").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-11").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-12").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-12").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-13").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-13").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-14").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-14").fadeIn(500);return false;});
		jQuery("#option3-style-switch-button-15").click(function() {jQuery(".m3Style").hide(100);jQuery("#option3-style-15").fadeIn(500);return false;});

		// m4 Styles
		jQuery("#option4-style-switch-button-1").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-1").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-2").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-2").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-3").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-3").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-4").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-4").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-5").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-5").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-6").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-6").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-7").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-7").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-8").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-8").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-9").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-9").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-10").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-10").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-11").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-11").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-12").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-12").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-13").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-13").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-14").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-14").fadeIn(500);return false;});
		jQuery("#option4-style-switch-button-15").click(function() {jQuery(".m4Style").hide(100);jQuery("#option4-style-15").fadeIn(500);return false;});

		// m5 Tread Styles
		jQuery("#option5-style-switch-button-1").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-1").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-2").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-2").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-3").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-3").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-4").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-4").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-5").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-5").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-6").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-6").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-7").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-7").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-8").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-8").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-9").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-9").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-10").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-10").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-11").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-11").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-12").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-12").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-13").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-13").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-14").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-14").fadeIn(500);return false;});
		jQuery("#option5-style-switch-button-15").click(function() {jQuery(".m5Style").hide(100);jQuery("#option5-style-15").fadeIn(500);return false;});

		// m6 Coverstitch Styles
		jQuery("#option6-style-switch-button-1").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-1").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-2").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-2").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-3").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-3").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-4").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-4").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-5").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-5").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-6").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-6").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-7").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-7").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-8").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-8").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-9").click(function() {jQuery(".m65Style").hide(100);jQuery("#option6-style-9").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-10").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-10").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-11").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-11").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-12").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-12").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-13").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-13").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-14").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-14").fadeIn(500);return false;});
		jQuery("#option6-style-switch-button-15").click(function() {jQuery(".m6Style").hide(100);jQuery("#option6-style-15").fadeIn(500);return false;});

		// use below with this link: <a href="#" id="hideShowBtn"> to turn on/off swatch panel. Don't forget to amend #tabbed_box_1 in jqueryswtcher.css
		jQuery('#hideShowBtn').click(function() {
  			jQuery('.tabbed_box').slideToggle('1000');
	 	return false;
        });

});