var MarginYoko = 70;
var MarginTate = 230;
//var Photos = new Array();		 // 画像の配列の定義
//var IsIMGReady = false;          // Photosの配列設定処理が完了したかどうか。true ---完了 
function OnloadBody() {　
	for (i=0; i<=document.a.length; i++) { 
		Photos[i] = document.createElement('img'); 
		wkFileName = i.toString();
		ii = 0;
		while (ii < (4 - wkFileName.length)) {wkFileName = "0" + wkFileName;} 
		Photos[i].src = "./photo/photo" + wkFileName + ".jpg"; 
	}
	IsIMGReady = true;
}
function BrowserCheck() {
	if (navigator.appName.charAt(0) == "N") {
			if (navigator.appVersion.charAt(0) == "6") {return true}
			if (navigator.appVersion.charAt(0) == "7") {return true}
			if (navigator.appVersion.charAt(0) == "5") {return true}
			window.alert ("サポートされていないブラウザのバージョンです。サムネイルのキャプションのリンクで表示してください。");
	  } else {
		if (navigator.appName.charAt(0) == "M") {
			if (navigator.appVersion.charAt(0) >= "4") {return true}
			window.alert ("サポートされていないブラウザです。サムネイルのキャプションのリンクで表示してください。");
		  } else {
			if (navigator.appName.charAt(0) == "O") {
				if (navigator.appVersion.charAt(0) >= "9") {return true}
				window.alert ("サポートされていないブラウザのバージョンです。サムネイルのキャプションのリンクで表示してください。");
			  } else {
				window.alert ("お使いのブラウザはサポートされていないかもしれません。正しく表示されないときは、サムネイルのキャプションのリンクで表示してください。");
				return true;
			}
		}
	}
	return false;
}
var Status = false; 
 var ValidPopUp = false; 
 
