function initBeforeAndAfterImages()
{
	if(!document.getElementById || !document.getElementsByTagName)
		return;

	var content = document.getElementById("content");
	if(!content)
		return;
	
	var divs = document.getElementsByTagName("DIV");
	if(!divs)
		return;
	
	for(var d, i = 0; d = divs[i]; i++)
	{
		if(d.className == "beforeandafter")
		{
			d.style.overflow = "hidden";
			d.style.position = "relative";
			d.style.height = d.firstChild.offsetHeight + "px";
			d.style.width = Math.ceil(d.firstChild.offsetWidth / 2) + "px";
			
			d.firstChild.style.position = "absolute";
			d.firstChild.style.top = "0";
			d.firstChild.style.left = "0";
			
			d.onmouseover = function()
			{
				if(YAHOO && YAHOO.util && YAHOO.util.Anim)
				{
					var myAnim = new YAHOO.util.Anim(this.firstChild); 
					myAnim.attributes.left = { to: -this.offsetWidth }; 
					myAnim.duration = 0.5; 
					myAnim.method = YAHOO.util.Easing.backBoth; 
					myAnim.animate();
				}
				else
				{
					this.firstChild.style.left = "-" + this.offsetWidth + "px";
				}
			}
			
			d.onmouseout = function()
			{
				if(YAHOO && YAHOO.util && YAHOO.util.Anim)
				{
					var myAnim = new YAHOO.util.Anim(this.firstChild); 
					myAnim.attributes.left = { to: 0 }; 
					myAnim.duration = 0.5; 
					myAnim.method = YAHOO.util.Easing.backBoth; 
					myAnim.animate();
				}
				else
				{
					this.firstChild.style.left = "0";
				}
			}
		}
	}
}

addLoadEvent(initBeforeAndAfterImages);