// menuスクリプト
// 
//------------------------------------------------------------------------------
//	変数宣言
//------------------------------------------------------------------------------

var Photo_space_id = "Photo";			//写真が入るところのID
var Photo_List_id = "PhotoList";		//写真リスト
var Photo_List_id2 = "PhotoList2";		//写真リスト（追加）
var Photo_List_id3 = "PhotoList3";		//写真リスト（追加）
var Photo_List_id4 = "PhotoList4";		//写真リスト（追加）
var Photo_div_id = "Photo-Out";		//写真の背景のdiv
var Close_Text = "Click To Close";	//閉じるコメント
var Load_img = "img/load.gif";	//ローディング画像
var Load_class = "load";		//ロード画像クラス


//------------------------------------------------------------------------------
//	写真を閉じる	
//------------------------------------------------------------------------------
function Photo_delete(){
var Photo_obj = document.getElementById(Photo_div_id);
	Photo_obj.removeChild(Photo_obj.firstChild);
	document.getElementsByTagName("body").item(0).removeChild(Photo_obj);
}

//------------------------------------------------------------------------------
//function Photo_delete(){
//var Photo_obj = document.getElementById(Photo_space_id);
//	Photo_obj.removeChild(Photo_obj.firstChild);
//}
//------------------------------------------------------------------------------
//function Photo_Open(Photo_src){
//var Photo_obj = document.getElementById(Photo_space_id);
//var Photo_src = new Array;
	//Photo_src[i] = Photo_li_obj.item[i].firstChild.href;
//	if(Photo_obj.hasChildNodes()){
//		Photo_obj.replaceChild(document.createElement("img"),Photo_obj.firstChild);
//	}else{
//		Photo_obj.insertBefore(document.createElement("img"),Photo_obj.firstChild);
//	}
//		Photo_obj.firstChild.setAttribute("src",Photo_src);
//		Photo_obj.firstChild.onclick = function(){Photo_delete();} ;
//}
//------------------------------------------------------------------------------
//	写真を開く	
//------------------------------------------------------------------------------

function Photo_Open(Photo_src){

//クロスブラウザによるブラウザ幅（高さ）の算出。
	var UA = navigator.userAgent
	var Top_Position;
	

	
	if (window.pageYOffset) {
		Top_Position = window.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // IE 6 標準準拠　用・IE7用
		Top_Position = document.documentElement.scrollTop;
	} else if (document.body) {// 後方互換系
		Top_Position = document.body.scrollTop;
	}
	
var Photo_obj = document.getElementById(Photo_div_id);

//枠DIV
var obj = document.createElement("div");
obj.setAttribute("id",Photo_div_id);
obj.style.top= Top_Position +"px";
obj.onclick = function(){Photo_delete();};
obj.oncontextmenu = function(){Photo_delete();return false;};



//loadimg
var load_img = document.createElement("img");
load_img.src = Load_img;
load_img.alt = Close_Text;
load_img.title = Close_Text;
load_img.className = Load_class;


//挿入img
var obj_img = document.createElement("img");
obj_img.src = Photo_src;
obj_img.alt = Close_Text;
obj_img.title = Close_Text;


var Body_Last = document.getElementsByTagName("body").item(0);

	if(Photo_obj != null){
		document.getElementsByTagName("body").item(0).removeChild(Photo_obj)
		Body_Last.insertBefore(obj,Body_Last.firstChild);
	}
	else{
		Body_Last.insertBefore(obj,Body_Last.firstChild);
	}

	var Insert_Div = document.getElementById(Photo_div_id);

	//読み込みが完了しているか判断
	if(obj_img.complete){
		Insert_Div.insertBefore(obj_img,Insert_Div.firstChild);
	}
	else{
		Insert_Div.insertBefore(load_img,Insert_Div.firstChild);
		//画像読み込み完了時に差し替え
		obj_img.onload = function(){
			Insert_Div.replaceChild(obj_img,Insert_Div.firstChild);
			return false;
		}
	}
}



/*▼ロード関数呼び出し*/
/* ----------------------------------------------------- */
function setPhotoList(){
	if(! document.getElementById(Photo_List_id))return;
		var Photo_li_obj = document.getElementById(Photo_List_id).getElementsByTagName("span");
		for (i=0;i<Photo_li_obj.length;i++){
		Photo_li_obj.item(i).firstChild.onclick = function(){Photo_Open(this); return false;};
	}
	
	if(! document.getElementById(Photo_List_id2))return;
		var Photo_li_obj = document.getElementById(Photo_List_id2).getElementsByTagName("span");
		for (i=0;i<Photo_li_obj.length;i++){
		Photo_li_obj.item(i).firstChild.onclick = function(){Photo_Open(this); return false;};
	}
	
	if(! document.getElementById(Photo_List_id3))return;
		var Photo_li_obj = document.getElementById(Photo_List_id3).getElementsByTagName("span");
		for (i=0;i<Photo_li_obj.length;i++){
		Photo_li_obj.item(i).firstChild.onclick = function(){Photo_Open(this); return false;};
	}
	
	if(! document.getElementById(Photo_List_id4))return;
		var Photo_li_obj = document.getElementById(Photo_List_id4).getElementsByTagName("span");
		for (i=0;i<Photo_li_obj.length;i++){
		Photo_li_obj.item(i).firstChild.onclick = function(){Photo_Open(this); return false;};
	}
}