/* コンストラクタ
-------------------------------------------------------------- */
$(document).ready(function(){
	targetLink('a.TL');
	smoothScroll();
	$(".footer-navi").load("../common/html/footer-navi.html");
});

/* --------------------------------------------------------------
 Lineup
 ---------------------------------------------------------------
+ 擬似セレクタ：addSelector("target","selector")
+ しましまテーブル／リスト：stripeItem("target","targetChild","even","odd")
+ target="_◯◯"を実装する：targetLink("target")
+ ロールオーバー：$('.target').rollover('prefix')
+ ふんわりエフェクトでロールオーバーする：smoothRollOver("target",speed)
+ スムーズスクロール：smoothScroll(speed)
-------------------------------------------------------------- */

/* --------------------------------------------------------------
 擬似セレクタ
-------------------------------------------------------------- */
function addSelector(target,selector){
	$(target+":"+selector).addClass(selector);
}

/* --------------------------------------------------------------
 しましまテーブル
-------------------------------------------------------------- */
function stripeItem(target,targetChild,even,odd){
	
	// 初期値設定
	if (!targetChild) {targetChild = "tr"}
	if (!even) {even = "even"}
	if (!odd) {odd = "odd"}

	targetTable = "." + target;
    $(targetTable + " " + targetChild + ":nth-child(even)").addClass(even);
    $(targetTable + " " + targetChild + ":nth-child(odd)").addClass(odd);
}

/* --------------------------------------------------------------
 target="_◯◯"を実装する
 ----------------------------------------------------------------
 [ex]<a href="url" class="targetLink" rel="blank">blank link</a>
		→<a href="url" class="targetLink" target="_blank">blank link</a>
-------------------------------------------------------------- */
function targetLink(target){
	myLinkTarget = $(target).attr('rel');

	$(target).click(function(){
		this.target = "_" + myLinkTarget;
	});
}

/* --------------------------------------------------------------
 ロールオーバー
  ----------------------------------------------------------------
 [ex]<a href="url"><img src="sample.jpg" /></a> → <a href="url"><img src="sample_on.jpg" /></a>
-------------------------------------------------------------- */
jQuery.fn.rollover = function(suffix) {
	suffix = suffix || '_on';
	var check = new RegExp(suffix + '\\.\\w+$');
	return this.each(function() {
		var img = jQuery(this);
		var src = img.attr('src');
		if (check.test(src)) return;
		var _on = src.replace(/\.\w+$/, suffix + '$&');
		jQuery('<img>').attr('src', _on);
		img.hover(
			function() { img.attr('src', _on); },
			function() { img.attr('src', src); }
		);
	});
};

/* --------------------------------------------------------------
 ふんわりエフェクトでロールオーバーする
 ----------------------------------------------------------------
 [ex:html]<a href="#" class="target"><img src="..."></a>　←通常時
 [ex:css]a.hover { background: url(...); }　←hover時
-------------------------------------------------------------- */
function smoothRollOver(target,speed){
	// 初期値設定
	if (!speed) {speed = 500}

	$(target).hover(
		function(){ $("img", this).stop(true).fadeTo(speed, 0); },
		function(){ $("img", this).stop(true).fadeTo(speed, 1); }
	);
}

/* --------------------------------------------------------------
 スムーズスクロール
-------------------------------------------------------------- */
function smoothScroll(){
  $('a[href*=#]').click(scrollPlay);
  $('area[href*=#]').click(scrollPlay);
}

function scrollPlay(speed) {
	var speed = 750;
    var $target=$(this.hash);
    var targetY=$target.offset().top;
    $($.browser.opera ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body').animate({scrollTop: targetY},speed);return false;
  }