// JavaScript Document
var RolloverButtons = {
	
	init: function(){
		var list_of_input = document.getElementsByTagName("input");
		for(var i=0;i<list_of_input.length;i++){
			var input_type = list_of_input[i].getAttribute("type");
			if(input_type == "submit" || input_type == "reset" || input_type == "button"){ 
				// Event: onmouseover
				Core.addEventListener(list_of_input[i],"mouseover",RolloverButtons.changeBackgroundOverListener);
				// Event: onmouseout
				Core.addEventListener(list_of_input[i],"mouseout",RolloverButtons.changeBackgroundOutListener);
			}
		}
	},
	
	changeBackgroundOverListener: function(event){
		RolloverButtons.changeBackgroundOver(this);
		Core.preventDefault(event);
	},
	
	changeBackgroundOutListener: function(event){
		RolloverButtons.changeBackgroundOut(this);
		Core.preventDefault(event);
	},
	
	changeBackgroundOver: function(button){
		button.style.border = "1px solid #666666";
		button.style.color = "#333333";
	},
	
	changeBackgroundOut: function(button){
		button.style.border = "1px solid #BEBEBE";
		button.style.color = "#666666";
	}
	
}

Core.start(RolloverButtons);