/* #############################################################
#WEB_SITES_JS {
	--------------------------------------------
	#filename	: base.js
	#author     : #Shigemi_Uehara;
	#version    : 1.0;
	#last update: 090420 by #Shigemi_Uehara;

	サイト内JavaScriptの管理ファイル
	--------------------------------------------
}

#CONTENT {
	--------------------------------------------
	+ 1: rollover function
	+ 2: stripe function
	+ 999: CSS set
	--------------------------------------------
}

############################################################# */

$(function(){
/* ==============================================================
	
	[+1:]
	rollover function
	for jQuery

============================================================== */
$('img.hov')
	.mouseover(function () {
		this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_hov$2");
	})
	.mouseout(function () {
		this.src = this.src.replace(/^(.+)_hov(\.[a-z]+)$/, "$1$2");
	})
	.each(function () {
		this.preloaded = new Image;
		this.preloaded.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_hov$2");
});


$('img.on')
	.each(function () {
	this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_hov$2");
});
	


/*
※jQuery is necessary. 
■ボタンのロールオーバー用ファンクション(jQuery版)

【操作手順】
[1]ロールオーバー前用の画像を適当なファイル名で用意します。 例：btn.gif
[2]ロールオーバー時用の画像のファイル名末端に"_hov"と付けます。 例：btn_hov.gif
[3]設置するimg要素に class="Hov" を指定します。
---------------------------------------------------------------
<img class="hov" src="img/btn.gif" alt="test" />
---------------------------------------------------------------
*/


/* ==============================================================
	
	[+2:]
	stripe function
	for jQuery

============================================================== */
$('ul.stripe').each(function(){
	$(this).find('li:odd').addClass('odd');
	$(this).find('li:even').addClass('even');
});
$('table.stripe').each(function(){
	$(this).find('tr:odd').addClass('odd');
	$(this).find('tr:even').addClass('even');
});
/*
※jQuery is necessary. 
■テーブルやリストの偶数・奇数列にそれぞれクラスを振るファンクション

【解説】
HTMLタグの対象要素に『class="stripe"』と属性を与えることで、
対象の要素は偶数・奇数の表時ごとに該当のクラス属性を付加する。
*/





});
//END "$(function()"
