//説明：<div class="fadebox_type*">直下の<p>要素をフェードしながら順に切り替えて表示します。

//charset: shift_jis
//require: jQuery.js, jquery.innerfade.js
//documentation: http://medienfreunde.com/lab/innerfade/


//*****fadeboxの設定*****
jQuery(function() {
	setfade(); //ページ読み込み時にfadeboxを適用させる

	function setfade() {
		jQuery('.fadebox_type1').innerfade({
			animationtype: 'fade',//fade or slide
			speed: 1000, //フェードするスピード(ミリ秒)
			timeout: 5000, //フェードし始めるまでの表示時間
			type: 'sequence', //sequence or random or random_start
			containerheight: '50px'//表示するボックスの高さ
		});
		jQuery('.fadebox_type2').innerfade({
			animationtype: 'fade',
			speed: 500, 
			timeout: 10000, 
			type: 'random_start', 
			containerheight: '50px'
		});
	}
	
	jQuery('a[href="#tabmenu001"]').click(setfade); //「新着・お知らせ」パネルに切替時にもfadeboxを再適用させる（記事重複表示現象対策）
});


//*****fadebox展開ボタンの表示*****
//javascriptが使えるときは、フェードボックスを開くボタンを表示する
jQuery(function() {
	jQuery('.open_fadebox').css("display","block");
});


//*****fadebox展開ボタンの機能*****
//展開ボタンがクリックされたらfadebox内のすべての<P>要素を表示し、展開ボタンを隠し、戻すボタンを表示。
//戻すボタンはHTML上でリンク先が同一ページとなっているため、クリックすると初期状態に戻りフェードボックスが復活する
jQuery(function() {
	jQuery('.open_fadebox').click(function(){
		//fadebox_type1を別名CLASSの要素に置換することでfade機能を無効にする。さらに新たに展開時用のスタイルを割り当てる
		var box = jQuery('.fadebox_type1').html();
		jQuery('.fadebox_type1').replaceWith("<div class='fadebox_type1_opened'>" + box + "</div>");
		jQuery('.fadebox_type1_opened p').css({"display":"block","position":"static","opacity":"1"});
		jQuery('.fadebox_type1_opened p').css("margin-bottom","4px");

		//fadebox_type2を別名CLASSの要素に置換することでfade機能を無効にする。さらに新たに展開時用のスタイルを割り当てる
		box = jQuery('.fadebox_type2').html();
		jQuery('.fadebox_type2').replaceWith("<div class='fadebox_type2_opened'>" + box + "</div>");
		jQuery('.fadebox_type2_opened p').css({"display":"block","position":"static","opacity":"1"});
		jQuery('.fadebox_type2_opened p').css("margin-bottom","10px");

		//開くボタンを不可視にして閉じるボタンを可視化する
		jQuery('.open_fadebox').css("display","none");
		jQuery('.close_fadebox').css("display","block");
		return false;
	});
});