//ロールオーバー（同じ画像ファイル名+_onをロールオーバー画像にする）
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); }
		);
	});
};
//上記ロールオーバーに付随する指定（自由に変更・追加可能）
$(function() {
	$('#header ul.gnavi img,.allbtn a img,a img.btn').rollover();	//基本（複数指定可能）
	//$('form input:image').rollover();								//inputにも可能
	//$('a img.btn').rollover('_over');								//引数で『_on』の部分を変更可能
	
	//スムーススクロール
	$('a[href^=#]').click(function() {														// #で始まるアンカーをクリックした場合に処理
		var speed = 1000;																		//スクロールの速度（ミリ秒）
		var href= $(this).attr("href");														//アンカーの値取得
		var target = $(href == "#" || href == "" ? 'html' : href);								//移動先を取得
		var position = target.offset().top;														//移動先を数値で取得
		$($.browser.safari ? 'body' : 'html').animate({scrollTop:position}, speed, 'swing');	// スムーススクロール
		return false;
	});
	
	//header内mail会員登録ボタン用
	$("#header p#mail_regist a").colorbox({
		transition: "elastic",
		speed: 450,
		opacity: 0.7,
		width: "900px",
		height: "650px",
		scrolling: false,
		iframe: true
	});

	//トップの画像フェード
    setInterval( "slideSwitch()", 5000 );
});



//トップの画像フェード
function slideSwitch() {
    var $active = $('#top_main_img img.active');

    if ( $active.length == 0 ) $active = $('#top_main_img img:last');

    var $next =  $active.next().length ? $active.next()
        : $('#top_main_img img:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}



//colorBox
/*$(function(){
	//汎用で使えるクラス
	$('.colorbox').colorbox();
	
	//トップのitem用
	$('a[rel="top_items"]').colorbox({
		transition: "elastic",
		speed: 450,
		opacity: 0.7,
		width: "728px",
		height: "562px",
		scrolling: false,
		iframe: true
	});
	
	//カタログのイメージギャラリー用
	$('a[rel="catalogs"]').colorbox({
		transition: "elastic",
		speed: 450,
		opacity: 0.7
	});
});*/