
document.getElementsByClassName = function(clsName,tagName){
    var retVal = new Array();
	if (tagName == undefined) tagName = '*';
    var elements = document.getElementsByTagName(tagName);
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(' ') >= 0){
            var classes = elements[i].className.split(' ');
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}


function switchImg() {
	var el = document.getElementsByClassName('RollOver','img');
	if (el.length > 0) {
		for (i=0; i<el.length; i++) {
			var roId = 'ro' + i;
			el[i].id = roId;
			document.getElementById(roId).onmouseover = function() {
				elSrc = this.src;
				this.src = elSrc.substring(0, elSrc.lastIndexOf('.')) + '_hover' + elSrc.substring(elSrc.lastIndexOf('.'));
			}
			document.getElementById(roId).onmouseout = function(elSrc) {
				elSrc = this.src;
				this.src = elSrc.substring(0, elSrc.lastIndexOf('.')-6) + elSrc.substring(elSrc.lastIndexOf('.'));
			}
		}
	}
}

if (window.addEventListener){
	window.addEventListener('load', switchImg, false);
	} else {
	window.attachEvent('onload', switchImg);
}
