/*--------------------------------------------------------------------

	ro.js 
	
	rollOver( $suffix1, $suffix2 )
	
	$suffix1 : String	replaceImageID
	$suffix2 : String	selextedImageID

---------------------------------------------------------------------*/

function rollOver( $suffix1, $suffix2 )
{
	var suf1 = $suffix1;
	var suf2 = $suffix2;
	
	var swapImages = new Array();
	var allImages = document.getElementsByTagName('img');
	var tmp;
	
	for( var i = 0; i < allImages.length; i++ )
	{
		if( allImages[i].className == 'ro' )
		{
			var src = allImages[i].getAttribute('src');
			var type = src.substring(src.lastIndexOf('.'), src.length);
			var rpl = src.replace(type, suf1 + type);
			var selected = src.replace(type, suf2 + type);
			
			if( allImages[i].parentNode.nodeName != 'A' )
			{
				allImages[i].setAttribute( 'src', selected );
			}
			else
			{
				allImages[i].setAttribute('rpl', rpl);
				swapImages[i] = new Image();
				swapImages[i].src = rpl;
				
				allImages[i].onmouseover = function()
				{
					tmp = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('rpl'));
				}
				
				allImages[i].onmouseout = function()
				{
					if( !tmp )
					{
						tmp = this.getAttribute('src').replace(suf1 + type, type);
					}
					
					this.setAttribute('src', tmp);
				}
			}
		}
	}
}

window.onload = function()
{
	rollOver( '_f2', '_f3' );
}