//script.js ver1.0 20100818 update
$(document).ready(function () {

	//変数の定義
	var currentMode= "home";	       	//現在の表示状態を表す変数。デフォルトはhome
	var pageNum=0;				//curenntMode= aboutで使用する、何番目のコンテンツを表示するかを表す変数 
	var delayLength =1000;			//背景のイメージを表示してから、fieldを表示するまでの時間
	var delayLengthS =500			//背景のイメージのsrc属性を変更してから背景イメージを表示するまでの時間
	var timerID;				//homeで画像をスライドショーする時のID
	var previousImgNum;			//直前に表示したイメージの番号
	var randomImgNum;			//ランダムに表示したイメージの番号
	var imgUrl;				//イメージがあるurlの番号
	
	//背景画像のプリロード用
	//背景画像のプリロード用関数
	function preloadImages(){
		for(var i = 0; i<arguments.length; i++){
			(new Image()).src= arguments[i];
		}
	};
	preloadImages("images/gungendoTakao/gungendoTakaoMain.jpg","images/taberu/taberuMain.jpg","images/tukuru/tukuruMain.jpg","images/about/about0.jpg", "images/about/about1.jpg", "images/about/about2.jpg");
	
	//ブラウザ毎の角丸の付け方の違いとその対応
	if(!jQuery.support.opacity){ 
		//IEの場合はじめから角丸にした画像を読み込む
		$("div#logo>img").attr('src','images/framework/ichigendo_logo.png');
		$("ul>li.menuTop").css({'background-color':'transparent','background-image':"url('images/framework/topRightCorner.png')"});	//メニューの一番上と一番下のそれぞれ角丸画像を背景に指定
		$("ul>li.menuBottom").css({'background-color':'transparent','background-image':"url('images/framework/bottomRightCorner.png')"});
		$("div#fieldContainer").prepend('<div id="fieldRoundedTop"></div>').append('<div id="fieldRoundedBottom"></div>');
		
		
		//メニューへのマウスオーバー時の定義　IE
		$("ul.menu>li").mouseover(function(){
			var patternTop=/menuTop/i;	//クラスに"menuTop"が含まれていれば
			var patternBottom=/menuBottom/i;
			//クラスに"menuTop"が含まれていれば
			if(patternTop.test($(this).attr('class'))){
				$("ul>li.menuTop").css({'background-image':"url('images/framework/topRightCornerAct.png')"});
			//クラスに"menuBottom"が含まれていれば
			}else if(patternBottom.test($(this).attr('class'))){
				$("ul>li.menuBottom").css({'background-image':"url('images/framework/bottomRightCornerAct.png')"});
			}else{
				$("ul>li.menuMiddle").css({'background-color':'#ffffff'});
				$("ul>li.menuTop").css({'background-color':'transparent','background-image':"url('images/framework/topRightCorner.png')"});	//メニューの一番上と一番下のそれぞれ角丸画像を背景に指定
				$("ul>li.menuBottom").css({'background-color':'transparent','background-image':"url('images/framework/bottomRightCorner.png')"});
				$(this).css({'background-color':'#999999'});
			}
		});
		
		//メニューからのマウスアウト時の定義　IE それぞれの表示をデフォルトに戻す
		$("ul.menu>li").mouseout(function(){
			$("ul>li.menuMiddle").css({'background-color':'#ffffff'});
			$("ul>li.menuTop").css({'background-image':"url('images/framework/topRightCorner.png')"});	
			$("ul>li.menuBottom").css({'background-image':"url('images/framework/bottomRightCorner.png')"});
		});
	//IE6-7以外のブラウザ
	}else{
		//角丸はjquery.cornerで指定
		$("div#logo>img").attr('src','images/framework/ichigendo_logo.jpg');
		$("div#logo").css({'background-color':'#ffffff'}).corner("right");
		$("ul>li.menuTop").css({'background-color':'#ffffff'}).corner("tr 10px");	
		$("ul>li.menuBottom").css({'background-color':'#ffffff'}).corner("br 10px");
		$("div#field").css({'padding-top':'1.5em','padding-bottom':'1.5em'}).corner("10px");
	
		//メニューへのマウスオーバー時の定義 IE以外
		$("ul.menu>li").mouseover(function(){
			$("ul.menu>li").css({'background-color':'#ffffff'});
			$(this).css({'background-color':'#999999'});
		});
		
		//メニューからのマウスアウト時の定義　IE以外
		$("ul.menu>li").mouseout(function(){
			$(this).css({'background-color':'#ffffff'});
		});	
	}
	
	//fieldにhomeを読み込む
	installContent(currentMode);
	
        
        //サブメニューのマウスオーバー時の定義
        $("ul.subMenu>li").mouseover(function(event){
		event.stopPropagation();			//ul.menu liのマウスオーバーイベントは同時に発生しない様に	
                $("ul.subMenu>li").css({'background-color':'#ffffff'});
		$(this).css({'background-color':'#999999'});
	});
	
	//サブメニューからのマウスアウト時の定義
        $("ul.subMenu>li").mouseout(function(event){
		event.stopPropagation();			//ul.menu liのマウスオーバーイベントは同時に発生しない様に
                $("ul.subMenu>li").css({'background-color':'#ffffff'});
	});
    
	//メニュークリック時の定義アコーディオンの開閉など
	$("ul.menu>li").click(function(){
		//現在非表示の$(".menu>li")をクリックした場合、サブメニューを展開しdiv#fieldにコンテンツを読み込む
		if(currentMode!=$(this).attr('id')){		//idをcurrentModeとして取得
			if("home"==$(this).attr('id')){		//homeだった場合は表示をデフォルトに戻す
				//すべてのmenuをアクティブにそれ以外をネガティブに表示する	
				$("ul.menu>li").removeClass('outFocus').removeClass('inFocus');
			}else if("blog"==$(this).attr('id')){	//blogだった場合は何もしない
				window.location = "http://ichigendo.blog114.fc2.com/" ;
				return;
			}else{					//home以外はクリックした要素をアクティブに
				//クリックしたmenuをアクティブにそれ以外をネガティブに表示する	
				$("ul.menu>li").addClass('outFocus');
				$(this).removeClass('outFocus').addClass('inFocus');	
			}
			
			currentMode =$(this).attr('id');
			var tagName = "#"+currentMode+"Sub";			
			$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');
			$('ul.subMenu[id!=tagName]').slideUp();		//tagName以外のsubMenuは非表示に
			$(tagName).slideDown();				//該当するsubMenuがあれば表示
			installContent(currentMode);			//クリックしたメニューのコンテンツをdiv#fieldに読み込む
		
		//現在表示中の$(".menu>li")を再クリックした場合、サブメニューをたたんでdiv#fieldに”home”ページを読み込む
		}else{
			$("ul.menu>li").removeClass('outFocus').removeClass('inFocus');
			$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');
			var tagName = "#"+currentMode+"Sub";
			$(tagName).slideUp();
			currentMode ="home";			//subMenuを閉じてホームに戻る
			installContent(currentMode);
		}
	});
	
	//サブメニューのクリック時の定義
        $("ul.subMenu>li").click(function(event){
		event.stopPropagation();			//ul.menu liのマウスオーバーイベントは同時に発生しない様に	
		var url =init();
		var tagName =$(this).attr('id');		
		//クリックしたsubMenuをアクティブにそれ以外をネガティブに表示する	
		$("ul.subMenu>li").addClass('outFocus');
		$(this).removeClass('outFocus').addClass('inFocus');	
		
		//IEの場合
		if((!jQuery.support.opacity)&&(!jQuery.support.style)){ 
			//フィールドをフェードアウト、背景イメージをフェードアウト、src属性を変更、フェードイン。その後div＃fieldにコンテンツを読み込みフェードインという順番でコンテンツが移り変わる。以下全ての
			$('div#fieldContainer').fadeOut('slow',function(){
				$('div#field').empty();
				$("img.mainImage").fadeOut('slow',function(){	
					$(this).attr('src','images/'+ currentMode + '/'+tagName + '/' + tagName + '001.jpg');
					setTimeout(function(){
						$("img.mainImage").fadeIn('slow',function(){
							tagName = "div#" + tagName + "Detail";
						
							$('div#field').load(url+ ' ' + tagName,function(){
								if(currentMode=="tukuru"){	//currentoModeがtukuruの時jScrollPaneをつける
									$(tagName).jScrollPane();
									$('div.ekibenInquery').corner("5px");
								}
								//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
								$('.backToList').click(function(){	
									installContent(currentMode);
								});	
							});
						});
					},delayLengthS);
				});
			}).fadeIn('slow');
		//IE以外のブラウザの場合
		}else{		
			$('div#fieldContainer').fadeOut('slow',function(){
				$('div#field').empty();
				$("img.mainImage").fadeOut('slow',function(){	
					$(this).attr('src','images/'+ currentMode + '/'+tagName + '/' + tagName + '001.jpg');
					setTimeout(function(){
						$("img.mainImage").fadeIn('slow',function(){
							tagName = "div#" + tagName + "Detail";
							setTimeout(function(){
								$('div#field').load(url+ ' ' + tagName,function(){
									if(currentMode=="tukuru"){	//currentoModeがtukuruの時jScrollPaneをつける
										$(tagName).jScrollPane();	
										$('div.ekibenInquery').corner("5px");
									}
									//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
									$('.backToList').click(function(){	
										installContent(currentMode);
									});	
								});
								$('div#fieldContainer').fadeIn('slow');//fieldのloadが終わったらフェードイン
							},delayLength);
						});
					},delayLengthS);
				});
			});	
					
		}
	});
	    
	function installContent(cMode){
		//IE7-6なら
		if((!jQuery.support.opacity)&&(!jQuery.support.style)){ 
			
			//どのメニューをクリックしたかによって受け取る引数cModeは異なり、分岐させる
			if(cMode=="home"){
				var url=init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						randomImgNum = Math.floor(Math.random()*10);	//ランダムに0-9の数値を取得
						imgUrl = "images/" + currentMode + "/" + currentMode +"00" + randomImgNum+ ".jpg";	//ランダムにイメージを読み込む
						$(this).attr('src',imgUrl);
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								//20秒ごとにmainImgを切り替える
								timerID = setInterval(function(){
									$("img.mainImage").fadeOut('slow',function(){
										$(this).attr('src',imgUrl);
										setTimeout(function(){
											$("img.mainImage").fadeIn('slow')}
										,delayLengthS);
									});
									
									previousImgNum = randomImgNum;
									randomImgNum = Math.floor(Math.random()*10);
									//直前のイメージとかぶってしまった場合ひとつずらす
									if(previousImgNum == randomImgNum){
										randomImgNum = randomImgNum + 1;
											if(randomImgNum == 10){
												randomImgNum = 0;
											}
									}
									imgUrl = "images/" + currentMode + "/" + currentMode +"00" + randomImgNum+ ".jpg";
									preloadImages(imgUrl);
								},10000);
								
								$('div#field').load(url,function(){
									$('p.goToDetail').css({'bottom':'0'}).corner("5px");
									//homeでのヘッドライン要素内のボタンをクリックした時の振る舞いの定義。
									//現時点ではIchigendoの「つくる」＞「たべる駅弁、しゃべる駅弁」へダイレクトで飛ぶ
									//内容によって適宜変更する必要がある
									$('p.goToDetail').click(function(){
										currentMode = "tukuru";
										var tagName = "#"+currentMode+"Sub";
										//つくるのsubMenuを開き、しゃべる駅弁、たべる駅弁をアクティブ表示に
										var activeMenu = "ul.menu>li#" + currentMode;
										$("ul.menu>li").addClass('outFocus');
										$(activeMenu).removeClass('outFocus').addClass('inFocus');	
										$(tagName).slideDown('normal',function(){
											$("ul.subMenu>li").removeClass('inFocus').addClass('outFocus');
											$("ul.subMenu>li#ekiben").removeClass('outFocus').addClass('inFocus');	
										});	
										
										var url = init();
										var tagName = "div#ekibenDetail";
										$('div#fieldContainer').fadeOut('slow',function(){
											$('div#field').empty();
											$("img.mainImage").fadeOut('slow',function(){
												$(this).attr('src','images/tukuru/ekiben/ekiben001.jpg');
												setTimeout(function(){
													$("img.mainImage").fadeIn('slow',function(){
														$('div#field').load(url+ ' ' + tagName,function(){
																			
															$(tagName).jScrollPane();
															
															//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
															$('.backToList').click(function(){
																$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');
																installContent('tukuru');
															});
															$('div.ekibenInquery').corner("5px");
														});
													});	
												},delayLengthS);
											});
										}).fadeIn('slow');
									})
								});
							});
						},delayLengthS);
					});
				}).fadeIn('slow');
			}else if(cMode =="about"){
				clearInterval(timerID);		//スライドショーを停止
				var url = "texts/" + cMode + ".html";
				//引数がひとつの場合(はじめてaboutをクリックしたとき)
				var imgNum = 'about' + pageNum + '.jpg'; //pageNumと結びついたイメージを使うための変数。
		
				//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						
						$(this).attr('src','images/about/'+imgNum);
						setTimeout(function(){
								$("img.mainImage").fadeIn('slow',function(){
									$('div#field').load(url+" "+"div#"+pageNum,function(){
										
										//前の記事へのクリック時の定義
										$("p.previous").corner("bevel left 18px").click(function(){
											pageNum--;	//ページをひとつ前に戻す
											installContent('about');
										});
						
										//次の記事へのクリック時の定義
										$("p.next").corner("bevel right 18px").click(function(){
											pageNum++;
											installContent('about');
										});
										
										//トップページへ戻るのクリック時の定義
										$("p.backToHome").click(function(){
											currentMode ="home";	
											installContent(currentMode);
											$("ul.menu>li").removeClass('outFocus').removeClass('inFocus');
										});
											
									});
							});
						},delayLengthS);
					});
				}).delay(1500).fadeIn('slow');	//fieldのloadが終わったらフェードイン

				
			}else if(cMode =="taberu"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
							
								$('div#field').load(url+' div#taberu',function(){
									$('div#taberu').jScrollPane();
								
									//それぞれの項目をクリックしたら個別の説明ページを表示する
									$("div.detailSort").click(function(){
										var fName =$(this).attr('id');
										var tagName = "div#" + fName + "Detail";
										//クリックされたsubMenuをアクティブ表示に
										$("ul.subMenu>li").addClass('outFocus');
										$("ul.subMenu>li#"+fName).removeClass('outFocus').addClass('inFocus');	
										$('div#fieldContainer').fadeOut('slow',function(){
											$('div#field').empty();
											
											
											//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
											$("img.mainImage").fadeOut('slow',function(){
												$(this).attr('src','images/taberu/'+fName + '/' + fName + '001.jpg');
												setTimeout(function(){
													$("img.mainImage").fadeIn('slow',function(){
													
														$('div#field').load(url+ ' ' + tagName,function(){
															//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
															$('.backToList').click(function(){
																$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示をデフォルトへ
																installContent('taberu');
															});	
														});
													
													});
												},delayLengthS);
											});
										}).fadeIn('slow');
									});			
								});
								
							
							});	
						},delayLengthS);
					});
				}).fadeIn('slow');
					
			}else if(cMode =="tukuru"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
						
								$('div#field').load(url+' div#tukuru',function(){
									$('div#tukuru').jScrollPane();
												
									//それぞれの項目をクリックしたら個別の説明ページを表示する
									$("div.detailSort").click(function(){
										var fName =$(this).attr('id');
										var tagName = "div#" + fName + "Detail";
										//クリックされたsubMenuをアクティブ表示に
										$("ul.subMenu>li").addClass('outFocus');
										$("ul.subMenu>li#"+fName).removeClass('outFocus').addClass('inFocus');	
										$('div#fieldContainer').fadeOut('slow',function(){
											$('div#field').empty()
												
											//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
											$("img.mainImage").fadeOut('slow',function(){
												$(this).attr('src','images/tukuru/'+fName + '/' + fName + '001.jpg');
												setTimeout(function(){
													$("img.mainImage").fadeIn('slow',function(){
														$('div#field').load(url+ ' ' + tagName,function(){
															
															$(tagName).jScrollPane();	//jScrollPaneをつける
															//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
															$('.backToList').click(function(){
																$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示をデフォルトへ
																installContent('tukuru');
															});
															
															$('div.ekibenInquery').corner("5px");
														});
													})
												},delayLengthS);
											});
										}).fadeIn('slow');
									});
		
								});
							},delayLengthS);
						});
	
					});
				}).fadeIn('slow');
			}else if(cMode =="gungendoTakao"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								setTimeout(function(){
									$('div#field').load(url,function(){
										$('div#gungendoTakao').jScrollPane();	//jScrollPaneをつける
									});
								},delayLength);
							});
						},delayLengthS);
					});
				}).fadeIn('slow');			
				
			}else if(cMode =="news"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){	//背景画像のfadeInは無し
						$('div#field').load(url,function(){
							$('div#news').jScrollPane();	//jScrollPaneをつける
						});
					});	
				}).fadeIn('slow');
				
			}else if(cMode =="access"){
				var url=init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
					$("img.mainImage").fadeOut('slow',function(){	//背景画像のfadeInは無し
						$('div#field').load(url,function(){
							$('div#access').jScrollPane();
						});
					});
				}).fadeIn('slow');
			}
		
		//それ以外のブラウザ
		}else{
			//どのメニューをクリックしたかによって受け取る引数cModeは異なり、分岐させる
			if(cMode=="home"){
				var url=init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						randomImgNum = Math.floor(Math.random()*10);
						imgUrl = "images/" + currentMode + "/" + currentMode +"00" + randomImgNum+ ".jpg";
						$(this).attr('src',imgUrl);
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								//20秒ごとにmainImgを切り替える
								timerID = setInterval(function(){
									$("img.mainImage").fadeOut('slow',function(){
										$(this).attr('src',imgUrl);
										setTimeout(function(){
											$("img.mainImage").fadeIn('slow')}
										,delayLengthS);
									});
									
									previousImgNum = randomImgNum;
									randomImgNum = Math.floor(Math.random()*10);
									if(previousImgNum == randomImgNum){
										randomImgNum = randomImgNum + 1;
											if(randomImgNum == 10){
												randomImgNum = 0;
											}
									}
									imgUrl = "images/" + currentMode + "/" + currentMode +"00" + randomImgNum+ ".jpg";
									preloadImages(imgUrl);
								},10000);
								
								setTimeout(function(){
									$('div#field').load(url,function(){
										$('p.goToDetail').corner("5px");
										//homeでのヘッドライン要素内のボタンをクリックした時の振る舞いの定義。
										//現時点ではIchigendoの「つくる」＞「たべる駅弁、しゃべる駅弁」へダイレクトで飛ぶ
										$('p.goToDetail').click(function(){
											currentMode = "tukuru";
											var tagName = "#"+currentMode+"Sub";
											//つくるのsubMenuを開き、しゃべる駅弁、たべる駅弁をアクティブ表示に
											var activeMenu = "ul.menu>li#" + currentMode;
											$("ul.menu>li").addClass('outFocus');
											$(activeMenu).removeClass('outFocus').addClass('inFocus');	
											$(tagName).slideDown('normal',function(){
												$("ul.subMenu>li").removeClass('inFocus').addClass('outFocus');
												$("ul.subMenu>li#ekiben").removeClass('outFocus').addClass('inFocus');	
											});	
											
											
											var url = init();
											tagName = "div#ekibenDetail";
											$('div#fieldContainer').fadeOut('slow',function(){
												$('div#field').empty();
												$("img.mainImage").fadeOut('slow',function(){
													$(this).attr('src','images/tukuru/ekiben/ekiben001.jpg');
													setTimeout(function(){
														$("img.mainImage").fadeIn('slow',function(){
															setTimeout(function(){
																$('div#field').load(url+ ' ' + tagName,function(){
																	
																	$(tagName).jScrollPane();						
																	//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
																	$('.backToList').click(function(){
																		$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示をデフォルトへ
																		installContent('tukuru');
																	});
																	$('div.ekibenInquery').corner("5px");
																});
																$('div#fieldContainer').fadeIn('slow');
															},delayLength);	
														});
													},delayLengthS);
												});							
											});
										});
									});
									$('div#fieldContainer').fadeIn('slow');//fieldのloadが終わったらフェードイン
								},delayLength);
							});
						},delayLengthS);
					});
				});
				
			}else if(cMode =="about"){
				clearInterval(timerID);		//スライドショーを停止
				var url = "texts/" + cMode + ".html";
				//引数がひとつの場合(はじめてaboutをクリックしたとき)
				var imgNum = 'about' + pageNum + '.jpg'; //pageNumと結びついたイメージを使うための変数。
		
				//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src','images/about/'+imgNum);
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								setTimeout(function(){
									$('div#field').load(url+" "+"div#"+pageNum,function(){
										
										//前の記事へのクリック時の定義
										$("p.previous").corner("bevel left 18px").click(function(){
											pageNum--;	//ページをひとつ前に戻す
											installContent('about');
										});
						
										//次の記事へのクリック時の定義
										$("p.next").corner("bevel right 18px").click(function(){
											pageNum++;
											installContent('about');
										});
										
										//次の記事へのクリック時の定義
										$("p.backToHome").click(function(){
											currentMode ="home";	
											installContent(currentMode);
											$("ul.menu>li").removeClass('outFocus').removeClass('inFocus');
										});
											
									});
									$('div#fieldContainer').fadeIn('slow');
								},delayLength);	
							});
						},delayLengthS);
					});
				})
				
			}else if(cMode =="taberu"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								setTimeout(function(){
									$('div#field').load(url+' div#taberu',function(){
										$('div#taberu').jScrollPane();
									
										//それぞれの項目をクリックしたら個別の説明ページを表示する
										$("div.detailSort").click(function(){
											var fName =$(this).attr('id');
											var tagName = "div#" + fName + "Detail";
											//クリックされたsubMenuをアクティブ表示に
											$("ul.subMenu>li").addClass('outFocus');
											$("ul.subMenu>li#"+fName).removeClass('outFocus').addClass('inFocus');	
											$('div#fieldContainer').fadeOut('slow',function(){
												$('div#field').empty();
												
												
												//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
												$("img.mainImage").fadeOut('slow',function(){
														$(this).attr('src','images/taberu/'+fName + '/' + fName + '001.jpg');
														setTimeout(function(){
															$("img.mainImage").fadeIn('slow',function(){
																setTimeout(function(){
																	$('div#field').load(url+ ' ' + tagName,function(){
																		//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
																		$('.backToList').click(function(){
																			$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示をデフォルトへ
																			installContent('taberu');
																		});	
																	});
																	$('div#fieldContainer').fadeIn('slow');
																},delayLength);
															});
														},delayLengthS);
												});
											});
										});			
									});
									$('div#fieldContainer').fadeIn('slow');
								},delayLength);
							});
						},delayLengthS);
					});
				});
					
			}else if(cMode =="tukuru"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								setTimeout(function(){
									$('div#field').load(url+' div#tukuru',function(){
										$('div#tukuru').jScrollPane();
													
										//それぞれの項目をクリックしたら個別の説明ページを表示する
										$("div.detailSort").click(function(){
											var fName =$(this).attr('id');
											var tagName = "div#" + fName + "Detail";
											//クリックされたsubMenuをアクティブ表示に
											$("ul.subMenu>li").addClass('outFocus');
											$("ul.subMenu>li#"+fName).removeClass('outFocus').addClass('inFocus');	
											$('div#fieldContainer').fadeOut('slow',function(){
											
												$('div#field').empty();	
												//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
												$("img.mainImage").fadeOut('slow',function(){
													$(this).attr('src','images/tukuru/'+fName + '/' + fName + '001.jpg');
													setTimeout(function(){
														$("img.mainImage").fadeIn('slow',function(){
															setTimeout(function(){
																$('div#field').load(url+ ' ' + tagName,function(){
																	$(tagName).jScrollPane();	//jScrollPaneをつける
																	
																	//「メニュー一覧へ戻る」ボタンをクリックした時のふるまいの定義
																	$('.backToList').click(function(){
																		$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示をデフォルトへ
																		installContent('tukuru');
																	});
																	
																	$('div.ekibenInquery').corner("5px");
																});
																$('div#fieldContainer').fadeIn('slow');
															},delayLength);
														});
													},delayLengthS);
												});
											});
										});
			
									});
									$('div#fieldContainer').fadeIn('slow');
								},delayLength);
							});
						},delayLengthS);
					});
				});
						
				
			}else if(cMode =="gungendoTakao"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						$(this).attr('src',imagePlace());
						setTimeout(function(){
							$("img.mainImage").fadeIn('slow',function(){
								setTimeout(function(){
									$('div#field').load(url,function(){
										$('div#gungendoTakao').jScrollPane();	//jScrollPaneをつける
									});
									$('div#fieldContainer').fadeIn('slow');
								},delayLength);
							});
						},delayLengthS);
					});
				});
			}else if(cMode =="news"){
				var url = init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					$("img.mainImage").fadeOut('slow',function(){
						setTimeout(function(){
							$('div#field').load(url,function(){
								$('div#news').jScrollPane();	//jScrollPaneをつける
							});
							$('div#fieldContainer').fadeIn('slow');
						},delayLength);
					});
				});
				
			}else if(cMode =="access"){
				var url=init();
				$('div#fieldContainer').fadeOut('slow',function(){
					$('div#field').empty();
					//背景として表示しているイメージをフェードアウトしてsrc属性を変更後フェードイン。div＃fieldにコンテンツを読み込む
					$("img.mainImage").fadeOut('slow',function(){
						setTimeout(function(){
							$('div#field').load(url,function(){
								$('div#access').jScrollPane();
							});
							$('div#fieldContainer').fadeIn('slow');
						},delayLength);
					});
				});
			}
		}	
		
	}

	
	//メニュークリック時に次のコンテンツを表示するための準備
	function init(){
		pageNum=0;
		var url = "texts/" + currentMode + ".html";
		$("ul.subMenu>li").removeClass('outFocus').removeClass('inFocus');	//subMenuの表示状態をリセットする
		clearInterval(timerID);		//スライドショーを停止
		return url;
	}
	
	//表示しようとしているコンテンツのイメージへのパスを生成する
	function imagePlace(){
		var url = "images/" + currentMode + "/" + currentMode + "Main.jpg";
		return url;
	}
	

});