/*
  version : 2008-08-01_001
  requires: jquery(ver1.2.6)
*/

function RolloverImage( className, onSuffix, aSuffix ){
	this.init( className, onSuffix, aSuffix );
}

RolloverImage.prototype = {

	init : function( className, onSuffix, aSuffix ){
		if(!document.getElementById || !document.images || !className) return;

		// 
		this.targetClassName = className;
		this.onSuffix = onSuffix;
		this.aSuffix = aSuffix;
		//this.mdSuffix = mdSuffix;
		this.buttons = [];

		// 
		var _this  = this;
		var imgs   = [];
		var inputs = [];
		var rolloverObj    = [];

		var selectors = [
			"img." + this.targetClassName,
			"input." + this.targetClassName
		];

		$( selectors.join(", ") ).each(function(i){
			var el = $(this);
			rolloverObj.push(this);
		});

		$.each(rolloverObj, function(i){ _this.registButton(this); });
		this.preloadImages();
	},


	registButton : function( el ){
		var _this = this;
		var btn = new Object();
		btn.src = el.src;
		btn.filetype = btn.src.substring(btn.src.lastIndexOf('.'));
		btn.basename = btn.src.substring(0, btn.src.length-btn.filetype.length);
		btn.onsrc = btn.basename + this.onSuffix + btn.filetype;

		el.offsrc = btn.src;
		el.onsrc  = btn.onsrc;
		el.lock   = false;
		if( this.aSuffix ){
			btn.activesrc = btn.basename + this.aSuffix + btn.filetype;
			el.activesrc = btn.activesrc;
		}

		this.buttons.push( el );

		if( !this.aSuffix ){
			$(el).bind( 'mouseover', function(){ _this.swapImage( el, 'on' ); } );
			$(el).bind( 'mouseout',  function(){ _this.swapImage( el, 'off'); } );
			if(el.parentNode && el.parentNode.tagName=="A"){
				var p = el.parentNode;
				$(p).bind( 'focus', function(){ _this.swapImage( el, 'on' ); } );
				$(p).bind( 'blur',  function(){ _this.swapImage( el, 'off'); } );
			}
		}
		else {
			$(el).bind( 'mouseover', function(){ if(!el.lock) _this.swapImage( el, 'on' ); } );
			$(el).bind( 'mouseout',  function(){ if(!el.lock) _this.swapImage( el, 'off'); } );
			$(el).bind( 'mouseup',   function(){
				$(_this.buttons).each(function(i){
					_this.deactivate(this)
				});
				_this.activate( el );
			} );

			if(el.parentNode && el.parentNode.tagName=="A"){
				var p = el.parentNode;
				$(p).bind( 'focus', function(){ if(!el.lock) _this.swapImage( el, 'on' ); } );
				$(p).bind( 'blur',  function(){ if(!el.lock) _this.swapImage( el, 'off'); } );

				$(p).bind( 'keypress',  function(e){
					if( jQuery.browser.msie || (!jQuery.browser.msie && e.keyCode == 13) ){
						//Event.stop(e);
						$(_this.buttons).each(function(i){
							_this.deactivate(this)
						});
						_this.activate( el );
					}
				} );
			}

		}
	},


	preloadImages : function(){
		var ret = [];
		for( var i=0; i<this.buttons.length; i++ ){
			(new Image()).src = this.buttons[i].onsrc;
			ret[ret.length] = this.buttons[i].onsrc;
			if(this.buttons[i].activesrc){
				(new Image()).src = this.buttons[i].activesrc;
				ret[ret.length] = this.buttons[i].activesrc;
			}
		}
	},

	swapImage : function( obj, status ){
		if( !obj || !obj[status+"src"] ) return;
		if( !obj.lock )
			obj.src = obj[status+"src"];
	},

	activate : function( el ){
		this.swapImage( el, 'active' );
		this.lock( el );
	},

	deactivate : function( el ){
		this.unlock( el );
		this.swapImage( el, 'off' );
	},

	lock : function( obj ){
		if( obj.lock == 'undefined' ) return;
		if(!obj.lock) obj.lock = true;
	},

	unlock : function( obj ){
		if( obj.lock == 'undefined' ) return;
		if( obj.lock ) obj.lock = false;
	}

}

/*
$(function(){
	new RolloverImage( 'rollover', 'on' );
});
*/