﻿// btn_effects for KENZ ver0.1
var wada = {
	// imageのプリローダー
	preloader: {
		loadedImages: [],
		load: function (url){
			var img = this.loadedImages;
			var l = img.length;
			img[l] = new Image();
			img[l].src = url;
		}
	},
	// URIを解析したオブジェクトを返すfunction
	URI: function(file_url){
		file_url = file_url.substring(file_url.lastIndexOf("/")+1,file_url.length)
		//file_url = file_url.substring(0,file_url.indexOf("."));
		return file_url;
	},
	//ロールオーバーでカーソルをポインタにする
	c_pointer: function(btn){
		$(btn).css("cursor","pointer");
	},
	//IE6でpngなら透過せよ
	IE6fix: function(img,src,imgID){
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText 
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
		 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src='" + src + "', sizingMethod='scale');\"></span>" 
		 img.outerHTML = strNewHTML
		 $('#div_ie6'+imgID).css("width",img.width+"px");
		 $('#div_ie6'+imgID).css("height",img.height+"px");
		 $('#div_ie6_on'+imgID).css("width",img.width+"px");
		 $('#div_ie6_on'+imgID).css("height",img.height+"px");
		 $('#div_ie6_on'+imgID).css("display","block");
	}

};
//拡張子取得
function getEx(path){
	var ex_sp = path.split(".");
	ext = ex_sp[1];
	return ext;
}
function btn(btn){
	var src = $(btn).attr("src");
	btn.originalSrc = src;
	btn.rolloverSrc = btn.originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_on$1");
	var img_result = $.get(btn.rolloverSrc);
	wada.preloader.load(btn.rolloverSrc);
	var ex = getEx(src);
	var filename = wada.URI(location.href);
	var a_filename = wada.URI($(btn).parent("a").attr("href"));
    if($.browser.msie && $.browser.version<7 && ex == "png"){
		var imgID = Math.floor(Math.random()*100000)+1;
		$(btn).before('<div id="div_ie6'+imgID+'"><img src="'+btn.originalSrc+'" id="img_ie6'+imgID+'"><div id="div_ie6_on'+imgID+'"><img src="'+btn.rolloverSrc+'" id="img_ie6_on'+imgID+'"></div></div>');
		$(btn).remove();
		if($(btn).parent("p")){
			//var p_class = $(btn).parent("p").attr('id');
			$(btn).parent("p").css("display","block");
		}
		$("#img_ie6"+imgID).each(function(){
			wada.IE6fix(this,btn.originalSrc,imgID);
		});
		$('#img_ie6_on'+imgID).each(function(){
			wada.IE6fix(this,btn.rolloverSrc,imgID);
		});
		
		$('#div_ie6'+imgID).css("position","relative");
		$('#div_ie6_on'+imgID).css("position","absolute");
		$('#div_ie6_on'+imgID).css("top","0");
		$('#div_ie6_on'+imgID).css("left","0");
		$('#div_ie6_on'+imgID).fadeTo(0.1,0);
		if(filename == a_filename){
			$('#div_ie6_on'+imgID).fadeTo(0.1,1);
		}else{
			$('#div_ie6_on'+imgID).hover(function(){
				$(this).fadeTo(0.1,1);
				wada.c_pointer($(this));
			},function(){
				$(this).fadeTo(0.1,0);
			});
		}
    }else{
		if(filename == a_filename && location.href != 'http://www.east0999.com/'){
			$(btn).attr('src',btn.rolloverSrc);
		}else{
			$(btn).hover(function(){
				$(this).attr('src',this.rolloverSrc);
				wada.c_pointer(btn);
			},function(){
				$(this).attr('src',this.originalSrc);
			});
		}
	}
}
function btn_alpha(btn){
	var src = $(btn).attr("src");
	var ex = getEx(src);
	var imgID = Math.floor(Math.random()*100000)+1;
    if($.browser.msie && $.browser.version<7 && ex == "png"){
		$(btn).before('<div id="div_ie6'+imgID+'"><img src="'+src+'" id="img_ie6'+imgID+'"></div>');
		$(btn).remove();
		$("#img_ie6"+imgID).each(function(){
			wada.IE6fix(this,src,imgID);
		});
		$("#div_ie6"+imgID).each(function(){
			$(this).css({
				opacity: 1.0,
				filter: "alpha(opacity="+1.0*100+")"
			}).hover(function(){
				$(this).fadeTo('fast',0.6);
				wada.c_pointer(this);
			},function(){
				$(this).fadeTo('fast',1.0);
			});
		});

	}else{
		$(btn).css({
			opacity: 1.0,
			filter: "alpha(opacity="+1.0*100+")"
		}).hover(function(){
			$(btn).fadeTo('fast',0.6);
			wada.c_pointer(btn);
		},function(){
			$(btn).fadeTo('fast',1.0);
		});
	}
}
	
$(function(){
		//オーバーで_onに切り替え
		$('.btn').each(function(){
			btn(this);
		});
	
		//オーバーで透過
		$('.btn_alpha').each(function(){
			btn_alpha(this);
		});

});
