var modalcount = -1;
var closeButton = null;
var modalLeft = null;
var modalRight = null;
var modalLayer = null;
var modalData = new Array();
var subMenu = null;
var subMenuOrigClassName = null;
var subMenuOrigPos = null;
var subMenuModalPos = null;

function showModal(id) {
	if (modalcount == -1) {
		initModal();
	}
	setModalType(modaltype[id]);

	closeButton.style.display="block";
	modalLayer.style.display="block";
	subMenu.className = "subnavstyle3";
	resetModalLinks();
	modalData[id]['link'].className = "active";
	modalLeft.innerHTML = modalData[id]['left'].innerHTML;
	modalRight.innerHTML = modalData[id]['right'].innerHTML;
	subMenu.style.marginLeft = subMenuModalPos + 'px';
}

function closeModal() {
	closeButton.style.display="none";
	modalLayer.style.display="none";
	subMenu.className = subMenuOrigClassName;
	subMenu.style.marginLeft = subMenuOrigPos + 'px';
}

function resetModalLinks() {
	for (var i = 0; i < modalcount; i++) {
		modalData[i+1]['link'].className="";
	}
}

function initModal() {
	count = 0;
	while (true) {
		count++;
		check = document.getElementById("modaldata" + count + "left");
		if (check != null) {
			modalcount=count;
			modalData[count] = new Array();
			modalData[count]['left'] = document.getElementById("modaldata" + count + "left");
			modalData[count]['right'] = document.getElementById("modaldata" + count + "right");
			modalData[count]['link'] = document.getElementById("modallink" + count);
		} else {
			break;
		}
	}
	closeButton = document.getElementById("closediv");
	modalLeft = document.getElementById("left");
	modalRight = document.getElementById("right");
	modalLayer = document.getElementById("modaldiv");
	subMenu = document.getElementById("subnavdiv");
	subMenuOrigClassName = subMenu.className;
	subMenuOrigPos = parseInt(subMenu.style.marginLeft.substring(0,subMenu.style.marginLeft.length-2));
	subMenuModalPos = subMenuOrigPos + 17;
}

function setModalType(type) {
	resetModalType();
	if (type == "blendinfo") {
		modalLayer.className="blendinfo";
	} else if (type == "largeimage") {
		modalLeft.className="largeimage";
		modalRight.className="largeimage";
	}
}

function resetModalType() {
	modalLayer.className="none";
	modalLeft.className="none";
	modalRight.className="none";
}