function PopUpSwitch() {
	if (document.getElementById) {
		objImg = document.getElementById("PopupSW");
		if (ValidPopUp) {
			ValidPopUp = false;
			objImg.childNodes[0].nodeValue = "ポップアップ−ＯＮ";
	  	  } else {
			ValidPopUp = true;
			objImg.childNodes[0].nodeValue = "ポップアップ−ＯＦＦ";
			var msg1 = "サムネイル上にマウスを置くと拡大画像をポップアップ表示します。\n";
			var msg2 = "拡大画像からマウスを離すか、クリックすると閉じます。";
			window.alert(msg1 + msg2);
		}
	}
}
 
 
function PopupImg(ImgIndex,URL){
var DISP_POSITION = 32; 
var PageScrollX = 0; 
var PageScrollY = 0; 
 var ImageSizePopup = 4; 
	
	
	if (!ValidPopUp) return;
	if (Status) { 
		if (PopupImg.imgNode) {
		    document.body.removeChild(PopupImg.imgNode);
		    delete PopupImg.imgNode;
			Status = false;
		}
	}
	
	if (document.all) {
	    y = event.y - event.offsetY;
	    x = event.x - event.offsetX;
	  } else if (document.getElementById) { 
		objImg = document.a[ImgIndex];
		x = objImg.x;
		y = objImg.y;
	}
	x = x + DISP_POSITION;
	y = y + DISP_POSITION;
	
	
	PopupImg.imgNode = document.createElement('img'); 
	wkFileName = ImgIndex.toString();
	
	
	
	PopupImg.imgNode.setAttribute("src",URL);
	objThumImg = document.a[ImgIndex];
	
	if (ImageSizePopup > 0) {
	    PopupImg.imgNode.setAttribute("width", objThumImg.width * ImageSizePopup );
	    PopupImg.imgNode.setAttribute("height", objThumImg.height * ImageSizePopup);
	  } else {
	    PopupImg.imgNode.setAttribute("width", PopupImg.imgNode.width); 
	    PopupImg.imgNode.setAttribute("height", PopupImg.imgNode.height); 
	}
        PopupImg.imgNode.onclick = closeImage;
        PopupImg.imgNode.onmouseout = closeImage;
        PopupImg.imgNode.style.position = 'absolute';
 
	
	var	ClientWidth = 0;
	var	ClientHeigth = 0;
    switch(navigator.appName.charAt(0)) {
		
		case "M":
			if (document.documentElement.clientWidth) {
	    		ClientWidth = document.documentElement.clientWidth; 
	    		ClientHeigth = document.documentElement.clientHeight; 
				
				
				var version = window.navigator.appVersion.toLowerCase();
				if (version.indexOf("msie 8") > -1) {
					if (document.documentMode) {
				    	PageScrollX = document.documentElement.scrollLeft;
				        PageScrollY = document.documentElement.scrollTop;
					} else { 
				       if (document.compatMode) {
			          	  PageScrollX = document.documentElement.scrollLeft;
			          	  PageScrollY = document.documentElement.scrollTop;
						  x = x + PageScrollX;
						  y = y + PageScrollY;
				       } else {
			              PageScrollX = document.body.scrollLeft;
			              PageScrollY = document.body.scrollTop;
				       }
						x = x + PageScrollX;
						y = y + PageScrollY;
					}
				} else {
					if (version.indexOf("msie 7") > -1) {
						if (document.compatMode == "CSS1Compat") {
				            PageScrollX = document.documentElement.scrollLeft;
				            PageScrollY = document.documentElement.scrollTop;
						} else {
				            PageScrollX = document.body.scrollLeft;
				            PageScrollY = document.body.scrollTop;
						}
					} else {
						if (document.compatMode == "CSS1Compat") {
				            PageScrollX = document.documentElement.scrollLeft;
				            PageScrollY = document.documentElement.scrollTop;
						} else {
				            PageScrollX = document.body.scrollLeft;
				            PageScrollY = document.body.scrollTop;
						}
					}
					x = x + PageScrollX;
					y = y + PageScrollY;
				}
			}
			break;
		case "N":
			if (document.documentElement.clientWidth) { 
		    	   ClientWidth = document.documentElement.clientWidth;
		    	   ClientHeigth = document.documentElement.clientHeight;
			} else { 
				if (document.body.clientWidth) {
			    	ClientWidth = document.body.clientWidth;
			    	ClientHeigth = document.body.clientHeight;
				}
			}
            PageScrollX = window.pageXOffset;
            PageScrollY = window.pageYOffset;
			break;
		case "O":
			if (document.body.clientWidth) {
		    	ClientWidth = document.body.clientWidth;
		    	ClientHeigth = document.body.clientHeight;
			}
            PageScrollX = window.pageXOffset;
            PageScrollY = window.pageYOffset;
			break;
		case "S":
			if (document.innerWidth) {
	    		ClientWidth = document.innerWidth;
	    		ClientHeigth = document.innerHeight;
			}
            PageScrollX = window.pageXOffset;
            PageScrollY = window.pageYOffset;
			break;
		default:
			if (document.documentElement.clientWidth) {
		    	ClientWidth = document.documentElement.clientWidth;
		    	ClientHeigth = document.documentElement.clientHeight;
			} else {
				if (document.body.clientWidth) {
			    	ClientWidth = document.body.clientWidth;
			    	ClientHeigth = document.body.clientHeight;
				} else {
					if (document.innerWidth) {
			    		ClientWidth = document.innerWidth;
			    		ClientHeigth = document.innerHeight;
					}
				}
			}
			break;
    }
	
    if ((ClientWidth != 0) && (ClientHeigth != 0)) {
	    
	    if ((ClientWidth + PageScrollX - x) < PopupImg.imgNode.width) {
	       if (ClientWidth > PopupImg.imgNode.width) {   
		      x = ClientWidth + PageScrollX - PopupImg.imgNode.width;  
		   } else {
		      x =  PageScrollX;
	       }
	    }
	    if ((ClientHeigth + PageScrollY - y) < PopupImg.imgNode.height) {
	       if (ClientHeigth > PopupImg.imgNode.height) {   
		     y = ClientHeigth + PageScrollY - PopupImg.imgNode.height;   
		   } else {
		     y =  PageScrollY;
	       }
	    }
    }
 
    PopupImg.imgNode.style.left = x + "px";
    PopupImg.imgNode.style.top = y + "px";
    PopupImg.imgNode.style.borderColor = "#ffffff";
    PopupImg.imgNode.style.borderWidth = "1px";
    PopupImg.imgNode.style.borderStyle = "solid";
    PopupImg.imgNode.style.margin = "0";
    document.body.appendChild(PopupImg.imgNode);
	Status = true;
	delete objThumImg;
}
 
