//this sets the relative path for the xml and images
		$(window).load(function() {
			var imgHeight;
			var imgWidth;
			var parentHeight;
			var parentWidth;
			var imgMarginTop;
			var imgMarginLeft;

			// centers the product image in the white box
			if ($('#image').length) {
				imgHeight = $('#image').children('img').height();
				imgWidth = $('#image').children('img').width();
				
				parentHeight = $('#product-image-container').height();
				parentWidth = $('#product-image-container').width();
				imgMarginTop = (parentHeight - imgHeight) / 2;
				imgMarginLeft = (parentWidth - imgWidth) / 2;
				$('#image').css('margin', imgMarginTop + "px 0 0 " + imgMarginLeft + "px");
				
				
				
			}
			
			// if there are more images...moves the link to the bottom of the white box
			if ($('#more-images-link').length) {
				var linkHeight = $('#more-images-link').height();
				var mh = (parentHeight  - (imgHeight + imgMarginTop + linkHeight + 10 )) + "px";
				$('#more-images-link').css('margin-top', mh);
			}

			$('#versatility-container').vAlign();
		});