var Rollover = Class.create();
Rollover.prototype = {
    initialize: function(_RolloverClassName,parentElement) {
		var Rollover = document.getElementsByClassName(_RolloverClassName, parentElement);
		//alert(parentElement);
        for (var i = 0, len = Rollover.length; i < len; i++) {
			//alert(ScrollObj[i]);
        	Event.observe(Rollover[i], 'mouseover', this.addMouseOverEvent.bindAsEventListener(this));
        	Event.observe(Rollover[i], 'mouseout', this.addMouseOutEvent.bindAsEventListener(this));
        	Event.observe(Rollover[i], 'mousedown', this.addMouseOutEvent.bindAsEventListener(this));
        	Event.observe(Rollover[i], 'keydown', this.addMouseOutEvent.bindAsEventListener(this));
		}
    },
    addMouseOverEvent: function(event) {
		//img.src = img.orgSrc;
        var img = Event.findElement(event, 'img');
        var src = img.getAttribute('src');
		var temp_obj = src.split("_over");
		if(temp_obj.length == 1){
			img.orgSrc = src;
			var src_obj = src.split(".");
			var temp='';
			for(var i = 0, len = src_obj.length; i<len; i++){
				if(src_obj.length-1 == i){
					temp += src_obj[i];
				}else if(src_obj.length-2 == i){
					temp += src_obj[i];
					temp += '_over.';
				}else{
					temp += src_obj[i]+'.';
				}
			}
			img.src = temp;
			Event.stop(event);
		}else{
			src = temp_obj[0]+temp_obj[1];
			img.src = temp_obj[0]+temp_obj[1];
			img.orgSrc = src;
			//alert(src);
        	Event.stop(event);
		}
    },
    addMouseOutEvent: function(event) {
        var img = Event.findElement(event, 'img');
        var src = img.getAttribute('src');
		var temp_obj = src.split("_over");
		if(temp_obj.length == 1){
			img.orgSrc = src;
			var src_obj = src.split(".");
			var temp='';
			for(var i = 0, len = src_obj.length; i<len; i++){
				if(src_obj.length-1 == i){
					temp += src_obj[i];
				}else if(src_obj.length-2 == i){
					temp += src_obj[i];
					temp += '_over.';
				}else{
					temp += src_obj[i]+'.';
				}
			}
			img.src = temp;
			Event.stop(event);
		}else{
			src = temp_obj[0]+temp_obj[1];
			img.src = temp_obj[0]+temp_obj[1];
			img.orgSrc = src;
			//alert(src);
        	Event.stop(event);
		}
		img.src = img.orgSrc;
	}
}


Event.observe(window, 'load', function () {
    new Rollover('btn','wrappe');
});