/******************************************
Name:			product.js
Date:			29/05/2008
Author:			Andrei Vais
Description:	Javascript file to functionality to the product page
******************************************/

/****
Used to swap the sample preview image with a bigger version of the clicked thumbnail.
****/

//functions calls
addLoadEvent(prepareProductGallery);

function prepareProductGallery()
{
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("contentpage")) return false;
	if (!document.getElementById("ProductSample")) return false;
	if (!document.getElementById("FullSample_Image")) return false;
	if (!document.getElementById("FullSample_ColourName")) return false;
	if (!document.getElementById("CloseupSample_Image")) return false;
	if (!document.getElementById("CloseupSample_ColourName")) return false;

	var gallery = document.getElementsByTagName("a");
	//console.log("gallery: ", gallery.length);
	
	for (var i=0; i < gallery.length; i++)
	{
	    if(gallery[i].getAttribute("rel") == "ProductSample")
	    {
	        //console.log("galleryLinks ", i, ": ", gallery[i].getAttribute("href"));
		    gallery[i].onclick = function()
		    {
		        return showPic(this, "ProductSample");
		    }
		}
	}
}

function showPic(whichpic, placeholder)
{
    //console.log("whichpic: " + whichpic + "\nplaceholder: " + placeholder);
    if (!document.getElementById(placeholder)) return true;
    
	
	var NewSampleFullImage = whichpic.getAttribute("href").substring(whichpic.getAttribute("href").lastIndexOf("/") + 1,whichpic.getAttribute("href").length);
	var NewSampleCloseupImage = NewSampleFullImage.replace('I_', 'C_');
	
	var CurrentSampleFullImagePath = document.getElementById("FullSample_Image").getAttribute("src").substring(0, document.getElementById("FullSample_Image").getAttribute("src").lastIndexOf("/") + 1);
	var CurrentSampleCloseupImagePath = document.getElementById("CloseupSample_Image").getAttribute("src").substring(0, document.getElementById("CloseupSample_Image").getAttribute("src").lastIndexOf("/") + 1);
	
	var NewSampleColourName = whichpic.getAttribute("title");
	
	//console.log("NewSampleFullImage: ", NewSampleFullImage, "\nNewSampleCloseupImage: ", NewSampleCloseupImage, "\nCurrentSampleFullImagePath: ", CurrentSampleFullImagePath, "\nCurrentSampleCloseupImagePath: ", CurrentSampleCloseupImagePath, "\nNewSampleColourName: ", NewSampleColourName);
	
	//return false;
	
	if ((NewSampleFullImage.indexOf("largeimagenotfound.gif") == -1) && ((NewSampleFullImage.indexOf(".jpeg") != -1) || (NewSampleFullImage.indexOf(".jpg") != -1) || (NewSampleFullImage.indexOf(".jpe") != -1)))
	{
		//console.log("ready to update the NewSampleFullImage");
		document.getElementById("FullSample_Image").setAttribute("src", CurrentSampleFullImagePath + NewSampleFullImage);
		document.getElementById("FullSample_ColourName").firstChild.firstChild.nodeValue = NewSampleColourName;
		
		if ((NewSampleCloseupImage.indexOf("largeimagenotfound.gif") == -1) && ((NewSampleCloseupImage.indexOf(".jpeg") != -1) || (NewSampleCloseupImage.indexOf(".jpg") != -1) || (NewSampleCloseupImage.indexOf(".jpe") != -1)))
	    {
		    //console.log("ready to update the NewSampleCloseupImage");
		    document.getElementById("CloseupSample_Image").setAttribute("src", CurrentSampleCloseupImagePath + NewSampleCloseupImage);
		    document.getElementById("CloseupSample_ColourName").firstChild.firstChild.nodeValue = NewSampleColourName;
	    }
	    else
	    {
		    alert('An error occurred while trying to display close-up sample image.');
	    }	
	}
	else
	{
		alert('An error occurred while trying to display the full carpet image.');
	}
	return false;
}