window.onresize = sizeChange;
function sizeChange(){
	// Mozilla, Opera, NN4
	if(window.innerHeight){
		var win = window.innerHeight;
		var div = document.documentElement.offsetHeight;
	// 以下 IE
	}else if(document.documentElement && document.documentElement.clientHeight){
		var win = document.documentElement.clientHeight;
		var div = document.documentElement.scrollHeight;
	}
	else if(document.body && document.body.clientHeight){
		var win = document.body.clientHeight;
		var div = document.documentElement.offsetHeight;
	}	
	
	var opElm = document.getElementById('openArea');
	var opElm2 = document.getElementById('bgArea');
	if(div <= win){
		opElm.style.height = win + "px";
		opElm2.style.height = win + "px";
	} else {
		opElm.style.height = div + "px";
		opElm2.style.height = div + "px";
	}
	
	var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
	var opElm3 = document.getElementById('baseArea');
	if(win<641){
		scr = scrollTop;
	}else{
		scr = scrollTop+(win-641)/2;
	}
	opElm3.style.top = scr + "px";
}
function initZoomImg(cap) {
	if (!document.getElementById) return;
	if(cap!='noisitems'){
		var aTemp = document.getElementById('zoomimgbox').getElementsByTagName('a');
		var spanTemp = document.getElementById('zoomimgbox').getElementsByTagName('span');
	}else{
		var aTemp = document.getElementById('bodyContent').getElementsByTagName('a');
		var spanTemp = document.getElementById('bodyContent').getElementsByTagName('span');
	}
	
	imgArray = new Array();
	widthArray = new Array();
	for( var i=0; i<aTemp.length; i++ ) {
		if (aTemp[i].className == 'zoomimg') {
			imgArray[imgArray.length] = aTemp[i].getAttribute('href');
			widthArray[widthArray.length] = aTemp[i].getAttribute('rel');
		}
	}
	capArray = new Array(cap);
	for( var i=0; i<spanTemp.length; i++ ) {
		if (spanTemp[i].className == 'zoomcap') {
			capArray[capArray.length] = spanTemp[i].innerHTML;
		}
	}
}
function openZoomBox(n) {
	// Mozilla, Opera, NN4
	if(window.innerHeight){
		var win = window.innerHeight;
		var div = document.documentElement.offsetHeight;
	// 以下 IE
	}else if(document.documentElement && document.documentElement.clientHeight){
		var win = document.documentElement.clientHeight;
		var div = document.documentElement.scrollHeight;
	}
	else if(document.body && document.body.clientHeight){
		var win = document.body.clientHeight;
		var div = document.documentElement.offsetHeight;
	}	
	
	var opElm = document.getElementById('openArea');
	var opElm2 = document.getElementById('bgArea');
	opElm.onclick = 
	opElm2.onclick = function() {
		closeZoomBox();
	}

	if(div <= win){
		opElm.style.height = win + "px";
		opElm2.style.height = win + "px";
	} else {
		opElm.style.height = div + "px";
		opElm2.style.height = div + "px";
	}
	
	var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
	var opElm3 = document.getElementById('baseArea');
	if(win<641){
		scr = scrollTop;
	}else{
		scr = scrollTop+(win-641)/2;
	}
	opElm3.style.top = scr + "px";
	
	opElm.style.visibility = 'visible';
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
	
	var pBox = document.getElementById('zoomPhotoBox');
	var pw = Number(widthArray[n-1])+40;
	if(capArray[0]!='noisitems'){
		if(capArray[n-1]==undefined || capArray[n-1]=="") pBox.innerHTML = '<img src="'+imgArray[n-1]+'" />';
		else pBox.innerHTML = '<img src="'+imgArray[n-1]+'" /><p><span>'+capArray[n-1]+'</span></p>';
	}else{
		pBox.innerHTML = '<img src="'+imgArray[n-1]+'" />';
	}
	pBox.style.width = pw+'px';
	
	
	
	/*swapImg(Pid,Arr1, Arr2);*/

}

function closeZoomBox() {
	var opElm = document.getElementById('openArea');
	opElm.style.visibility = 'hidden';
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}