if (typeof Salmon != "object") {
		var Salmon = {};
	}
	
	Salmon.ImageSwapper = {
		mainImageID: "mainimage",
		altImageClass: "alternativeviewlink",
		mainImage: null,
		
		init: function() {
			if (!document.getElementById) return;
			
			Salmon.ImageSwapper.mainImage = document.getElementById(Salmon.ImageSwapper.mainImageID);
			if(Salmon.ImageSwapper.mainImage == null) {
				return;
			}
			Salmon.ImageSwapper.prepareAltImageMenu();
		},
		
		prepareAltImageMenu: function() {
			var selector = "a."+Salmon.ImageSwapper.altImageClass;
			var activators = $(selector);
			for(var i=0;i<activators.length;i++) {
				activators[i].onclick = Salmon.ImageSwapper.altImageActivator;
			}
		},
		
		altImageActivator: function() {
		
		//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
					
			var iAltCount = 5;
			var originalAltImageArray = new Array();
			for(var i = 0; i < iAltCount; i++) {
				originalAltImageArray[i] = $('#alternateView li.altImg_0'+i+' img').attr('src');
				//alert (originalAltImageArray[i]);
			}
			
			var originalAltImageHrefArray = new Array();
			for(var i = 0; i < iAltCount; i++) {
				originalAltImageHrefArray[i] = $('#alternateView li.altImg_0'+i+' a').attr('href');
				//alert (originalAltImageHrefArray[i]);
				if (originalAltImageHrefArray[i] != null) {
					//originalAltImageHrefArray[i] = originalAltImageHrefArray[i].replace('SS','LL');
				}
			}					
						

			// Restore these when click default colour
			$('#attrValue1 li.default').click(function() {
			
							
			
				//for(var i = 0; i < iAltCount; i++) {
//					$('#alternateView li.altImg_0'+i+' img').attr('src',originalAltImageArray[i]);
	//				$('#alternateView li.altImg_0'+i+' a').attr('href',originalAltImageHrefArray_0[i]);				
		//		}
				
				// Set-up zoom image from mainimage src
				var newColourMainImageSrc = $('#mainimage').attr("src");
				newColourMainImageSrc = newColourMainImageSrc.replace('LL','XL');
				$('#mainimage').attr("jqimg",newColourMainImageSrc);
				
				var newMainXLImage = $('#mainimage').attr("src");
				newMainXLImage = newMainXLImage.replace('LL','XL');
				$('#pdlargerimage').attr('href',newMainXLImage);
				$('#pdlargerimagelink').attr('href',newMainXLImage);	
			});
			
		//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

			var thumbImage = this.getElementsByTagName('img')[0];

			var mainImageSrc = Salmon.ImageSwapper.mainImage.src;
			var originalImageName = $("#mainimage")[0].src;
			
			// get original image name only
			originalImageName = originalImageName.replace('XL','SS');
			
			// swap the thumbnails			
			Salmon.ImageSwapper.mainImage.src = this.href; // set the main image src to be the href of the a.alternativeviewlink
			//this.href = mainImageSrc; // set a.alternativeviewlink to link to swapped in image
					
			var thumbImageName = thumbImage.src;
			thumbImageName = thumbImageName.replace('SS','XL');
			
			var newMainXLImage = thumbImageName;
			newMainXLImage = newMainXLImage.replace('LL','XL');
			
			// Addition for Zoom: swap the jqimg attribute of the main image for the zoom
			$('#mainimage').attr("jqimg",thumbImageName);
			
			$('#pdlargerimage').attr('href',newMainXLImage);
			$('#pdlargerimagelink').attr('href',newMainXLImage);
			
			// swap thumbnail image
			//thumbImage.src = originalImageName.replace('LL','SS');
			$('img.selected').removeClass("selected");
			$('img#'+thumbImage.id).addClass("selected");
			// ******************************************************* create new view larger image link using current image ref
			var swappedImage = Salmon.ImageSwapper.mainImage.src;
			
			// for each a.pdlargerimage replace in new image name
			$("#pdlargerimage").each(
			
				function(i){
  					//$(this).attr("href", this.href.replace(originalImageName, thumbImageName));
				}
			);
			return false;
		}		
	}
	
	$(document).ready(function(){ 

		Salmon.ImageSwapper.init(); });