// ---------------------- タブ（クロニクル／キャンパスマップ／新着イベント） ----------------------- 
$(function(){
	// 初期設定
	var $i = 1;
	var $j = 1;
	var $k = 1;
	var $l = 1;
	// タブ：<li>タグに"tb-●"を追加
	$('ul#tab > li , ul#tab-campus > li , ul#tab-event > li').each(function(){
		$(this).addClass('tb-' + $i);
		$i++;
	});
	// リンク：<a>タグに"tb-●"を追加
	$('ul#tab > li a , ul#tab-campus > li a , ul#tab-event > li a').each(function(){
		$(this).addClass('tb-' + $j);
		$j++;
	});
	// 内容：<div>タグに"id=tb-●"を追加
	$('div.tab , div.tab-campus , div.tab-event').each(function(){
		$(this).addClass('tb-' + $k);
		$k++;
	});
	// 内容：<div>タグに"id=tb-●"を追加
	$('div.tab-campus > map > area').each(function(){
		$(this).addClass('tb-' + $k);
		$l++;
	});
	
	// 初期設定
	$('div.tab , div.tab-campus , div.tab-event').hide(); /* 内容を消す */
	$('div.tb-1').show(); /* 内容【1】を表示 */
	$('ul#tab > li.tb-1 , ul#tab-campus > li.tb-1 , ul#tab-event > li.tb-1').addClass('on'); /* タブ【1】をON画像に切り替え */
	
	// Click時の処理
	$('ul#tab > li a , ul#tab-event > li a').click(function(){
		$('ul#tab > li a:first-child , ul#tab-event > li a:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
		$('ul#tab > li a:last-child , ul#tab-campus > li a:last-child , ul#tab-event > li a:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
		var $tabClass = $(this).attr('class');
		$('ul#tab > li , ul#tab-campus > li , ul#tab-event > li').removeClass('on'); /* ON画像タブをOFFに切り替え */
		$('ul#tab > li.' + $tabClass).addClass('on');
		$('ul#tab-campus > li.' + $tabClass).addClass('on');
		$('ul#tab-event > li.' + $tabClass).addClass('on');
		$('div.tab , div.tab-campus , div.tab-event').hide(); /* 内容を消す */
		$('div. div.' + $tabClass).fadeIn(300); /* ONの内容を表示 */
		return false;
	});

	// マウスオーバー時の処理(クリッカブルマップ)
	var $originalSrc = 1;
	var $rolloverSrc1 = 1;
	var $rolloverSrc2 = 1;
	var $rolloverSrc3 = 1;
	$('div.tab-campus > #campus-map').each(function(){
		$originalSrc = $(this).attr('src');
		$rolloverSrc1 = $originalSrc.replace(/(\.gif|\.jpg|\.png)/, "-2$1");
		$rolloverSrc2 = $originalSrc.replace(/(\.gif|\.jpg|\.png)/, "-3$1");
		$rolloverSrc3 = $originalSrc.replace(/(\.gif|\.jpg|\.png)/, "-4$1");
		yuga.preloader.load($rolloverSrc1);
		yuga.preloader.load($rolloverSrc2);
		yuga.preloader.load($rolloverSrc3);
		return false;
	});
	$('div.tab-campus > #Map > .tab-2').hover(function(){
		$('div.tab-campus > #campus-map').attr('src',$rolloverSrc1);
	},function(){
		$('div.tab-campus > #campus-map').attr('src',$originalSrc);
	});
	
	$('div.tab-campus > #Map > .tab-3').hover(function(){
		$('div.tab-campus > #campus-map').attr('src',$rolloverSrc2);
	},function(){
		$('div.tab-campus > #campus-map').attr('src',$originalSrc);
	});

	$('div.tab-campus > #Map > .tab-4').hover(function(){
		$('div.tab-campus > #campus-map').attr('src',$rolloverSrc3);
	},function(){
		$('div.tab-campus > #campus-map').attr('src',$originalSrc);
	});
	
	// Click時の処理(クリッカブルマップ)
	
	$('div.tab-campus > #Map > .tab-2').click(function(){
			$('ul#tab > li , ul#tab-campus > li , ul#tab-event > li').removeClass('on');  ON画像タブをOFFに切り替え 
			$('ul#tab > li.tb-2').addClass('on');
			$('ul#tab-campus > li.tb-2').addClass('on');
			$('ul#tab-event > li.tb-2').addClass('on');
			$('div.tab , div.tab-campus , div.tab-event').hide();  内容を消す 
			$('div. div.tb-2').fadeIn(300); /* ONの内容を表示 */
			return false;
	});
	$('div.tab-campus > #Map > .tab-3').click(function(){
			$('ul#tab > li , ul#tab-campus > li , ul#tab-event > li').removeClass('on');  ON画像タブをOFFに切り替え 
			$('ul#tab > li.tb-3').addClass('on');
			$('ul#tab-campus > li.tb-3').addClass('on');
			$('ul#tab-event > li.tb-3').addClass('on');
			$('div.tab , div.tab-campus , div.tab-event').hide();  内容を消す 
			$('div. div.tb-3').fadeIn(300); /* ONの内容を表示 */
			return false;
	});
	$('div.tab-campus > #Map > .tab-4').click(function(){
			$('ul#tab > li , ul#tab-campus > li , ul#tab-event > li').removeClass('on');  ON画像タブをOFFに切り替え 
			$('ul#tab > li.tb-4').addClass('on');
			$('ul#tab-campus > li.tb-4').addClass('on');
			$('ul#tab-event > li.tb-4').addClass('on');
			$('div.tab , div.tab-campus , div.tab-event').hide();  内容を消す 
			$('div. div.tb-4').fadeIn(300); /* ONの内容を表示 */
			return false;
	});
	

	// TAB指定OPENの設定
	var myPm = location.href.split("?")[1];
	switch (myPm) {
		case "id=02":
			$('div.tab-campus').hide(); /* 内容を消す */
			$('ul#tab-campus > li.tb-1').removeClass('on'); /* タブ【1】をOFF画像に切り替え */
			$('ul#tab-campus > li.tb-2').addClass('on'); /* タブ【2】をON画像に切り替え */
			$('div.tb-2').fadeIn(300); /* 内容【2】を表示 */
			break;
		case "id=03":
			$('div.tab-campus').hide(); /* 内容を消す */
			$('ul#tab-campus > li.tb-1').removeClass('on'); /* タブ【1】をOFF画像に切り替え */
			$('ul#tab-campus > li.tb-3').addClass('on'); /* タブ【3】をON画像に切り替え */
			$('div.tb-3').fadeIn(300); /* 内容【3】を表示 */
			break;
		case "id=04":
			$('div.tab-campus').hide(); /* 内容を消す */
			$('ul#tab-campus > li.tb-1').removeClass('on'); /* タブ【1】をOFF画像に切り替え */
			$('ul#tab-campus > li.tb-4').addClass('on'); /* タブ【4】をON画像に切り替え */
			$('div.tb-4').fadeIn(300); /* 内容【4】を表示 */
			break;
	}
});

//----------------- 新着情報カテゴリ一覧 --------------------- 
$(function(){
	var myPm = location.href.split("?")[1];
	switch (myPm) {
		case "id=enrolled":
			$('.m-alumni , .m-company , .m-public , .m-topics , .m-event , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-enrolled').fadeIn(300);
			$('a.m').html("在学生向け 最新情報");
			$('a.m').attr("href","/enrolled/news/index.html");
			$('a.pb').html("在学生向け 最新情報一覧へ戻る");
			$('a.pb').attr("href","/enrolled/news/index.html");
			break;
		
		case "id=alumni":
			$('.m-enrolled , .m-company , .m-public , .m-topics , .m-event , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-almni').fadeIn(300);
			$('a.m').html("卒業生向け 最新情報");
			$('a.m').attr("href","/alumni/news/index.html");
			$('a.pb').html("卒業生向け 最新情報一覧へ戻る");
			$('a.pb').attr("href","/alumni/news/index.html");
			break;
			
		case "id=company":
			$('.m-enrolled , .m-alumni , .m-public , .m-topics , .m-event , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-company').fadeIn(300);
			$('a.m').html("企業・研究者向け 最新情報");
			$('a.m').attr("href","/company/news/index.html");
			$('a.pb').html("企業・研究者向け 最新情報一覧へ戻る");
			$('a.pb').attr("href","/company/news/index.html");
			break;
			
		case "id=public":
			$('.m-enrolled , .m-alumni , .m-company , .m-topics , .m-event , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-public').fadeIn(300);
			$('a.m').html("一般・社会人向け 最新情報");
			$('a.m').attr("href","/public/news/index.html");
			$('a.pb').html("一般・社会人向け 最新情報一覧へ戻る");
			$('a.pb').attr("href","/public/news/index.html");
			break;
			
		case "id=topics":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-event , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-topics').fadeIn(300);
			$('a.m').html("News & Topics");
			$('a.m').attr("href","/topics/news/index.html");
			$('a.pb').html("News & Topics一覧へ戻る");
			$('a.pb').attr("href","/topics/news/index.html");
			break;
			
		case "id=event":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-topics , .m-info , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-event').fadeIn(300);
			$('a.m').html("イベント");
			$('a.m').attr("href","/event/news/index.html");
			$('a.pb').html("イベント一覧へ戻る");
			$('a.pb').attr("href","/event/news/index.html");; 
			break;
			
		case "id=info":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-topics , .m-event , .m-pr , .m-exam , .m-staff').hide(); 
			$('.m-info').fadeIn(300);
			$('a.m').html("お知らせ");
			$('a.m').attr("href","/info/news/index.html");
			$('a.pb').html("お知らせ一覧へ戻る");
			$('a.pb').attr("href","/info/news/index.html");
			break;
			
		case "id=pr":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-topics , .m-event , .m-info , .m-exam , .m-staff').hide(); 
			$('.m-pr').fadeIn(300);
			$('a.m').html("プレスリリース");
			$('a.m').attr("href","/pr/news/index.html");
			$('a.pb').html("プレスリリース一覧へ戻る");
			$('a.pb').attr("href","/pr/news/index.html");
			break;
			
		case "id=exam":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-topics , .m-event , .m-info , .m-pr , .m-staff').hide(); 
			$('.m-exam').fadeIn(300);
			$('a.m').html("入試情報");
			$('a.m').attr("href","/exam/news/index.html");
			$('a.pb').html("入試情報一覧へ戻る");
			$('a.pb').attr("href","/exam/news/index.html");
			break;
		
		case "id=staff":
			$('.m-enrolled , .m-alumni , .m-company , .m-public , .m-topics , .m-event , .m-info , .m-pr , .m-exam').hide(); 
			$('.m-staff').fadeIn(300);
			$('a.m').html("教職員向け情報");
			$('a.m').attr("href","/staff/news/index.html");
			$('a.pb').html("教職員向け情報一覧へ戻る");
			$('a.pb').attr("href","/staff/news/index.html");
			break;
				
		//教務課・四大学連合-------------------------------------------------------------------------------
		
		case "id=news-registrar":
			$('.m-news-combined').hide(); 
			$('.m-news-registrar').fadeIn(300);
			$('a.m').html("教務課 最新情報");
			$('a.m').attr("href","/registrar/news-registrar/index.html");
			$('a.pb').html("教務課 最新情報一覧へ戻る");
			$('a.pb').attr("href","/registrar/news-registrar/index.html");
			break;
		
		case "id=news-combined":
			$('.m-news-registrar').hide(); 
			$('.m-news-combined').fadeIn(300);
			$('a.m').html("四大学連語 最新情報");
			$('a.m').attr("href","/registrar/news-combined/index.html");
			$('a.pb').html("四大学連語 最新情報一覧へ戻る");
			$('a.pb').attr("href","/registrar/news-combined/index.html");
			break;
			
		
		//英語（News&Topics/Event）-------------------------------------------------------------------------------
		
		case "id=news-topics":
			$('.m-news-event').hide(); 
			$('.m-news-topics').fadeIn(300);
			$('a.m').html("News&Topics");
			$('a.m').attr("href","/english/news-topics/index.html");
			$('a.pb').html("Back to list");
			$('a.pb').attr("href","/english/news-topics/index.html");
			break;
		
		case "id=news-event":
			$('.m-news-topics').hide(); 
			$('.m-news-event').fadeIn(300);
			$('a.m').html("Event");
			$('a.m').attr("href","/english/news-event/index.html");
			$('a.pb').html("Back to list");
			$('a.pb').attr("href","/english/news-event/index.html");
			break;
	}
});


//----------------- FAQ 質問・回答 --------------------- 
$(function(){
	var $i = 1;
	var $j = 1;
	// リンク：<dt><em>タグにclass="set-●"を追加
	$("#set-faq dt span").each(function(){
		$(this).addClass("set-" + $i);
		$(this).css({"font-weight":"normal","color":"#005396","text-decoration":"underline","cursor":"pointer"});
		$i++;
	});
	// 中身：<dd>タグにclass="set-●"を追加
	
	$("#set-faq dd").each(function(){
		var url = new String(window.location);
		if(url.match(/#ans(\d+)$/)){ 
			var targetAns = RegExp.$1;
		}
		
		if($j != targetAns) {
			$(this).hide();
			$(this).addClass("set-" + $j);
		}
		$j++;
	});
	// Hover時の処理
	$("#set-faq dt span").hover(
		function(){
			$(this).css({"font-weight":"normal","color":"#005396","text-decoration":"none","cursor":"pointer"});
		},
		function(){
			$(this).css({"font-weight":"normal","color":"#005396","text-decoration":"underline","cursor":"pointer"});
		}
	);
	// Click時の処理
	$("#set-faq dt span").toggle(
		function(){
			var $SetClass = $(this).attr("class");
			$("#set-faq dd." + $SetClass).fadeIn("fast");
		},
		function(){
			var $SetClass = $(this).attr("class");
			$("#set-faq dd." + $SetClass).fadeOut("fast");
		}
	);
});

//----------------- 東工大写真集 --------------------- 

//photo-albumのliにclassを追加
$(function(){
	var $i = 1;	
	var $j = 1;
	//サムネイル：<li>タグにclass="img-●"を追加
	$("#photo-album ul li").each(function(){
		$(this).addClass("img-" + $i);
		$i++;
	});
	//大きい画像：<img>タグにclass="img-●"を追加
	$("#photo img").each(function(){
		$(this).hide();
		$(this).addClass("img-" + $j);
		$j++;
	});
	//大きい画像：最初の画像を表示
	$("#photo img.img-1").fadeIn("slow");
	$("#photo-album ul li.img-1 img").addClass("active");
})

//サムネイルにマウスoverした時の処理
$(function(){
	$("#photo-album ul li img").hover(
	function(){
		$(this).addClass("on");
	},
	function(){
		$(this).removeClass("on");
	});
});

//クリックされた時の処理
var $noClick = 0;
$(function(){
	$("#photo-album ul li").click(function(){
		if($noClick == 0){
			$noClick = 1;
			$("#photo img").hide();
			var $imgClass = $(this).attr("class");
			$("#photo-album ul li img").removeClass("active");
			$("#photo-album ul li." + $imgClass + " img").addClass("active");
			$("img." + $imgClass).fadeIn("slow",function(){
				$noClick = 0;
			});
		}
	});
});

//----------------- 東工大広報誌（大学案内） --------------------- 

function magazine(html) {
	SubWindow=window.open(html,"magazine","width=1011,height=624,toolbar=0,location=0,status=0,menubar=0,scrollbars=1,resizable=1");
	SubWindow.focus();
}

// --------------------- トップページ --------------------- 

// -------- 新着情報 -------- 
$(document).ready(function(){
	$("#contents-news-2").css("display", "none"); /* 内容【2】を消す */
	$("#contents-news-3").css("display", "none"); /* 内容【3】を消す */
	$("#contents-news-4").css("display", "none"); /* 内容【4】を消す */
	$("#tab-news-1").css("display", "none"); /* tab【1】を消す */
	$("#tab-news-2-on").css("display", "none"); /* tab【2】を消す */
	$("#tab-news-3-on").css("display", "none"); /* tab【3】を消す */
	$("#tab-news-4-on").css("display", "none"); /* tab【4】を消す */
	$("#tab-news-1-on").fadeIn(300); /* tab【1】を表示 */
	$("#tab-news-2").fadeIn(300); /* tab【2 OFF】を表示 */
	$("#tab-news-3").fadeIn(300); /* tab【3 OFF】を表示 */
	$("#tab-news-4").fadeIn(300); /* tab【4 OFF】を表示 */
});

$(function(){
	$(".contents-news-1").click(function(){
		$("#tab-news-1").css("display", "none"); /* tab【1 OFF】を消す */
		$("#tab-news-2-on").css("display", "none"); /* tab【2】を消す */
		$("#tab-news-3-on").css("display", "none"); /* tab【3】を消す */
		$("#tab-news-4-on").css("display", "none"); /* tab【4】を消す */
		$("#tab-news-2").fadeIn(300); /* tab【2 OFF】を表示 */
		$("#tab-news-3").fadeIn(300); /* tab【3 OFF】を表示 */
		$("#tab-news-4").fadeIn(300); /* tab【4 OFF】を表示 */		
		$("#tab-news-1-on").fadeIn(300); /* tab【1】を表示 */
		$("#contents-news-2").css("display", "none"); /* 内容【2】を消す */
		$("#contents-news-3").css("display", "none"); /* 内容【3】を消す */
		$("#contents-news-4").css("display", "none"); /* 内容【4】を消す */
		$("#contents-news-1").fadeIn(300); /* 内容【1】を表示 */
	});
});

$(function(){
	$(".contents-news-2").click(function(){
		$("#tab-news-2").css("display", "none"); /* tab【2 OFF】を消す */
		$("#tab-news-1-on").css("display", "none"); /* tab【1】を消す */
		$("#tab-news-3-on").css("display", "none"); /* tab【3】を消す */
		$("#tab-news-4-on").css("display", "none"); /* tab【4】を消す */
		$("#tab-news-1").fadeIn(300); /* tab【1 OFF】を表示 */
		$("#tab-news-3").fadeIn(300); /* tab【3 OFF】を表示 */
		$("#tab-news-4").fadeIn(300); /* tab【4 OFF】を表示 */
		$("#tab-news-2-on").fadeIn(300); /* tab【2】を表示 */
		$("#contents-news-1").css("display", "none"); /* 内容【1】を消す */
		$("#contents-news-3").css("display", "none"); /* 内容【3】を消す */
		$("#contents-news-4").css("display", "none"); /* 内容【4】を消す */
		$("#contents-news-2").fadeIn(300); /* 内容【2】を表示 */
	});
});

$(function(){
	$(".contents-news-3").click(function(){
		$("#tab-news-3").css("display", "none"); /* tab【3 OFF】を消す */
		$("#tab-news-1-on").css("display", "none"); /* tab【1】を消す */
		$("#tab-news-2-on").css("display", "none"); /* tab【2】を消す */
		$("#tab-news-4-on").css("display", "none"); /* tab【4】を消す */
		$("#tab-news-1").fadeIn(300); /* tab【1 OFF】を表示 */
		$("#tab-news-2").fadeIn(300); /* tab【2 OFF】を表示 */
		$("#tab-news-4").fadeIn(300); /* tab【4 OFF】を表示 */
		$("#tab-news-3-on").fadeIn(300); /* tab【3】を表示 */
		$("#contents-news-1").css("display", "none"); /* 内容【1】を消す */
		$("#contents-news-2").css("display", "none"); /* 内容【2】を消す */
		$("#contents-news-4").css("display", "none"); /* 内容【4】を消す */
		$("#contents-news-3").fadeIn(300); /* 内容【3】を表示 */
	});
});

$(function(){
	$(".contents-news-4").click(function(){
		$("#tab-news-4").css("display", "none"); /* tab【4 OFF】を消す */
		$("#tab-news-1-on").css("display", "none"); /* tab【1】を消す */
		$("#tab-news-2-on").css("display", "none"); /* tab【2】を消す */
		$("#tab-news-3-on").css("display", "none"); /* tab【3】を消す */
		$("#tab-news-1").fadeIn(300); /* tab【1 OFF】を表示 */
		$("#tab-news-2").fadeIn(300); /* tab【2 OFF】を表示 */
		$("#tab-news-3").fadeIn(300); /* tab【3 OFF】を表示 */
		$("#tab-news-4-on").fadeIn(300); /* tab【4】を表示 */
		$("#contents-news-1").css("display", "none"); /* 内容【1】を消す */
		$("#contents-news-2").css("display", "none"); /* 内容【2】を消す */
		$("#contents-news-3").css("display", "none"); /* 内容【3】を消す */
		$("#contents-news-4").fadeIn(300); /* 内容【4】を表示 */
	});
});