// JavaScript Document

/* ===============================================
  ロールオーバー
  
  <img />,<input type="image" />タグに「class="rover"」とつけると
  「～～.gif」,「～～,jpg」を「～～_on.gif」,「～～_on,jpg」に切り替える。
=============================================== */
function initRollOverImages(){
var image_cache = new Object();
$("img.rover,input.rover").each(function(i){
var imgsrc = this.src;
var dot = this.src.lastIndexOf('.');
var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
image_cache[this.src] = new Image();
image_cache[this.src].src = imgsrc_ro;
$(this).hover(function(){
this.src = imgsrc_ro;
},function(){
this.src = imgsrc;
});
});
}

/* ===============================================
  メニューアクティブ
  
  画面ロード時にimgタグを_onの付いた画像に張り替える
=============================================== */
function Menu_active(id){
if(id != ''){
var target_img = "img#"+id;
$(target_img).each(function(i){
dot = this.src.lastIndexOf('.');
var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
this.src = imgsrc_ro;
//既に割り当てられているロールオーバー関数を上書き
$(this).hover(function(){
this.src = imgsrc_ro;
},function(){
this.src = imgsrc_ro;
});
});
}
}

/* ===============================================
  メニューアクティブ化(テキスﾄ)
  
  画面ロード時にliタグ or ddタグにクラス[on]を追加する
=============================================== */
function localMenu_active(id){
if(id != ''){
var target_img = "li#"+id;
$(target_img).each(function(i){
$(this).addClass("on");
});
var target_img = "dd#"+id;
$(target_img).each(function(i){
$(this).addClass("on");
});
}
}

/* ===============================================
  input,textareaタグをフィーカスする
  
  input,textareaタグにカーソルが乗ると、[input-focus]クラス名が追加される。
  デフォルト時は[input-usually]が自動的に追加される。
=============================================== */
function InputFocus(){
$('input[type=text],input[type=password]').addClass('input-usually');
$('.input-usually').focus(function(){
$(this).addClass('input-focus');
});
$('.input-usually').blur(function(){
if($(this).find('.input-focus')){
$(this).removeClass('input-focus');
}
});
}

/* ===============================================
  各関数を実行する。
=============================================== */
$(document).ready(function(){
//マウスオーバー
initRollOverImages();
//inputフォーカス
InputFocus();
});