$(document).ready(function(){
	/*
	// Ensimmäisellä sivulatauksella vaihdetaan väriksi kuva
	var kuva = $('#ProductImage img').attr('src');
	var teksti = $('#ProductImage img').attr('alt');
	var linkki = $('#ProductImage a').attr('href'); 
	vaihdakuva(kuva,linkki,teksti);
	
	// Pikkukuvan vaihtaminen
	$("#ProductThumbnails li a").click(function() {
		var linkki = $(this).attr("href");
		var tnsrc = linkki.split("/");
		var tiedosto = tnsrc[5].split("?");
		var oikeakuva = tnsrc[5];
		var uusituotekuva = "/tuotekuvat/320x255/"+oikeakuva;
		var title = $(this).attr("title");
		vaihdakuva(uusituotekuva,linkki,title);
		return false;
	});
	*/
	// Käydään läpi väri ja variaatio nimiset select-elementit ja lisätään niiden vaihdon yhteyteen ajax-kutsu hinnan
	// ja varastosaldon päivitykseen, sekä kuvan vaihtaminen.

	$(".BuyForm select").each(function () {
		var nimi = $(this).attr("name");
		$(this).change(function () {
			if (nimi == "variaatio") {
				var tuote = $(".BuyForm input[name=tuote]").attr("value");
				var variaatio = $(".BuyForm select[name=variaatio]").attr("value");
				$(".Availability").load("/stock.php",{tuote:tuote,variaatio:variaatio},function(data) { $("#availability_info").html(data); });
				$("#price_big").load("/price.php",{tuote:tuote,variaatio:variaatio},function(data) { $("#availability_info").html(data); });
				var varin_nimi = $(".BuyForm select[name=variaatio] option:selected").html().toLowerCase();
			}
			if (nimi == "koko" || nimi == "vari") {
				var tuote = $(".BuyForm input[name=tuote]").attr("value");
				var vari = $(".BuyForm select[name=vari]").attr("value");
				var koko = $(".BuyForm select[name=koko]").attr("value");
				$(".Availability").load("/stock.php",{tuote:tuote,vari:vari,koko:koko});
				$(".Prices dd.Price").load("/price.php",{tuote:tuote,vari:vari,koko:koko});
				var varin_nimi = $(".BuyForm select[name=vari] option:selected").html().toLowerCase();
			}

			/*
			// Vaihdetaan kuva
			if($("a.ProductThumbnail").length > 0) {
				var vaihdettu = false;
				$("a.ProductThumbnail").each(function() {
					var teksti = $(this).attr("title"); // Kuvateksti
					var tekstin_alku = teksti.substr(0,varin_nimi.length).toLowerCase();
					if(varin_nimi == tekstin_alku) { // Onko kuvatekstin alku sama kuin värin nimi?
						var linkki = $(this).attr("href");
						var tnsrc = linkki.split("/");
						var tiedosto = tnsrc[5].split("?");
						var oikeakuva = tiedosto[0];
						var uusituotekuva = "/tuotekuvat/300x260/"+oikeakuva;
						var uusituotekuva = linkki;
						var title = $(this).attr("title");
						vaihdakuva(uusituotekuva,linkki,title);
						vaihdettu = true;
					}
				});
				
				if(vaihdettu==false) {
					// vaihdakuva('/files/retkiaitta/i/icon_ei_tuotekuvaa.png','',"Tuotteesta ei ole kuvaa");
				}
			}
				*/

			
		}).change();
	});	
});

function vaihdakuva(kuva,linkki,teksti) {
	$('#CurrentProductImage img').attr('src',kuva);	
	// if(teksti == '') { teksti = 'N/A'; }
	$('#CurrentProductImage img').attr('alt',teksti);
	$('#CurrentProductImage').attr('title',teksti);
	$('#CurrentProductImage').attr('href',linkki); 
	$("#ProductImageCaption").html(teksti);
	
	$(".BuyForm select[name=vari] option").each(function() {
		var option = $(this).html().toLowerCase();
		if(option == teksti.substr(0,option.length).toLowerCase()) {
			$(this).attr("selected","selected");
		}
	});

	$(".BuyForm select[name=variaatio] option").each(function() {
		var nimi = $(this).html().toLowerCase();
		var tekstin_alku = teksti.substr(0,nimi.length).toLowerCase();
		if(nimi == tekstin_alku) {
			$(this).attr("selected","selected");
		}
	});
}