/*	OmaseForm version 0.1 (2007/08/25)
 *	Copyright (c) 2007 hajime
 *	Requires: prototype.js
 *
 *	ご覧の通り酷い有様です。もし JavaScript の匠にお時間があり
 *	もっと効率良く出来るソースがありましたら勉強させて頂きたいです。
 *	自分でも少しずつ勉強して改善に努めますのが、どうぞ宜しくお願いします。
 *
 *	Target Browser
 *	Windows: IE6, IE7, Firefox2, Opera9, Netscape7
 *	Macintosh: Safari2, Firefox2, Opera9, Netscape7
 *
 *	※Safari は input や textarea への style の適用に制限（バグ？）
 *	がありますので、border color 関係は無視しています。
 *
 *	web site: http://hajimetedesign.blog77.fc2.com/
 *
/*----------------------------------------------------------*/

/*スタイルの指定*/
var overColor = '1px solid #333'; //onMouseOver border color
var outColor = '1px solid #999'; //onMouseOut border color
var focusColor = '#fff'; //onFocus background color
var blurColor = '#f6f6f6'; //onBlur background color

/*イベントハンドラを外部から適用*/
Event.observe(window, "load", sethf, false);

function sethf(){
	Event.observe($("subject"), "mouseover", hover, false);
	Event.observe($("subject"), "mouseout", hout, false);
	Event.observe($("subject"), "focus", hfocus, false);
	Event.observe($("subject"), "blur", hblur, false);

	Event.observe($("name"), "mouseover", hover1, false);
	Event.observe($("name"), "mouseout", hout1, false);
	Event.observe($("name"), "focus", hfocus1, false);
	Event.observe($("name"), "blur", hblur1, false);

	Event.observe($("mail"), "mouseover", hover2, false);
	Event.observe($("mail"), "mouseout", hout2, false);
	Event.observe($("mail"), "focus", hfocus2, false);
	Event.observe($("mail"), "blur", hblur2, false);

	Event.observe($("url"), "mouseover", hover3, false);
	Event.observe($("url"), "mouseout", hout3, false);
	Event.observe($("url"), "focus", hfocus3, false);
	Event.observe($("url"), "blur", hblur3, false);

	Event.observe($("comment"), "mouseover", hover4, false);
	Event.observe($("comment"), "mouseout", hout4, false);
	Event.observe($("comment"), "focus", hfocus4, false);
	Event.observe($("comment"), "blur", hblur4, false);

	Event.observe($("pass"), "mouseover", hover5, false);
	Event.observe($("pass"), "mouseout", hout5, false);
	Event.observe($("pass"), "focus", hfocus5, false);
	Event.observe($("pass"), "blur", hblur5, false);

	Event.observe($("tburl"), "mouseover", hover6, false);
	Event.observe($("tburl"), "mouseout", hout6, false);
	Event.observe($("tburl"), "focus", hfocus6, false);
	Event.observe($("tburl"), "blur", hblur6, false);
}

/*
 *	それぞれの ID を保持した関数の適用
 *	$() 関数の変わりに this を使用すると IE で無反応になる。
/*-------------------------------------------------*/

function hover(){$("subject").style.border = overColor;}
function hout(){$("subject").style.border = outColor;}
function hfocus(){$("subject").style.background = focusColor;}
function hblur(){$("subject").style.background = blurColor;}

function hover1(){$("name").style.border = overColor;}
function hout1(){$("name").style.border = outColor;}
function hfocus1(){$("name").style.background = focusColor;}
function hblur1(){$("name").style.background = blurColor;}

function hover2(){$("mail").style.border = overColor;}
function hout2(){$("mail").style.border = outColor;}
function hfocus2(){$("mail").style.background = focusColor;}
function hblur2(){$("mail").style.background = blurColor;}

function hover3(){$("url").style.border = overColor;}
function hout3(){$("url").style.border = outColor;}
function hfocus3(){$("url").style.background = focusColor;}
function hblur3(){$("url").style.background = blurColor;}

function hover4(){$("comment").style.border = overColor;}
function hout4(){$("comment").style.border = outColor;}
function hfocus4(){$("comment").style.background = focusColor;}
function hblur4(){$("comment").style.background = blurColor;}

function hover5(){$("pass").style.border = overColor;}
function hout5(){$("pass").style.border = outColor;}
function hfocus5(){$("pass").style.background = focusColor;}
function hblur5(){$("pass").style.background = blurColor;}

function hover6(){$("tburl").style.border = overColor;}
function hout6(){$("tburl").style.border = outColor;}
function hfocus6(){$("tburl").style.background = focusColor;}
function hblur6(){$("tburl").style.background = blurColor;}