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

	ro.js 
	
	rollOver( $suffix1, $suffix2 )
	
	$suffix1 : String	replaceImageID
	$suffix2 : String	selextedImageID
	
	//081202 VERSION UP 

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

/* Utility Define --------------------------------------------------*/

function $i(e)
{
	return document.getElementById(e);
}

function $t(e)
{
	return document.getElementsByTagName(e);
}

function absolutePath(path)
{
	var e = document.createElement('span');
	e.innerHTML = '<a href="' + path + '" />';
	return e.firstChild.href;
}

/* /Utility --------------------------------------------------*/

var rollOver = function()
{
	this.init.apply(this, arguments);
}

rollOver.prototype = 
{
	allImgs : [],
	swapImgs : [],
	tmp : "",
	currentClass : "",

	init : function($suffix, $curSuf)
	{
		this.suf = $suffix;
		this.curSuf = $curSuf;
		this.allImgs = $t('img');
		this.execute();
	},
	
	execute : function()
	{
		for( var i = 0; i < this.allImgs.length; i++ )
		{
			if( this.allImgs[i].className == "ro" )
			{
				var checker = absolutePath(this.allImgs[i].parentNode.getAttribute('href'));
				var current = location.href;
				
				if(checker != current)
				{
					var ls = this;
					
					var src = this.allImgs[i].getAttribute('src');
					var type = src.substring(src.lastIndexOf('.'), src.length);
					var rpl = src.replace(type, this.suf + type);
					
					this.allImgs[i].setAttribute('rpl', rpl);
					this.swapImgs[i] = new Image();
					this.swapImgs[i].src = rpl;
					
					this.allImgs[i].onmouseover = function()
					{
						ls.tmp = this.getAttribute('src');
						this.setAttribute('src', this.getAttribute('rpl'));
					}
					
					this.allImgs[i].onmouseout = function()
					{
						if( !ls.tmp )
						{
							ls.tmp = this.getAttribute('src').replace(ls.suf + type, type);
						}
						
						this.setAttribute('src', ls.tmp);
					}
				}
				else
				{
					var remover = this.allImgs[i].parentNode;
					var parent = remover.parentNode;
					
					var src = this.allImgs[i].getAttribute('src');
					var type = src.substring(src.lastIndexOf('.'), src.length);
					var rpl = src.replace(type, this.curSuf + type);
					
					parent = parent.replaceChild(this.allImgs[i], remover);
					this.allImgs[i].setAttribute('src', rpl);
				}
			}
		}
	}
}

window.onload = function()
{
	var ro = new rollOver("_f2", "");
}