// JavaScript Document
/*右メニューの外枠を生成*/
/*
<div id="bodySecBm">
 <div id="menuBlock">
  <div class="menuBmBox">
   <div class="menu">
    <h3>
	 <img height="24" width="152" alt="Photographers" src="/en/corc/corp-ad/bm/e-system/image/menu_stitle.gif"/>
	</h3>
	<div id="bm_right" class="bm_right_class">
	　この部分はmake_bm_rightで生成
	</div>
   </div>
  </div>
 </div>
 <br class="clear"/>
</div>
*/
function make_structure(){
	/*menuBlockを取得*/
	var menuBlock = document.getElementById("menuBlock");
	if(menuBlock){
		/*menuBlockの配下にmenuBmBoxを生成*/
		var menuBmBox = document.createElement("div");
		menuBmBox.className = "menuBmBox";
		menuBlock.appendChild(menuBmBox);
		
		/*menuBmBoxの配下にmenuを生成*/
		var menu = document.createElement("div");
		menu.className = "menu";
		menuBmBox.appendChild(menu);
		
		/*menuの配下にh3とbm_rightを生成*/
		var h3Node = document.createElement("h3");
		menu.appendChild(h3Node);
		
		var imgNode = document.createElement("img");
		imgNode.height = "24";
		imgNode.width = "152";
		imgNode.alt = "Photographers";
		imgNode.src = "/en/corc/corp-ad/bm/e-system/image/menu_stitle.gif";
		h3Node.appendChild(imgNode);
		
		var bm_right = document.createElement("div");
		bm_right.id = "bm_right";
		bm_right.className = "bm_right_class";
		menu.appendChild(bm_right);
	}
}
/*photographer_numberから右メニューの日付要素を生成*/
function make_month_text(photographer_number){
	var year = photographer_number.substring(0, 4);
	var month = photographer_number.substring(4, 6);
	var monthText;
	var month_sort = new Array();
	
	switch(month){
		case "01":
			monthText = "January";
			break; 
		case "02":
			monthText = "February";
			break; 
		case "03":
			monthText = "March";
			break; 
		case "04":
			monthText = "April";
			break; 
		case "05":
			monthText = "May";
			break; 
		case "06":
			monthText = "June";
			break; 
		case "07":
			monthText = "July";
			break; 
		case "08":
			monthText = "August";
			break; 
		case "09":
			monthText = "September";
			break; 
		case "10":
			monthText = "October";
			break; 
		case "11":
			monthText = "November";
			break; 
		case "12":
			monthText = "December";
			break; 
	}
	return monthText + ", " + year;
}
/*右メニューの中身を生成*/
/*
<div id="bm_right" class="bm_right_class">
 <a class="year 2009" href="#">2009</a>
  2009年の右メニュー要素(
	リストを読み、各要素に対して
	<p class="month">英語表記の月, 2009</p>
	<ul>
	 <li>
	  <a href="photographer_link">photographer_name</a>
	 </li>
	</ul>
  を生成。
  )
 <a class="year 2008" href="#">2008</a>
  2008年の右メニュー要素
  <a class="year 2007" href="#">2007</a>
  2007年の右メニュー要素
  <a class="year 2006" href="#">2006</a>
  2006年の右メニュー要素
</div>
*/
function make_bm_right(nowSelectNumber){
	/*bm_rightを取得*/
	var bm_right = document.getElementById("bm_right");
	
	/*西暦の数だけループ*/
	for(var i=0; i<year_sort.length; i++){
		
		/*西暦ごとに右メニュー要素を生成*/
		var ayearNode = document.createElement("a");
		ayearNode.href = "#";
		ayearNode.className = "year" + year_sort[i];
		
		/*bm_rightの直下に西暦ごとに<a class="yearXXXX" href="#">XXXX</a>を生成*/
		var yearText = document.createTextNode(year_sort[i]);
		ayearNode.appendChild(yearText);
		bm_right.appendChild(ayearNode);
		
		/*西暦ごとにdivで区切る*/
		var divNode = document.createElement("div");
		bm_right.appendChild(divNode);
		
		var year_sort_value = year_sort[i];
		
		/*西暦ごとに右メニュー要素を生成*/
		for(var j=0; j<photographer_name[year_sort_value].length; j++){
			
			if(j==0){
				/*1番目の要素については必ずpNodeを生成する*/
			var pNode = document.createElement("p");
			pNode.className = "month";
			divNode.appendChild(pNode);
			
			var monthTextNode = document.createTextNode(make_month_text(photographer_number[year_sort_value][j]));
			pNode.appendChild(monthTextNode);
			}else{
				/*2番目以降の要素については、
				直前のphotographer_numberの月を見て
				同じならpNodeを生成しない
				異なればpNodeを生成する*/
				if(photographer_number[year_sort_value][j].substring(4, 6) 
				==photographer_number[year_sort_value][j-1].substring(4, 6)){
				}else{
					var pNode = document.createElement("p");
					pNode.className = "month";
					divNode.appendChild(pNode);
					var monthTextNode = document.createTextNode(make_month_text(photographer_number[year_sort_value][j]));
			pNode.appendChild(monthTextNode);
				}	
			}
				var ulNode = document.createElement("ul");
			divNode.appendChild(ulNode);
			var liNode = document.createElement("li");
			ulNode.appendChild(liNode);
			
			/*photographer_numberが現在選択中であれば、右メニューでリンクを張り、
			現在選択中でなければ、リンク先を張らない*/
			if(photographer_number[year_sort_value][j]==nowSelectNumber){
				var emNode = document.createElement("em");
				liNode.appendChild(emNode);
				var emnameTextNode = document.createTextNode(photographer_name[year_sort_value][j]);
				emNode.appendChild(emnameTextNode);
				/*最新の要素はNEWを表示する*/
					if((i==0 && j==0) || (photographer_number[year_sort_value][j].substring(0, 6)==photographer_number[year_sort[0]][0].substring(0, 6))){
						var spanNode = document.createElement("span");
						spanNode.className = "new";
						emNode.appendChild(spanNode);
						var spannewTextNode = document.createTextNode(" NEW");
						spanNode.appendChild(spannewTextNode);
					}
			}else{
				var aNode = document.createElement("a");
				aNode.href = photographer_link[year_sort_value][j];
				liNode.appendChild(aNode);
				var anameTextNode = document.createTextNode(photographer_name[year_sort_value][j]);
				aNode.appendChild(anameTextNode);
				/*最新の要素はNEWを表示する*/
				if((i==0 && j==0) || (photographer_number[year_sort_value][j].substring(0, 6)==photographer_number[year_sort[0]][0].substring(0, 6))){
						var spanNode = document.createElement("span");
						spanNode.className = "new";
						aNode.appendChild(spanNode);
						var spannewTextNode = document.createTextNode(" NEW");
						spanNode.appendChild(spannewTextNode);
					}
			}
        }
	}	
}
/*リストをアコーディオンで表示する*/
$(function(){ 
	make_structure();
	make_bm_right(nowSelectNumber);
	var now = new Date();
	var nowYear = now.getYear();
	var selectYear = nowSelectNumber.substring(0, 4);
	if(nowYear < 2000) { nowYear += 1900; }
	var yearList = new Array();
	
	for(var i=nowYear; i>2005; i--){
		yearList.push("a.year" + i);
	}
	var joinYear = yearList.join();
	
	$('#bm_right').accordion({
		header: joinYear,
		autoHeight: false,
		active: ".year" + selectYear
	});
});