/* =============================================================
	www.chaloows.com - base.js v4.00
	------------------------------------------
	web site   : chaloows.com
	author     : #Shigemi_Uehara
	filename   : base.js
	version    : 4.00
	last update: 00809 by #Shigemi_Uehara
	------------------------------------------
	COPYRIGHT(C) CHALOOWS All RIGHTS RESERVED.

	{ファイル内容} ---------------------------
	サイト内JavaScriptの管理ファイル
	------------------------------------------
	
	{content}=================================
	--------------------
	search key "/" + "number"
	--------------------
	0:include_js function
	1:rollover function
	2:scroll function
	999:CSS set
	==========================================
	COPYRIGHT(C) CHALOOWS All RIGHTS RESERVED.
============================================================== */





/*======================================
	[/0:] include_js function
=======================================*/
//jsファイルの呼び出し用ファンクション。
//もし、jsの呼び出しに include.js を使用する場合はこのファンクションは削除してください。
include_js("./js/swfobject.js");
include_js("./js/scroll.js");

function include_js(js_src)
{
	var js_type, js_char;
	js_type = "text/javascript";
	js_char = "utf-8";
	document.write('<script type="' + js_type + '" src="'  + js_src + '" charset="' + js_char + '"></script>');
}





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


//ボタンのロールオーバー用ファンクション(単体版)
/*
【操作手順】
[1]ロールオーバー前用の画像を適当なファイル名で用意します。 例：btn.gif
[2]ロールオーバー時用の画像のファイル名末端に _hov を付けます。 例：btn_hov.gif
[3]設置するimg要素に class="Hov" を指定します。

※ 設置するimg要素に class="On" を指定することで、ページが読み込まれた時から
　 画像のファイル名末端に _hov を付ける事が可能。
---------------------------------------------------------------
<img class="Hov" src="img/btn.gif" alt="test" />
---------------------------------------------------------------
*/
/*
window.onload = function() {
	RollOver();
	SetActiv();
};

function RollOver() {
	var conf = {
		className : 'Hov',
		postfix : '_hov'
	};
	var imgNodeList = getElementsByClassName(conf.className);
	var node;
	for (var i=0, len=imgNodeList.length; i<len; i++) {
		node = imgNodeList[i];
		node.originalSrc = node.src;
		node.rolloverSrc = node.originalSrc.replace(/(\.gif|\.jpg|\.png)/, conf.postfix+"$1");
		preloadImage(node.rolloverSrc);
		node.onmouseover = function() {
			this.src = this.rolloverSrc;
		};
		node.onmouseout = function() {
			this.src = this.originalSrc;
		};
	}
}

function SetActiv() {
	var conf = {
		className : 'On',
		postfix : '_hov'
	};
	var imgNodeList = getElementsByClassName(conf.className);
	var node;
	for (var i=0, len=imgNodeList.length; i<len; i++) {
	node = imgNodeList[i];
	node.src = node.src.replace(/(\.gif|\.jpg|\.png)/, conf.postfix+"$1");
	}
}


function getElementsByClassName(name){
	var elements = [];
	var allElements = document.getElementsByTagName('*');
	for (var i=0, len=allElements.length; i<len; i++) {
		if (allElements[i].className == name){
			elements.push(allElements[i]);
		}
	}
	return elements;
}

preloadedImages = [];
function preloadImage(url){
	var p = preloadedImages;
	var l = p.length;
	p[l] = new Image();
	p[l].src = url;
}
*/





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





/*======================================
	[/999:] CSS set
=======================================*/
/*
//jQuery is necessary. 
$(function(){

	$("#rap").css({
		background:"url(img/rap_bg.png) no-repeat top",
	});
});
*/