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

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; },
			function() { this.src = imgsrc; });
		});
}

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

$(function(){
	
	initRollOverImages("div#container div.global > ul.button > li > a > img");
	
	$("#middle").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
	});
	
	$("#large").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
	});
});