$(document).ready(function(){

	// Switch colorways
	$(".colorways li a").click(function() {

		// Get hero image url
		heroImageURL = $(this).find("img").attr("src").replace(/-thumb\.png/,".jpg");
		largeImageURL = $(this).find("img").attr("src").replace(/-thumb\.png/, "-large.jpg");

		// Set on hero
		$(this).parents("li").find(".hero").attr("href", largeImageURL);
		$(this).parents("li").find(".hero img").attr("src", heroImageURL);

		return false;

	});

	$(".flyer").hover(function() {
		if (!$(this).find(".callout").length) $(this).append("<p class=\"callout\">OPEN IT BIG!</p>");
		$(this).find(".callout").show();
	}, function() {
		$(this).find(".callout").hide();
	});

	$(".products > li > a, .products > li > span").hover(function() {
		if (!$(this).parent().find(".callout").length) $(this).parent().append("<p class=\"callout\">LUH DAT SHIT!</p>");
		$(this).parent().find(".callout").show();
	}, function() {
		$(this).parent().find(".callout").hide();
	});

});