// *****************************************************************************
// ** File Name:rollover.js
// ** Creater:tagawa@MonkeyWorks
// ** Summary:rollover image
// ** Create day:2007.02.25
// ** Rewrite day:2008.01.27
// *****************************************************************************

var RollOverImage = Class.create();
RollOverImage.prototype = {
	initialize: function (img){
		this.image = $(img);
		// no image
		if (this.image != null) {
			this.originalPath = this.image.src;
			if(arguments[1]) {
				// CurrentdirImage
				if (arguments[2]) {
					var currentdirFlag = false;
					currentdirId = arguments[2].split(" ");
					for (var i = 0; i < currentdirId.length; i ++) {
						if ($(currentdirId[i])) {
							this.image.src = arguments[1];
							currentdirFlag = true;
						}
					}
					if (currentdirFlag == false) {
						this.setMouseDownImage(arguments[1]);		
					}
				} else {
					this.setMouseDownImage(arguments[1]);	
				}
			}
		}
	},
	setMouseDownImage: function (path){
		// DownImage
		this.mouseDownImage = new Image();
		this.mouseDownImage.src = path;
		this.image.onmousedown = this.mousedown.bind(this);
		this.image.onmouseup = this.reversion.bind(this);
		// OverImage
		this.mouseOverImage = new Image();
		this.mouseOverImage.src = path;
		this.image.onmouseover = this.rollover.bind(this);
		this.image.onmouseout = this.reversion.bind(this);
		// ActiveImage
		this.image.onclick = this.rollover.bind(this);
	},
	rollover: function (){
		this.image.src = this.mouseOverImage.src;
	},
	mousedown: function (){
		this.image.src = this.mouseDownImage.src;
	},
	reversion: function (){
		this.image.src = this.originalPath;
	}
};

// rollover dat
window.onload = function() {
	// globalnav
	if ($("pageid-home")) {
		new RollOverImage("globalnav-home", "img/nav/globalnav-home-over.gif", "pageid-home");
		new RollOverImage("globalnav-company", "img/nav/globalnav-company-over.gif", "pageid-company");
		new RollOverImage("globalnav-shop", "img/nav/globalnav-shop-over.gif", "pageid-shop");
		new RollOverImage("globalnav-information", "img/nav/globalnav-information-over.gif", "pageid-information");
		new RollOverImage("globalnav-contact", "img/nav/globalnav-contact-over.gif", "pageid-contact");
	} else {
		new RollOverImage("globalnav-home", "/img/nav/globalnav-home-over.gif", "pageid-home");
		new RollOverImage("globalnav-company", "/img/nav/globalnav-company-over.gif", "pageid-company");
		new RollOverImage("globalnav-company", "/img/nav/globalnav-company-over.gif", "pageid-profile");
		new RollOverImage("globalnav-shop", "/img/nav/globalnav-shop-over.gif", "pageid-shop");
		new RollOverImage("globalnav-shop", "/img/nav/globalnav-shop-over.gif", "pageid-access");
		new RollOverImage("globalnav-information", "/img/nav/globalnav-information-over.gif", "pageid-information");
		new RollOverImage("globalnav-contact", "/img/nav/globalnav-contact-over.gif", "pageid-contact");
		
		// localnav
		// company
		new RollOverImage("localnav-company-btn01", "/img/nav/localnav-company-btn01-over.gif", "pageid-company");	
		new RollOverImage("localnav-company-btn02", "/img/nav/localnav-company-btn02-over.gif", "pageid-profile");
		// shop
		new RollOverImage("localnav-shop-btn01", "/img/nav/localnav-shop-btn01-over.gif", "pageid-shop");	
		new RollOverImage("localnav-shop-btn02", "/img/nav/localnav-shop-btn02-over.gif", "pageid-access");		
	}
}