// コンフリクトを回避
jQuery.noConflict();

(function($) {

	$(function(){

		//ロールオーバー
		$("img.over").mouseover(function(){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2").replace("_o_o","_o"));
		}).mouseout(function(){
			if(fontSize!=$(this).attr("id")){
				$(this).attr("src",$(this).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
			}
		}).each(function(){
			$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"));
		}).click(function(){
			$(this).attr("src",$(this).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
		});

		//文字サイズの取得
		if($.cookie("font-size")){
			var fontSize = $.cookie("font-size");
			$("#inbox").addClass(fontSize);
		}else{
			//クッキーがない場合の初期値
			var fontSize = "size1";
		}
		//現在選択されている文字サイズのボタンをロールオーバー時グラフィックに変更
		$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"));

		//文字サイズボタン
		if($("#size1")!=undefined){
			$("#size1").click(function(){
				$("#inbox").removeClass(fontSize);
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
				fontSize = "size1";
				$("#inbox").addClass(fontSize);
				$.cookie("font-size",fontSize,{path:"/"});
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"));
			});
			$("#size2").click(function(){
				$("#inbox").removeClass(fontSize);
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
				fontSize = "size2";
				$("#inbox").addClass(fontSize);
				$.cookie("font-size",fontSize,{path:"/"});
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"));
			});
			$("#size3").click(function(){
				$("#inbox").removeClass(fontSize);
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
				fontSize = "size3";
				$("#inbox").addClass(fontSize);
				$.cookie("font-size",fontSize,{path:"/"});
				$("#"+fontSize).attr("src",$("#"+fontSize).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"));
			});
		}

		$(".side-bnrs a img, .links a img").hover(function(){
			$(this).animate({
				opacity: .8
			},{
				duration: 100,
				queue: false
			})
		}, function(){
			$(this).animate({
				opacity: 1
			}, {
				duration: 100,
				queue: false
			})
		});

		
	});

})(jQuery);