﻿$(document).ready(function()
{
		MouseOverEffect();
});

function overBtn( e ) 
{
	var target = getTarget( e );
	target.className = 'inputButtonHover';
}

function outBtn( e ) 
{
	var target = getTarget( e );
	target.className = 'inputButton';
}

var buttons = document.getElementsByTagName( 'input' ); 

function MouseOverEffect()
{
	for ( var i = 0; i < buttons.length; i++ ) 
	{ 
		if( ( ( buttons[i].type == 'submit' ) || ( buttons[i].type == 'button' ) ) && ( buttons[i].className == 'inputButton' ) )
		{
			if ( buttons[i].addEventListener ) 
			{
				buttons[i].addEventListener( "mouseover", overBtn, false );
				buttons[i].addEventListener( "mouseout", outBtn, false );
			} 
			else if ( buttons[i].attachEvent ) 
			{
				buttons[i].attachEvent( "onmouseover", overBtn );
				buttons[i].attachEvent( "onmouseout", outBtn );
			} 
			else 
			{
				buttons[i].onmouseover = overBtn;
				buttons[i].onmouseout = outBtn;
			} 
		}
	} 
}

