//説明　このスクリプトはページにタブ機能を実現します。

//charset: shift_jis
//require: jquery.js, ui.core.js, ui.tabs.js, jquery.cookie.js, tabmenu.css,
//documentation: http://www.stilbuero.de/jquery/tabs_3/


//タブメニューを指定する
jQuery(function() {
jQuery('#tabmenu > ul:first').tabs({cookie:{} , fx: { opacity: 'toggle' } });

});

//使用法
//1.使用するHTMLページのヘッダでjquery.js, ui.core.js, ui.tabs.js, jquery.cookie.js, このjsファイル, tabmenu.css, の順で読み込ませるよう記述する。このとき、各jsファイルのcharsetも正しく指定すること
//	同じページでprototype.jsも使用するときは、jquery.jsの前にprototype.jsを記述し、衝突回避のスクリプトを記述すること
//2.表示させたいページに以下のタグを記述する

//<div id="tabmenu">
//	<ul>
//		<li><a href="#【タブ1パネルのID】"><span>【タブ1の名前】</span></a></li>
//		<li><a href="#【タブ2パネルのID】"><span>【タブ2の名前】</span></a></li>....
//  </ul>
//	<div id="【タブ1パネルのID】">【タブ1パネルの内容】</div>
//	<div id="【タブ2パネルのID】">【タブ2パネルの内容】</div>
//</div>

//注意：<div id="tabmenu">の外の構造にcssのpositionが設定されていると選択中タブの表示位置が不正になる


//説明：このスクリプトは、#tabmenu内の一番目の<ul>に対してだけ適用される（上記 jQuery('#tabmenu > ul:first') 部分）
//説明：jquery.cookie.jsと連動して、どのパネルを開いていたかをcookieで記憶し、先のページから戻ってきたときに同じパネルを表示するようになっている（記憶されているcookieはブラウザを終了したら消える）
//説明：別のページからtabmenuのアンカー付きで遷移してきた場合は、