/***************************************************
Common Function
***************************************************/
var $ = function(id) {
return document.getElementById(id);
};
var addEvent = function(obj, ev, handler) {
if (obj.addEventListener)
obj.addEventListener(ev, handler, false);
else if (obj.attachEvent)
obj.attachEvent('on' + ev, handler);
else /* Caution! Override */
obj['on' + ev] = handler;
};
/***************************************************
Basic Rollover Object
***************************************************/
var swapImage = function(obj) {
if (obj.tagName != 'IMG') return;
var reg1 = /\.(gif|jpg|png)$/;
var reg2 = /\-over\.(gif|jpg|png)$/;
var src = obj.src;
if (reg2.test(src))
obj.src = src.replace(reg2, '.$1');
else
obj.src = src.replace(reg1, '-over.$1');
};
var doRollover = function(e) {
var obj = e.srcElement || e.target;
if (obj != null) swapImage(obj);
};
addEvent(window, 'load', function() {
for (var i = 0; i < document.images.length; i++) {
var obj = document.images[i];
if (!/\bROLLOVER\b/.test(obj.className)) continue;
addEvent(obj, 'mouseover', doRollover);
addEvent(obj, 'mouseout', doRollover);
}
});
|