var DispImg = new Image();
var imgName = 'imgdisp';
var bgName = 'bg';
var nowName1 = 'now1';
var nowName2 = 'now2';
var slashName = 'slash';
var maxName1 = 'max1';
var maxName2 = 'max2';
var imgW = 0;
var imgH = 0;
var alpha = 0;
var enable = 0;
var mode = 0;
var img_num = 0;
var now_img = 0;
var nameArray = new Array(16);
var numArray = new Array(10);
numArray[0] = 'img/0gage.gif';
numArray[1] = 'img/1gage.gif';
numArray[2] = 'img/2gage.gif';
numArray[3] = 'img/3gage.gif';
numArray[4] = 'img/4gage.gif';
numArray[5] = 'img/5gage.gif';
numArray[6] = 'img/6gage.gif';
numArray[7] = 'img/7gage.gif';
numArray[8] = 'img/8gage.gif';
numArray[9] = 'img/9gage.gif';

function ImgZoom(imgfile, img2, img3, img4, img5, img6, img7, img8, img9, img10, img11, img12, img13, img14, img15, img16) {
	DispImg = new Image();
	DispImg.src = imgfile;
	now_img = 0;
	if (img2 == undefined)			img_num = 1;
	else if (img3  == undefined)	img_num = 2;
	else if (img4  == undefined)	img_num = 3;
	else if (img5  == undefined)	img_num = 4;
	else if (img6  == undefined)	img_num = 5;
	else if (img7  == undefined)	img_num = 6;
	else if (img8  == undefined)	img_num = 7;
	else if (img9  == undefined)	img_num = 8;
	else if (img10 == undefined)	img_num = 9;
	else if (img11 == undefined)	img_num = 10;
	else if (img12 == undefined)	img_num = 11;
	else if (img13 == undefined)	img_num = 12;
	else if (img14 == undefined)	img_num = 13;
	else if (img15 == undefined)	img_num = 14;
	else if (img16 == undefined)	img_num = 15;
	else							img_num = 16;
	nameArray[0]  = imgfile;
	nameArray[1]  = img2;
	nameArray[2]  = img3;
	nameArray[3]  = img4;
	nameArray[4]  = img5;
	nameArray[5]  = img6;
	nameArray[6]  = img7;
	nameArray[7]  = img8;
	nameArray[8]  = img9;
	nameArray[9]  = img10;
	nameArray[10] = img11;
	nameArray[11] = img12;
	nameArray[12] = img13;
	nameArray[13] = img14;
	nameArray[14] = img15;
	nameArray[15] = img16;
	
	if (DispImg.complete) {
		ZoomStart();
	}else {
		DispImg.onload = function() {
			DispImg.onload = null;
			ZoomStart();
		}
	}
}

function ZoomStart() {
	document.images[imgName].src = DispImg.src;
	imgW = DispImg.width;
	imgH = DispImg.height;
//	document.images[imgName].style.top = (document.body.clientHeight*0.5) - (imgH * 0.5);
//	document.images[imgName].style.left = (document.body.clientWidth*0.5) - (imgW * 0.5);
	document.images[imgName].width = imgW;
	document.images[imgName].height = imgH;
	document.images[bgName].width = document.body.clientWidth;
	document.images[bgName].height = document.body.clientHeight;
	document.images[nowName1].src = numArray[0];
	document.images[nowName2].src = numArray[1];
	if (img_num >= 10) {
		document.images[maxName1].src = numArray[(img_num-(img_num%10))/10];
		document.images[maxName2].src = numArray[img_num%10];
	}else {
		document.images[maxName1].src = numArray[img_num];
		document.images[maxName2].src = numArray[0];
	}
	
	if (document.images[imgName].filters) {
		document.images[nowName1].filters.alpha.opacity = 
		document.images[nowName2].filters.alpha.opacity = 
		document.images[slashName].filters.alpha.opacity = 
		document.images[maxName1].filters.alpha.opacity = 
		document.images[maxName2].filters.alpha.opacity = 
		document.images[imgName].filters.alpha.opacity = 
		document.images[bgName].filters.alpha.opacity = 0;
	}
	else {
		document.images[nowName1].style.MozOpacity = 
		document.images[nowName1].style.opacity = 
		document.images[nowName2].style.MozOpacity = 
		document.images[nowName2].style.opacity = 
		document.images[slashName].style.MozOpacity = 
		document.images[slashName].style.opacity = 
		document.images[maxName1].style.MozOpacity = 
		document.images[maxName1].style.opacity = 
		document.images[maxName2].style.MozOpacity = 
		document.images[maxName2].style.opacity = 
		document.images[imgName].style.MozOpacity = 
		document.images[imgName].style.opacity = 
		document.images[bgName].style.MozOpacity = 
		document.images[bgName].style.opacity = 0;
	}
	mode = 0;
	alpha = 0;
	if (enable == 0) {
		setTimeout("update()", 10);
		enable = 1;
	}
}

