var SellerImages = {
    DISPLAYABLE_IMAGE_CONTAINER: 'imageContainer',
    init : function() {
      if (!document.getElementById || !document.createElement || !document.appendChild) return false;
      var galleryItems = document.getElementsByName("galleryItem");
      for(var i =0; i < galleryItems.length; i++) {
        SellerImages.addEvent(galleryItems[i],'mouseover',function() {
        		var galleryItems = document.getElementsByName("galleryItem");
        		var clonedImageAndLink = this.cloneNode(true);
        		var tempImage = YAHOO.util.Dom.getFirstChild(clonedImageAndLink);
            var imageToSwap = document.createElement("IMG");
            imageToSwap.src = tempImage.src
        		scaleImageToFitImagePane(imageToSwap, 140);
        		var imageContainer = document.getElementById(SellerImages.DISPLAYABLE_IMAGE_CONTAINER);
        		
        		for(var i =0; i < galleryItems.length; i++) {
        			galleryItems[i].parentNode.className = "";
        		}
        		
        		this.parentNode.className = "selected";
        		
        		
        		imageContainer.innerHTML = "";
        		clonedImageAndLink.innerHTML = "";
        		clonedImageAndLink.appendChild(imageToSwap);
        		imageContainer.appendChild(document.createElement("SPAN"));
        		imageContainer.appendChild(clonedImageAndLink); 
        });
      }
	},
	
	addEvent : function(obj, type, fn) {
		if (obj.addEventListener) {
				obj.addEventListener(type, fn, false);
		}
		else if (obj.attachEvent) {
				obj["e"+type+fn] = fn;
				obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
				obj.attachEvent("on"+type, obj[type+fn]);
		}
	}
}

function scaleImageToFitImagePane(imageToScale, maxPixels) {
	 if(imageToScale.width > imageToScale.height && imageToScale.width > maxPixels) {
					imageToScale.className = "landscape";
	 }else if(imageToScale.height > imageToScale.width && imageToScale.height > maxPixels) {
					imageToScale.className = "portrait";
	 }else {
					imageToScale.className = "square";
	 }
}