/*Roll Over*/
(function () {
	if (window.addEventListener) {
		window.addEventListener('load', init, false);
	} else if (window.attachEvent) {
		window.attachEvent('onload', init);
	}
	
	function init() {
		var imageelements = document.getElementsByTagName('img');
		var classRegExp = /(^|\s)rollover(\s|$)/;
		
		for (var i=0; i < imageelements.length; i++) {
			
			if (classRegExp.test(imageelements[i].className)) {
					imageelements[i].onmouseover = function () {
					var s = this.src;
					var extension = s.substring(s.length-4); /*length-4 is the no. of characters of the extension*/
					var firstpart = s.substring(0,s.length-4);
					this.src = firstpart + "_roll" + extension;
				}
				
				imageelements[i].onmouseout = function () {
					var s = this.src;
					var extension = s.substring(s.length-4);
					var firstpart = s.substring(0,s.length-9);
					this.src = firstpart + extension;
				}
				
				var s = imageelements[i].src;
				var extension = s.substring(s.length-4);
				var firstpart = s.substring(0,s.length-4);
				(new Image()).src = firstpart + "_roll" + extension;
			}
		}
		
	}
	
}) ();