function ImgChange() {
	now_img++;
	if (now_img >= img_num) {
		mode = 1;
		if (enable == 0) {
			setTimeout("update()", 10);
			enable = 1;
		}
	}
	else {
		if (now_img >= 9) {
			document.images[nowName1].src = numArray[((now_img+1)-((now_img+1)%10))/10];
			document.images[nowName2].src = numArray[(now_img+1)%10];
		}else {
			document.images[nowName2].src = numArray[now_img+1];
		}
		DispImg.src = nameArray[now_img];
		document.images[imgName].src = DispImg.src;
		imgW = DispImg.width;
		imgH = DispImg.height;
//		document.images[imgName].style.top = (document.body.clientHeight*0.5) - (imgH * 0.5);
//		document.images[imgName].style.left = (document.body.clientWidth*0.5) - (imgW * 0.5);
		document.images[imgName].width = imgW;
		document.images[imgName].height = imgH;
		
		if (now_img >= 9) {
			if (document.images[imgName].filters) {
				document.images[nowName1].filters.alpha.opacity = 100;
			}
			else {
				document.images[nowName1].style.MozOpacity = 1;
			}
		}
	}
}

function ImgResize() {
	if (alpha > 0) {
		document.images[bgName].width = document.body.clientWidth;
		document.images[bgName].height = document.body.clientHeight;
	}
}

function update() {
	if (mode == 0) {
		alpha += 20;
		if (alpha >= 100) {
			alpha = 100;
		}
	}
	else {
		alpha -= 25;
		if (alpha < 0) {
			alpha = 0;
		}
	}
	
	if (document.images[imgName].filters) {
		document.images[nowName2].filters.alpha.opacity = 
		document.images[slashName].filters.alpha.opacity = 
		document.images[maxName1].filters.alpha.opacity = 
		document.images[imgName].filters.alpha.opacity = alpha;
		if (now_img >= 9)
			document.images[nowName1].filters.alpha.opacity = alpha
		if (img_num >= 10)
			document.images[maxName2].filters.alpha.opacity = alpha;
		document.images[bgName].filters.alpha.opacity = alpha * 0.7;
	}
	else {
		document.images[nowName2].style.MozOpacity = 
		document.images[nowName2].style.opacity = 
		document.images[slashName].style.MozOpacity = 
		document.images[slashName].style.opacity = 
		document.images[maxName1].style.MozOpacity = 
		document.images[maxName1].style.opacity = 
		document.images[imgName].style.MozOpacity = 
		document.images[imgName].style.opacity = alpha/100;
		if (now_img >= 9) {
			document.images[nowName1].style.MozOpacity = 
			document.images[nowName1].style.opacity = alpha/100;
		}
		if (img_num >= 10) {
			document.images[maxName2].style.MozOpacity = 
			document.images[maxName2].style.opacity = alpha/100;
		}
		document.images[bgName].style.MozOpacity = 
		document.images[bgName].style.opacity = alpha*0.7/100;
	}
	
	if (mode == 0) {
		if (alpha < 100)
			setTimeout("update()", 10);
		else
			enable = 0;
	}
	else {
		if (alpha > 0)
			setTimeout("update()", 10);
		else {
			enable = 0;
//			document.images[imgName].style.top = 
//			document.images[imgName].style.left = 0;
			document.images[imgName].width = 
			document.images[imgName].height = 0;
			document.images[bgName].width = 
			document.images[bgName].height = 0;
		}
	}
}