var arrPicLoaded = Array();
var _imgPromo = document.getElementById("imgPromo");
_imgPromo.myfile = arrPromoPic[0];
_imgPromo.onclick = function () {
	location.href = "reservation.php?promo=" + this.myfile;
}
var _areaPromo = _imgPromo.parentNode;
var _btnPromo = document.getElementById("btnPromo");
var nPromoCount = 0;
function promoCount() {
	nPromoCount++;
	if (nPromoCount == arrPromoPic.length) {
		nPromoCount = 0;
		if (arrPromoPic.length > 1) {
			_invPromo = setInterval(promoPlay,10000);
		}
	}
}
function promoPlay() {
	nn = nPromoCount + 1;
	if (nn >= arrPromoPic.length) nn = 0;
	promoTo(nn);
}
function promoTo(n) {
	_btnPromo.cur.style.backgroundImage = "url(images/home_promo2.png)";
	_btnPromo.cur.style.color = "#333";
	_btnPromo.cur = _tblPromo.rows[0].cells[n].childNodes[0];
	_btnPromo.cur.style.color = "#ddd";
	_btnPromo.cur.style.backgroundImage = "url(images/home_promo1.png)";
	
	_imgPromo.alpha = 100;
	_areaPromo.style.backgroundImage = "url(img_promo/" + arrPromoPic[n] + ")";
	nPromoCount = n;
	promoTo2();
}
function promoTo2() {
	_imgPromo.alpha -= 10;
	if (_imgPromo.alpha < 0) _imgPromo.alpha = 0;
	setAlpha(_imgPromo,_imgPromo.alpha);
	if (_imgPromo.alpha == 0) {
		_imgPromo.src = "img_promo/" + arrPromoPic[nPromoCount];
		_imgPromo.myfile = arrPromoPic[nPromoCount];
		_imgPromo.alt = arrPromoCap[nPromoCount];
		_imgPromo.title = arrPromoCap[nPromoCount];
		setAlpha(_imgPromo,100);
		_btnPromo.style.zIndex = 5;
		return;
	}
	setTimeout(promoTo2,50);
}
var _tblPromo = document.createElement("table");
_tblPromo.border = 0;
_tblPromo.cellSpacing = 0;
_tblPromo.cellPadding = 0;
_tblPromo.insertRow(0);
for (i = 0;i < arrPromoPic.length;i++) {
	arrPicLoaded[i] = new Image();
	arrPicLoaded[i].onload = promoCount;
	arrPicLoaded[i].src = "img_promo/" + arrPromoPic[i];
	n = i;
	ele = document.createElement("div");
	ele.style.width = "18px";
	ele.style.height = "17px";
	ele.style.backgroundImage = "url(images/home_promo2.png)";
	ele.style.marginRight = "2px";
	ele.style.color = "#333";
	ele.align = "center";
	ele.innerHTML = n + 1;
	ele.myid = i;
	ele.style.cursor = "pointer";
	ele.onclick = function() {
		if (_invPromo != null) {
			clearInterval(_invPromo);
			_invPromo = null;
		}
		promoTo(this.myid);
	}
	cell = _tblPromo.rows[0].insertCell(_tblPromo.rows[0].cells.length);
	cell.appendChild(ele);
}
_btnPromo.appendChild(_tblPromo);
_btnPromo.style.marginLeft = (455 - 3 - (_tblPromo.rows[0].cells.length * 20)) + "px";
_btnPromo.style.marginTop = (219 - 20) + "px"

var imgPromoBg = new Image();
imgPromoBg.onload = function() {
	_btnPromo.cur = _tblPromo.rows[0].cells[0].childNodes[0];
	_btnPromo.cur.style.color = "#ddd";
	_tblPromo.rows[0].cells[0].childNodes[0].style.backgroundImage = "url(" + this.src + ")";
}
imgPromoBg.src = "images/home_promo1.png";
var _invPromo = null;