/* #############################################################
#WEB_SITES_JS {
	--------------------------------------------
	#web site   : www.icsign.co.jp;
	#author     : #Shigemi_Uehara;
	#version    : 1.0;
	#last update: 090617 by #Shigemi_Uehara;
	--------------------------------------------
}

#THIS_FILE {
	--------------------------------------------
	サイト内JavaScriptの管理ファイル
	--------------------------------------------
}
	
#CONTENT {
	--------------------------------------------
	+ 1: Rollover function
	+ 2: Stripe function
	+ 3: Toggle function
	+ 999: CSS set
	--------------------------------------------
}

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

#COPYRIGHT {
	--------------------------------------------
	COPYRIGHT(C) ICSIGN, Ltd. All RIGHTS RESERVED.
	--------------------------------------------
}	
############################################################# */

$(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"』と属性を与えることで、
対象の要素は偶数・奇数の表時ごとに該当のクラス属性を付加する。
*/


/* ==============================================================
	
	[+3:]
	Toggle function
	for jQuery

============================================================== */
/*
$("dl.jqToggle dt").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default"); 
	});
	$("dl.jqToggle dd").css("display","none");
	$("dl.jqToggle dt").click(function(){
		$(this).next().toggle();
	});
*/

/* ==============================================================
	
	[+999:]
	CSS set
	for jQuery
	
============================================================== */
/*
$("a[target='_blank']").css({
	background:"url(../common/img/ico_conductor.png) no-repeat right top",
});
*/

/* 外部リンク時に特定のCLASS属性をつける
$("a[target='_blank']").addClass("blankLink");
*/




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