$(function() {
	$("#CurrentProductImage").prepend($('<span id="ImgLoader">Ladataan...</span>').hide());
	if ($(".BuyFormVariationSelect").length) {
		$(".BuyFormVariationSelect select").change(function(event, triggered) {
			if (triggered==undefined) {
				var vName = $("option:selected", this).text();
				var vSplit = vName.split("(");
				var vTrim = vSplit[0].replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
				$("#ProductThumbnails li a").each(function() {
					var title = $(this).attr("title");
					var href = $(this).attr("href");
					var iTrim = title.replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
					var iSubstr = iTrim.substr(0,vTrim.length);
					var vSubstr = vTrim.substr(0,iTrim.length);
					if (iSubstr==vSubstr) {
						var triggered = true;
						$(this).trigger("click", triggered);
						return false;
					}
				});
			}
		});
		$("#ProductThumbnails li a").click(function(event, triggered) {
			event.preventDefault();
			var title = $(this).attr("title");
			var href = $(this).attr("href");
			var src = $("#CurrentProductImage img").attr("src");
			var sizeArr = src.split("/");
			var targetSize = sizeArr[2];
			var tnSrc = href.split("/");
			var targetImg = tnSrc[3];
			var newImg = "/tuotekuvat/"+targetSize+"/"+targetImg;
			SwapImg(newImg,href,title);
			if (triggered==undefined) {
				var iTrim = title.replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
				$(".BuyFormVariationSelect select option").each(function() {
					var vName = $(this).text();
					var vSplit = vName.split("(");
					var vTrim = vSplit[0].replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
					var iSubstr = iTrim.substr(0,vTrim.length);
					var vSubstr = vTrim.substr(0,iTrim.length);
					if (vSubstr==iSubstr) {
						var triggered = true;
						$(this).attr("selected","selected");
						return false;
					}
				});
			}
		});
		$(".BuyFormVariationSelect select").trigger("change");
	} else {
		$(".BuyFormVariationRadio input").click(function(event, triggered) {
			if (triggered==undefined) {
				var vName = $(this).parent("label").text();
				var vTrim = vName.replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
				$("#ProductThumbnails li a").each(function() {
					var iTrim = $(this).attr("title").replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
					var iSubstr = iTrim.substr(0,vTrim.length);
					var vSubstr = vTrim.substr(0,iTrim.length);
					if (iSubstr==vSubstr) {
						var triggered = true;
						$(this).trigger("click", triggered);
						return false;
					}
				});
			}
		});
		$("#ProductThumbnails li a").click(function(event, triggered) {
			event.preventDefault();
			var title = $(this).attr("title");
			var href = $(this).attr("href");
			var src = $("#CurrentProductImage img").attr("src");
			var sizeArr = src.split("/");
			var targetSize = sizeArr[2];
			var tnSrc = href.split("/");
			var targetImg = tnSrc[3];
			var newImg = "/tuotekuvat/"+targetSize+"/"+targetImg;
			SwapImg(newImg,href,title);
			if (triggered==undefined) {
				var iTrim = title.replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
				$(".BuyFormVariationRadio input").each(function() {
					var vName = $(this).parent("label").text();
					var vTrim = vName.replace(/^[ \t]+|[ \t]+$/,"").toLowerCase();
					var iSubstr = iTrim.substr(0,vTrim.length);
					var vSubstr = vTrim.substr(0,iTrim.length);
					if (vSubstr==iSubstr) {
						var triggered = true;
						$(this).trigger("click", triggered);
						return false;
					}
				});
			}
		});
		if ($(".BuyFormVariationRadio").length) { $(".BuyFormVariationRadio input:checked").trigger("click"); }
	}
});
function SwapImg(i,href,title) {
	if ($("#CurrentProductImage img").attr("src") != i) {
		$("#CurrentProductImage img").fadeOut(200, function() {
			$("#ImgLoader").fadeIn(100, function() {
				$("#CurrentProductImage img").attr("src",i).load(function() {
					$("#ImgLoader").fadeOut(100, function() {
						$("#CurrentProductImage img").fadeIn(200);
					});
				}).each(function() {
					if (this.complete && $.browser.msie) {
						$(this).trigger("load");
					}
				});
			});
		});
		$("#ProductImageCaption").html(title);
		$("#CurrentProductImage img").attr("alt",title);
		$("#CurrentProductImage").attr("title",title);
		$("#CurrentProductImage").attr("href",href); 
	}
}