/* -------------------------------------------------------------------------- */
/** 
 *    @fileoverview
 *       Image Swap / Rollover Control
 *
 *    @version rev011.2007-06-11
 *    @requires common.js
 */
/* -------------------------------------------------------------------------- */


var BA_ROLLOVER_AUTOSETUP_INSTANCES = [];



/* -------------------- Settings for BARolloverAutoSetup -------------------- */

var BA_ROLLOVER_AUTOSETUP_ENABLED     = true;
var BA_ROLLOVER_AUTOSETUP_FIND_ATONCE = false;
var BA_ROLLOVER_AUTOSETUP_SETTINGS    = {
	'rollover' : {
		targets   : ['a', 'input'],
		exclude   : 'norollover',
		statusSet : {
			'normal' : '',
			'hover'  : '_o'
		},
		handlers  : {
			'mouseover' : function(node) { this.setStatus('hover'  ); },
			'mouseout'  : function(node) { this.setStatus('default'); }
		}
	},
	'rollover-gn' : {
		targets   : ['a'],
		exclude   : 'norollover',
		statusSet : {
			'normal' : '',
			'hover'  : '_o',
			'stay'   : '_s'
		},
		handlers  : {
			'mouseover' : function(node) { this.setStatus('hover'  ); },
			'mouseout'  : function(node) { this.setStatus('default'); }
		}
	},
	'rollover-ra' : {
		targets   : ['a'],
		exclude   : 'norollover',
		statusSet : {
			'normal' : '',
			'hover'  : '_o',
			'active' : '_a'
		},
		handlers  : {
			'mouseover' : function(node) { this.setStatus('hover'  ); },
			'mousedown' : function(node) { this.setStatus('active' ); },
			'mouseup'   : function(node) { this.setStatus('default'); },
			'mouseout'  : function(node) { this.setStatus('default'); }
		}
	},
	'rollover-inp' : {
		targets   : ['input'],
		exclude   : 'norollover',
		statusSet : {
			'normal' : '',
			'focus'  : '_f'
		},
		handlers  : {
			'focus' : function(node) { this.setStatus('focus'  ); },
			'blur'  : function(node) { this.setStatus('default'); }
		}
	}
};



/* -------------------- Constructor : BARollover -------------------- */

function BARollover(node, statusSet, excludeCName) {
	this.node         = node;
	this.statusSet    = statusSet;
	this.status       = 'default';
	this.cNamePrefix  = 'pseudo-';
	this.excludeCName = excludeCName;
	this.images      = [];

	if (arguments.length) this.init();
}

BARollover.prototype = {
	init : function () {
		if (this.nodeValidate(this.node)) {
			this.images.push(new BARolloverImage(this.node, this.statusSet));
		} else {
			var nodes = BAConcatNodeList(this.node.getElementsByTagNameBA('img'), this.node.getElementsByTagNameBA('input'));
			nodes.forEach(function(node) {
				if (this.nodeValidate(node)) {
					this.images.push(new BARolloverImage(node, this.statusSet));
				}
			}, this);
		}
	},

	nodeValidate : function(node) {
		if (!node || !node.nodeName) {
			return false;
		} else if (!node.nodeName.match(/^(img|input)$/i)) {
			return false
		} else if (node.nodeName.match(/^input$/i) && !node.getAttributeBA('type').match(/^image$/i)) {
			return false
		} else if (this.excludeCName && node.hasClassNameBA(this.excludeCName)) {
			return false
		} else {
			return true;
		}
	},

	setStatus : function(status) {
		this.status = status;
		this.images.forEach(function(image) {
			image.setStatus(status);
		});
		for (var i in this.statusSet) {
			this.node.removeClassNameBA(this.cNamePrefix + i);
		}
		if (this.statusSet[status]) {
			this.node.appendClassNameBA(this.cNamePrefix + status);
		}
	}
}



/* -------------------- Constructor : BARolloverImage -------------------- */

function BARolloverImage(node, statusSet) {
	this.node          = node;
	this.statusSet     = statusSet;
	this.status        = '';
	this.defaultStatus = '';
	this.images        = {};

	if (arguments.length) this.init();
}

