// JavaScript Document


var arrImgName = new Array("images/contact_foodguid_ex01.jpg","images/contact_foodguid_ex02.jpg");
var arrImg = new Array(2);
for (i = 0;i < arrImgName.length;i++) {
	arrImg[i] = new Image();
	arrImg[i].src = arrImgName[i];
}
var nMapWidth ;
var nMapHeight;
var halfX = 0;
var halfY = 0;
var fullX = 0;
var fullY = 0;
var nAlpha = 0;
var nIndex = 0;
var filterz;
var board;

function setAlpha(obj,per) {
	inone = per / 100;
	if (inone >= 1) inone = 0.99;
	obj.style.opacity = inone;
	obj.style.MozOpacity = inone;
	obj.style.KhtmlOpacity = per / 100;
	obj.style.filter = "alpha(opacity=" + per + ")";
}
function init() {
	IE = document.all ? true : false;
	fox = new RegExp("Firefox","i");
	if (IE || fox.test(navigator.userAgent)) {
		halfX = (document.body.clientWidth/2);
		halfY = (document.body.clientHeight/2);
		fullX = document.body.clientWidth;
		fullY =document.body.clientHeight;
	}
	else {
		halfX = pageXOffset / 2;
		halfY = pageYOffset / 2;
		fullX = pageXOffset;
		fullY = pageYOffset;
	}
	filterz = document.getElementById("filterz");
	board = document.getElementById("board");
}
function showMap(imm) {
	nIndex = imm;
	setAlpha(filterz,0);
	filterz.style.width = fullX;
	filterz.style.height = 2300;
	
	filterz.style.left = 0;
	filterz.style.top = 0;
	nMapWidth = arrImg[nIndex].width;
	nMapHeight = arrImg[nIndex].height + 20;
	board.innerHTML = "<a name='top'></a><a href=\"http://www.chiangmainews.com/contactus.php?cb6=1\"><img src=\"images/icon_contact.jpg\" border=\"0\"></a> <img src=\"images/line7.gif\" border=\"0\" /><a href=\"javascript:window.print()\"><img src=\"images/print.gif\" border=\"0\"></a> <img src=\"images/line7.gif\" border=\"0\" /> <a href=\"javascript:closer()\"><img src=\"images/close1.gif\" border=\"0\"></a></div><img src=\""+ arrImgName[nIndex] +"\" /><div align='center'><a href=\"#top\"><img src=\"images/top.gif\" border=\"0\" /></a> <a href=\"javascript:closer()\"><img src=\"images/close2.gif\" border=\"0\"></a><br><br><a href=\"http://www.chiangmainews.com/contactus.php?cb6=1\"><img src=\"images/click_contact.jpg\" border=\"0\"></a><br><br></div><br>";
	blackingMore();
}
function blackingMore() {
	setAlpha(filterz,nAlpha);
	if (nAlpha >= 80) {
		setAlpha(filterz,80);
		nTop = halfY - Math.floor(nMapHeight / 2);
		if (nTop < 0) nTop = 0;
		board.style.top = nTop;
		board.style.left = halfX - Math.floor(nMapWidth / 2);
		return;
	}
	nAlpha += 10;
	setTimeout("blackingMore()",50);
}
function closer() {
	nAlpha = 80;
	board.style.left = -5000;
	closing();
}
function closing() {
	nAlpha -= 10;
	if (nAlpha <= 0) {
		filterz.style.left = -5000;
		setAlpha(board,100);
		return;
	}
	setAlpha(filterz,nAlpha);
	setTimeout("closing()",20);
}

/////////////////mouse click//////////