/* #############################################################
#WEB_SITES_JS {
	--------------------------------------------
	#web site   : xxxxxx.com;
	#author     : #Shigemi_Uehara;
	#version    : 6.0;
	#last update: 071203 by #Shigemi_Uehara;
	--------------------------------------------
}

#THIS_CSS {
	--------------------------------------------
	サイト内JavaScriptの管理ファイル
	--------------------------------------------
}
	
#CONTENT {
	--------------------------------------------
	+ 1: rollover function
	+ 2: scroll function
	+ 3: stripe function
	+ 999: CSS set
	--------------------------------------------
}

#KEY {
	ファイル内管理
	--------------------------------------------
	Search key "+" + "number"
	--------------------------------------------
}

#COPYRIGHT {
	--------------------------------------------
	COPYRIGHT(C) xxxxxx All RIGHTS RESERVED.
	--------------------------------------------
}	
############################################################# */




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

============================================================== */
//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" />
---------------------------------------------------------------
*/
$('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");
});



/* ==============================================================
	
	[+2] scroll function
	for jQuery


============================================================== */
//jQuery & scroll.js is necessary. 
/*
【操作手順】
.toTop a‘と書くとtoTopというclass名の中にあるaをクリックした時の動作を設定してあります。
---------------------------------------------------------------
<p class="toTop"><a href="#header">ページの先頭に戻る</a></p>
---------------------------------------------------------------
*/
$('.toTop a').click(function(){
	$('#head').ScrollTo(1000, 'easeout');
	return false;
});





/* ==============================================================
	
	[+3] stripe function
	for jQuery

============================================================== */
$('ul.stripe').each(function(){
	$(this).find('li:odd').addClass('even');
	$(this).find('li:even').addClass('odd');
});
$('table.stripe').each(function(){
	$(this).find('tr:odd').addClass('even');
	$(this).find('tr:even').addClass('odd');
});





/* ==============================================================
	
	[+3] alfa png Fix function
	for jQuery

============================================================== */
$("img[@src$=png]").pngfix();



/* ==============================================================
	
	[+555:] CSS set
	for jQuery
	
============================================================== */
/*
//jQuery is necessary. 
$("#rap").css({
	background:"url(img/rap_bg.png) no-repeat top",
});
*/

});
// END