BARolloverImage.prototype = {
	init : function () {
		var arr = [];
		for (var i in this.statusSet) {
			arr.push(this.statusSet[i]);
		}
		var statusPtn = new RegExp('(' + arr.join('|') + ')$');
		var suffixPtn = /\.(jpe?g|gif|png)$/i;

		var src    = this.node.getAttributeBA('src');
		var suffix = (suffixPtn.test(src )) ? src.match (suffixPtn)[0] : '';
		var name   = src.replace (suffixPtn, '');
		var status = (statusPtn.test(name)) ? name.match(statusPtn)[0] : '';
		var remain = name.replace(statusPtn, '');
		if (suffix && remain) {
			for (var i in this.statusSet) {
				this.images[i] = BAPreloadImage(remain + this.statusSet[i] + suffix);
				if (this.statusSet[i] == status) {
					this.defaultStatus = this.status = i;
				}
			}
		}
	},
	
	setStatus : function (status) {
		if (status == 'default') {
			status = this.defaultStatus;
		}
		if (this.images[status]) {
			this.status = status;
//			if (this.images[status].complete) {
				this.node.setAttributeBA('src', this.images[status].src);
//			}
		}
	}
}



/* -------------------- Constructor : BARolloverAutoSetupByClassName -------------------- */

function BARolloverAutoSetupByClassName(className, settingData) {
	if (!className || !settingData) return;
	
	this.baseNode     = document;
	this.targetCName  = className;
	this.targetEName  = settingData.targets || ['*'];
	this.excludeCName = settingData.exclude;
	this.statusSet    = settingData.statusSet;
	this.handlers     = settingData.handlers;
}

BARolloverAutoSetupByClassName.prototype = {
	init : function() {
		if (BA_ROLLOVER_AUTOSETUP_FIND_ATONCE) {
			this.initNodes_atOnce();
		} else {
			this.initNodes_sequential();
		}
	},
	
	initNodes_atOnce : function() {
		this.targetEName.forEach(function(nodeName) {
			this.baseNode.getElementsByClassNameBA(this.targetCName, nodeName).forEach(function(node) {
				this.initNode(node);
			}, this);
		}, this);
	},
	
	initNodes_sequential : function() {
		document.addEventListenerBA('mouseover', function(e) {
			var tname = this.targetCName;
			var tnode = (function(node) {
				BARegisterDOMMethodsTo(node);
				return (node.instanceOf == 'BAElement' && node.hasClassNameBA && node.hasClassNameBA(tname)) ?
					node : (node.parentNode) ?
						arguments.callee(node.parentNode) : null;
			})(e.target);
			if (tnode) {
				this.initNode(tnode);
				this.doCallBack({ type : 'mouseover', currentTarget : tnode });
			}
		}, this);
	},

	initNode : function(node) {
		if (typeof node.__BARolloverAutoSetup_instanceID__ != 'number') {
			node.__BARolloverAutoSetup_instanceID__ = BA_ROLLOVER_AUTOSETUP_INSTANCES.length;
			BA_ROLLOVER_AUTOSETUP_INSTANCES.push(
				new BARollover(node, this.statusSet, this.excludeCName)
			);
			for (var eventType in this.handlers) {
				node.addEventListenerBA(eventType, this.doCallBack, this);
			}
		}
	},

	doCallBack : function(e) {
		var type = e.type;
		var node = e.currentTarget;
		var id   = node.__BARolloverAutoSetup_instanceID__;
		if (this.handlers[type]) {
			this.handlers[type].call(BA_ROLLOVER_AUTOSETUP_INSTANCES[id], node);
		}
	}
}







/* -------------------- Function : BARolloverAutoSetup -------------------- */

function BARolloverAutoSetup() {
	if (BA_ROLLOVER_AUTOSETUP_ENABLED && !BAAlreadyApplied(arguments.callee)) {
		for (var className in BA_ROLLOVER_AUTOSETUP_SETTINGS) {
			(new BARolloverAutoSetupByClassName(className, BA_ROLLOVER_AUTOSETUP_SETTINGS[className])).init();
		}
	}
	
	// rollover setup at once in the global navigation.
	var body       = document.getElementsByTagNameBA('body')[0];
	var className  = body.hasClassNameBA('home') ? 'rollover' : 'rollover-gn';
	var roas_gnavi = new BARolloverAutoSetupByClassName(className, BA_ROLLOVER_AUTOSETUP_SETTINGS[className]);
	roas_gnavi.baseNode = document.getElementByIdBA('global-navi');
	if (roas_gnavi.baseNode) {
		roas_gnavi.initNodes_atOnce();
	}
}







/* -------------------- Main : register start-up -------------------- */

if (typeof BA == 'object' && BA.ua.DOMok) {
	BAAddOnload(BARolloverAutoSetup);
}