// JavaScript Document



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
//フォーム内容を取得する時、そのエレメントが空であった場合には
ハッシュ化をしないように機能拡張します。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
Object.extend(Form,{
	serialize:function(form, getHash) {
return Form.serializeElements(Form.getElements(form).reject(function(ele){
return(ele.value == "")
}), getHash);
}})

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
//ロールオーバーイベントを作成
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
overImgName = 'rollover';//ロールオーバーにするName。imgタグに name="rollover" と記入
overImgAddName = '-over';//ロールオーバー用イメージ
Event.observe(window, 'load', setRollOver, false);
function setRollOver() {
  //上で定義したエレメントをすべて取得
  var overImg_array = $A(document.getElementsByName(overImgName));
  //var overImg_array = $$("img.rollover");
  //prototype.jsで展開
  overImg_array.each(function(myImg){
    if(myImg.flag != true){
    myImg.imgsrc = myImg.src;
	myImg.flag = true//ロード後にsetRollOverを再び実行する場合にすでに設定があるものは処理を飛ばす
    myImg.imgsrc_over = myImg.src.replace('.gif', overImgAddName +'.gif').replace('.jpg', overImgAddName +'.jpg');
	//ロールオーバーの機能を付加
    myImg.onmouseover = function() { this.src = this.imgsrc_over; };
    myImg.onmouseout = function() { this.src = this.imgsrc; };
	//プリロード
	preloadImg = new Image();
	preloadImg.src = myImg.imgsrc_over;
	}
  });
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
//数字チェック--引数は数値（エレメントではない）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
function NumberCheck(v) {
   return (v.match( /[^0-9]+/ ))?false:true;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
//半角英数チェック--引数は文字列（エレメントではない）
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
function WordsCheck(v) {
   return (v.match( /^[a-zA-Z0-9]+$/ ))?false:true;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
全インプットとセレクトに対して、入力で背景色をかえるようにします。
FireFox系ではinputタグ内にvalue=""と明確に定義する必要があります。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

var backColor = "#fffcd6";//この変数はほかでも使います
var nonBackColor = "#e4f2ff";
Event.observe(window, 'load',this.backColormake.bind(this,"load"), false);
function backColormake(t){
var inputEle_array = $A(document.getElementsByTagName("input"));
var selectEle_array = $A(document.getElementsByTagName("select"));
var textareaEle_array = $A(document.getElementsByTagName("textarea"));
var inputEle_array = inputEle_array.concat(selectEle_array).concat(textareaEle_array);
inputEle_array.each(function(ele){
 if(ele.type!="checkbox" && ele.type!="radio" && ele.type!="button" && ele.type!="submit" && ele.type!="reset" ){
	 ele.style.backgroundColor=(ele.value!="")?backColor:nonBackColor;
	 if(t=="load"){
	 Event.observe(ele, 'blur', function(){
	 ele.style.backgroundColor=(ele.value!="")?backColor:nonBackColor;
	 }, false);
	 }
 }
})
}
