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

$(function (){
	initRollOver();
	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: 外部リンク（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);
			}
	});
}