/*------------------------------------------------------------
 * basic.js (require jQuery.js v1.4.2) Version 0.1
/*------------------------------------------------------------*/

$(function (){
	initRollOver();
	initFontSize();
	iniExLink();
	iniAjaxLink();
});



/* 1: img.btn, input.btnにロールオーバー効果を付けます。
==============================================================*/

function initRollOver(){
    $("img.btn, input.btn").mouseover(
		function (){ initMouseOver($(this)); }
	).mouseout(
		function (){ initMouseOut($(this)); }
	);
}

function initMouseOver(obj){
	obj.not("[src*='_on.']").attr("src", obj.attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
}

function initMouseOut(obj){
	obj.attr("src", obj.attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
}



/* 2: 文字サイズを変更します。
==============================================================*/

function initFontSize() {
	var fontSize = new Array();
	fontSize["small"] = 100;
	fontSize["medium"] = 100;
	fontSize["large"] = 116;
	var dd = $("dl.fontsize-switch dd li");
	
	if($.cookie("fontsize")){
		setSize($.cookie("fontsize"));
	}else{ setSize("medium"); }
	
	$(dd).css("cursor","pointer").click(function(){
		setSize($(this).attr("id"));
		
		var buttons = $("img", $(this).siblings("li"));
		buttons.each(function(){
			var elm = $(this);
			elm.attr("src", $(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
		});
	 });
	
	function setSize(size) {
		var sizeNum = fontSize[size];
		var sizeName = "#"+size;
		var img = $("img", sizeName);
		var imgSrc = img.attr("src");
		
		if( ! imgSrc.match("_on") ){
			imgSrc = img.attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
		}
		
		img.attr("src", imgSrc).unbind("mouseout");
		
		$("div.wrapper, div.footer").css("font-size", sizeNum +"%");
		$.cookie("fontsize", size, { expires: 7, path: "/" });
	}
}



/* 3: 外部リンク（a.ex-link）を別窓で開きます。
==============================================================*/

function iniExLink(){
	$("a.ex-link").click(function(){
		window.open(this.href, "new");
		return false;
	});
}





/* 5: 指定ページの内容を指定要素に読み込みます。
■読み込むページのhead内で下記のように読み込みたい場所のidとパスを書いてください。
$(function() {
	jQuery.ajaxLink("include-area", "include/menu.html");
});

==============================================================*/

function iniAjaxLink() {
	jQuery.extend({
		ajaxLink: function(id, url) {
			var elm = "#"+id;
			$(elm).load(url);
			}
	});
}