// Designs page, button image mouseovers
var buttonFX = {
	
	init: function() {
		//Preload Images
		var Pre = new Image();
		Pre.src = 'products/templates/images/view_hover.gif';
		Pre.src = 'products/templates/images/order_hover.gif';
		
		var buttons = $D.getElementsByClassName('button', 'img', 'content');
		$E.on(buttons, 'mouseover', buttonFX.hover, true);
		$E.on(buttons, 'mouseout', buttonFX.hover, false);
	},
	
	hover: function(e, mouseover) {
		var img = $E.getTarget(e);
		
		//Mouseover
		if(mouseover) {
			var action = img.src.match(/(view|order)/);
			img.src = img.src.replace(/(view|order)/, action[0].concat('_hover'));
		}
		
		//Mouseout
		else img.src = img.src.replace('_hover', '');
	}
}
$E.onDOMReady(buttonFX.init);