var allImgRules = {
	'img' : function(el) {
		
		var imgParent = el.parentNode;
       	var height = Element.getStyle(el, "height");
       	
       	if (height) {
	       	var heightNum = parseInt(height.replace(/px/, ""));
	       	var width = Element.getStyle(el, "width");
	       	var widthNum = parseInt(width.replace(/px/, ""));
	       	
	       	// Set the containing div heights properly...
			var grandParent = imgParent.parentNode;
			
	       	var biggerDimension = (heightNum > widthNum) ? heightNum : widthNum;
			
		if (grandParent.className == 'one-image') {
			var extraDiv = document.createElement('div');
			grandParent.removeChild(imgParent);
			extraDiv.appendChild(imgParent);
			grandParent.appendChild(extraDiv);
				
	       		Element.setStyle(grandParent, {height: biggerDimension + "px"});
			Element.setStyle(grandParent, {width: biggerDimension + "px"});
	       		Element.setStyle(extraDiv, {height: height});
			Element.setStyle(extraDiv, {width: width});
			Element.setStyle(extraDiv, {position: "relative"});
			Element.setStyle(extraDiv, {left: "50%"});
			Element.setStyle(extraDiv, {top: "50%"});
			Element.setStyle(extraDiv, {margin: "-" + (heightNum/2) + "px 0 0 -" + (widthNum/2) + "px"}); /* half of width & height */
	       	} else if (grandParent.className == 'imgPrev') {
	       		Element.setStyle(grandParent.parentNode, {height: biggerDimension + "px"});
	       		Element.setStyle(grandParent, {height: height});
			Element.setStyle(grandParent, {width: width});
			Element.setStyle(grandParent, {position: "relative"});
			Element.setStyle(grandParent, {left: "50%"});
			Element.setStyle(grandParent, {top: "50%"});
			Element.setStyle(grandParent, {margin: "-" + (heightNum/2) + "px 0 0 -" + (widthNum/2) + "px"}); /* half of width & height */			
	       	} else if (imgParent.className == 'gallery-photo') {
	       		var biggerDimension = (heightNum > widthNum) ? heightNum : widthNum;
	       		Element.setStyle(imgParent, {height: height});
			Element.setStyle(imgParent, {width: width});

	       	} else if (grandParent.className == 'checkout-photo') {
	       		var biggerDimension = (heightNum > widthNum) ? heightNum : widthNum;
	       		Element.setStyle(grandParent, {height: height});
			Element.setStyle(grandParent, {width: width});
			/*Element.setStyle(imgParent, {height: height});
			Element.setStyle(imgParent, {width: width});
			Element.setStyle(grandParent, {overflow: hidden});*/
	       	}
	       	
	       	if (el.id != 'backlink') {
		    	imgParent.appendChild(setCornerStyle("-" + height, 			  height, width, "topleft"));
		    	imgParent.appendChild(setCornerStyle("-" + (heightNum*2) + "px", height, width, "topright"));
		    	imgParent.appendChild(setCornerStyle("-" + (heightNum*3) + "px", height, width, "bottomright"));
		    	imgParent.appendChild(setCornerStyle("-" + (heightNum*4) + "px", height, width, "bottomleft"));
		    }
		}
	}
};

Behaviour.register(allImgRules);

function addCorners(imgParent, height, width, heightNum, widthNum) {
	
}

function setCornerStyle(topPosStr, heightStr, widthStr, classNameStr) {
	var cornerEl = document.createElement("div");
	Element.setStyle(cornerEl, {top: topPosStr});
	Element.setStyle(cornerEl, {height: heightStr});
	Element.setStyle(cornerEl, {width: widthStr});
	
	cornerEl.className = classNameStr;
	
	// Use for debugging
	//Element.setStyle(cornerEl, {border: '1px solid red'});
	
	return cornerEl;
}