var Gnavigation = function(mainID , subID)
{
	this.mainNavi = document.getElementById(mainID);
	this.subNavi  = document.getElementById(subID);
	
	this.initialize = function()
	{
		this.mainNavi.onmouseover = (function(_this){return function(){_this.onMouseOver()}})(this);
		this.mainNavi.onmouseout  = (function(_this){return function(){_this.onMouseOut()}})(this);
		this.subNavi.onmouseover = (function(_this){return function(){_this.onMouseOver()}})(this);
		this.subNavi.onmouseout  = (function(_this){return function(){_this.onMouseOut()}})(this);
	}
	this.onMouseOver = function()
	{
		this.mainNavi.firstChild.style.backgroundPosition = "-" + this.mainNavi.offsetLeft + "px -48px";
		this.subNavi.style.visibility = 'visible';
	}
	this.onMouseOut = function()
	{
		this.mainNavi.firstChild.style.backgroundPosition = "-" + this.mainNavi.offsetLeft + "px -0px";
		this.subNavi.style.visibility = 'hidden';
	}
	this.initialize();
}
window.onload = function()
{
	new Gnavigation('Support' , 'SubA');
	new Gnavigation('Product' , 'SubB');
	new Gnavigation('Order' , 'SubC');
}