function closeImage(){
	if (!Status) return;
	Status = false;
	if (PopupImg.imgNode) {
    document.body.removeChild(PopupImg.imgNode);
    delete PopupImg.imgNode;
	}
}
function OpenWindow(pPhotoID) {
var WindowID;
var CurrentPhotoNo = pPhotoID;
	if (!BrowserCheck()) {return;}
	WindowID = window.open("","PhotoWindow","top=0,left=0,toolbar=no,location=no,directories=no,status=no,resizable=yes,menubar=no");
	WindowID.document.open();
	WindowID.document.writeln('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"');
	WindowID.document.writeln('<HTML lang="ja">');
	WindowID.document.writeln('<HEAD>');
	WindowID.document.writeln('<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">');
	WindowID.document.writeln('<META http-equiv="Content-Style-type" content="text/css">');
	WindowID.document.writeln('<META http-equiv="Content-Script-Type" content="text/javascript">');
	WindowID.document.writeln('<TITLE>元画像の表示：Ｐｈｏｔｏｖｉｅｗ/フォトクロス</TITLE>');
	WindowID.document.writeln('<SCRIPT type="text/javascript">');
	WindowID.document.writeln('<!--');
	WindowID.document.writeln('var WindowSize = "Fix";          /* Windowモード */');
	WindowID.document.writeln('var Caption = "OFF";          /* キャプションの有無 */');
	WindowID.document.writeln('var AutoReduction = 0; /* 拡大画像を自動縮小するかどうか。0-しない 1-する */');
	WindowID.document.writeln('var NoPopUp = 0; /* ポップアップメニューを表示するかどうか。0-しない 1-する */');
	WindowID.document.writeln('var BlendTrans = true; /* フェードイン/アオウトを行う */');
	WindowID.document.writeln('var CopyrightTxt = ""; /* 著作権表示を行わない */');
	WindowID.document.writeln('var CurrentPhotoNo = ' + pPhotoID + ';          /* 現在の画像番号 */');
	WindowID.document.writeln('var MaxPhotoNo = ' + document.a.length + ';              /* 画像ファイル数 */');
	WindowID.document.writeln('var TitleText = new Array(' + document.a.length + ');    /* タイトル文字列の配列の定義 */');
	WindowID.document.writeln('var MarginYoko = ' + MarginYoko + ';');
	WindowID.document.writeln('var MarginTate = ' + MarginTate + ';');
	WindowID.document.writeln('var Photos = new Array();		 /* 画像の配列の定義     */');
	WindowID.document.writeln('	for (i=0; i<=MaxPhotoNo; i++) { /* イメージ配列に画像を設定する */');
	WindowID.document.writeln('		Photos[i] = new Image(); /* 画像の配列初期化     */');
	WindowID.document.writeln('	}');
	WindowID.document.writeln('	Photos[0] = "./photo/photo0000.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[1] = "./photo/photo0001.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[2] = "./photo/photo0002.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[3] = "./photo/photo0003.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[4] = "./photo/photo0004.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[5] = "./photo/photo0005.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[6] = "./photo/photo0006.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[7] = "./photo/photo0007.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[8] = "./photo/photo0008.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[9] = "./photo/photo0009.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[10] = "./photo/photo0010.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[11] = "./photo/photo0011.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[12] = "./photo/photo0012.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[13] = "./photo/photo0013.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[14] = "./photo/photo0014.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[15] = "./photo/photo0015.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[16] = "./photo/photo0016.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[17] = "./photo/photo0017.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[18] = "./photo/photo0018.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[19] = "./photo/photo0019.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[20] = "./photo/photo0020.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[21] = "./photo/photo0021.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[22] = "./photo/photo0022.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[23] = "./photo/photo0023.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[24] = "./photo/photo0024.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[25] = "./photo/photo0025.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[26] = "./photo/photo0026.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[27] = "./photo/photo0027.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[28] = "./photo/photo0028.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[29] = "./photo/photo0029.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[30] = "./photo/photo0030.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[31] = "./photo/photo0031.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[32] = "./photo/photo0032.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[33] = "./photo/photo0033.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[34] = "./photo/photo0034.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[35] = "./photo/photo0035.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[36] = "./photo/photo0036.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[37] = "./photo/photo0037.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[38] = "./photo/photo0038.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[39] = "./photo/photo0039.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[40] = "./photo/photo0040.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[41] = "./photo/photo0041.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[42] = "./photo/photo0042.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[43] = "./photo/photo0043.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[44] = "./photo/photo0044.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[45] = "./photo/photo0045.jpg"; /* 画像の設定 */');
	WindowID.document.writeln('	Photos[46] = "./photo/photo0046.jpg"; /* 画像の設定 */');
	for (var i=0; i<document.a.length; i++) {
		WindowID.document.writeln('	TitleText[' + i + '] = "' + document.a[i].alt + '"; /* 画像のタイトルの設定 */');
	}
	WindowID.document.writeln("function PopUpControl() {")
	WindowID.document.writeln("	if (NoPopUp == 1) {")
	WindowID.document.writeln("		return false;")
	WindowID.document.writeln("	  } else {")
	WindowID.document.writeln("		return true;")
	WindowID.document.writeln("	}")
	WindowID.document.writeln("}")
	WindowID.document.writeln("-->");
	WindowID.document.writeln("</SC" + "RIPT>");
	WindowID.document.writeln("</HEAD>");
	WindowID.document.writeln('<FRAMESET>');
	WindowID.document.writeln('	<FRAME src="photoview.htm" name="photoview">');
	WindowID.document.writeln('</FRAMESET>');
	WindowID.document.writeln('</HTML>');
	WindowID.document.close();
	WindowID.focus();
}