/*############################################################################################
##							     	JC - NEW Side-shifting rollover code					##
############################################################################################*/
function RO(i,o)
{
	if(!i.id)
	{
		i.id="ROImg"+(++RO.id);
	}
	if(i.filters)
	{
		i.filters[0].apply();
		i.style.backgroundPosition=o?"-"+parseInt(i.parentNode.style.width)+"px 0":"0 0";
		i.filters[0].play();
	} else {
	
		if(o)
		{
			i.style.opacity = 1;
			i.style.zIndex = 2;
			i.clone = i.cloneNode(true);
			i.clone.id = "ROImg"+(++RO.id);
			delete i.clone.onmouseover;
			delete i.clone.onmouseout;
			i.clone.style.zIndex = 1;
			i.clone.style.left = 0;
			i.clone.style.top =  0;
			i.clone.style.backgroundPosition="-"+parseInt(i.parentNode.style.width)+"px 0";
			i.parentNode.appendChild(i.clone);
			i.timer = setTimeout("RF('"+i.id+"',-0.1)",70);
				
		} else {
			clearTimeout(i.timer);
			i.timer = setTimeout("RF('"+i.id+"',0.1)",70);
		}
	}
}
RO.id = 0;

function RF(id,inc)
{
	var i = document.getElementById(id);
	var opac = parseFloat(i.style.opacity);
	if((opac>0&&inc<0)||(opac<1&&inc>0))
	{
		i.style.opacity = opac+=inc;
		i.timer = setTimeout("RF('"+id+"',"+inc+")",70);
	} else if(opac>=1&&inc>0){
		clearTimeout(i.timer);
		i.parentNode.removeChild(i.clone);
		i.clone = null;
		i.style.opacity = 1;
	}
}