//　リンクイメージのフェード //
//$(document).ready(function(){
//$("#globalNav > li > a >img").fadeTo(0,1.0);
//$("#globalNav > li > a >img").hover(function(){
//        $(this).fadeTo(300,0.3);
//   },
//    function(){
//        $(this).fadeTo(300,1.0);
//    });
//});

//　ロールオーバー //
//-----------------------------------------------------------------------
//	ロールオーバーで画像を変更
//-----------------------------------------------------------------------

function initRollOverImages($button) {
	
	//プリロード用オブジェクトを定義
	var image_cache = new Object();
	
 	$($button).each(function(i) {
		//src属性を取得
		var imgsrc = this.src;
		
		//拡張子前の「.」間での文字数を取得
		var dot = this.src.lastIndexOf('.');
		
		//「.」前までの文字列に「_ov」を付加して、最後に拡張子を足して変数に格納
		//(ロールオーバー後の画像のsrc属性を生成)
		
		var img_ov_or_not = imgsrc.match("\_ov");
		var img_active = imgsrc.match("\_active");
		
		if(img_ov_or_not == null && img_active == null ){
			var imgsrc_on = ovImg(imgsrc);
		}else{
			var imgsrc_on = imgsrc;
		}
		
		image_cache[this.src] = new Image();
		image_cache[this.src].src = imgsrc_on;
		
		//ロールオーバー処理
		$(this).hover(
			function() {
				this.src = imgsrc_on;
				$(this).fadeTo(250,0.3);},
			function() {
				this.src = imgsrc;
				$(this).fadeTo(250,1.0);
			});
		});
}

function ovImg($imgSrc){
	var dot = $imgSrc.lastIndexOf('.');
	return imgsrc_on = $imgSrc.substr(0, dot) + '_ov' + $imgSrc.substr(dot, 4);
	
}

$(function(){	
	initRollOverImages("#globalNav > li > a >img");
});