//ページトップメニューの動作
jQuery(document).ready(function(){

	//ウインドウサイズが481px以下なら動作しない(スマートフォン用)
	var widthsize = jQuery(document).width();
	if(widthsize < 481){
		
	}else{

	  //ロード時にカリキュラムメニューの子要素を隠す
	  jQuery("ul.children").hide();
	  
	  //各メニューの横移動
	  jQuery("div.menu > ul > li > a").hover(function(){
		  jQuery(this).animate({marginLeft:"10px"},500);
	  },function(){
		  jQuery(this).animate({marginLeft:"0px"},500);
	  });
	  
	  //カリキュラムメニューにロールオーバー/アウトしたときの動作
	  jQuery("div.menu > ul > li.curriculum").hover(function(){
		  jQuery("ul.children").slideToggle();
	  },function(){
		  jQuery("ul.children").slideToggle();
	  });
	
	}

});

//スキルアップコース ページ切り替え
jQuery(document).ready(function(){

	// 最初のエントリーのみ表示する
	jQuery('#menu-text > ul > li').css('display','none');
	jQuery('#menu-text > ul > li:first').css('display','block');

	//ページのURLを取得
	var url = document.URL;
	//「#」で文字列検索
	var res = url.indexOf("#",0);

	// --- 他ページからスキルアップコースに遷移してきたときの処理

		if(res != -1){	//（一致しなければ(「url」)-1が返る）

			//「#」部分でカット(配列に格納)
			var number = url.split("#");
			var id = number[1]; //数字部分

			// 取得したid番号の記事を表示(それ以外の記事は非表示)
			jQuery('#menu-text > ul > li').css('display','none');
			jQuery('#menu-text > ul > li#'+id).fadeIn(1000);

		}

	// --- 各コースボタンがクリックされたときの処理

		jQuery('#menu-list > .menu-list-around > ul > li').click(function(){

			//クリックされた瞬間のスクロール位置を取得
			var scrollpoint = jQuery(document).scrollTop();
			var id = jQuery(this).attr('id'); // idの取得

			// 取得したid番号の記事を表示(それ以外の記事は非表示)
			jQuery('#menu-text > ul > li').css('display','none');
			jQuery('#menu-text > ul > li#'+id).fadeIn(1000);

			//スクロール位置を設定
			jQuery(document).scrollTop(scrollpoint).scrollLeft(0);

		});

});