var opacityLevel = 5; var browserType = navigator.userAgent; var indicator = null; var indicatorID = "indicator"
var indicatorImgPath = "public/original/images/loader.gif"; var indicatorImgHtml = "<img src=\""+indicatorImgPath+"\" alt=\"Loading...\" />"; var closeImgPath ="images/WhiteCircle.png"; var closeImgHtml ="<img src=\""+closeImgPath+"\" align=\"right\" width=\"14\" height=\"14\" border=\"0\" alt=\"close\" />"; var overlayBG = null; var overlayBGID = "overlayBG"; var box = null; var boxID = "mobox"; var boxFrame = null; var boxFrameID = "boxFrame"; var boxContents = null; var boxContentsID = "boxContents"; var boxHeader = null; var boxHeaderID = "boxHeader"; var boxTitle = null; var boxTitleID = "boxTitle"; var boxAttr = "rel"; var boxH = "250px"; var boxW = "400px"; var boxCloseOption = 1; var boxCloseLinkID = "closeBox"; var boxTitle = "endlessroom"; var displayHeader = true; var boxHtmlTagType = "a"; var boxType = 0; var boxDimensions = new Array(); window.onload=function (){ initiation();}
function initiation(){ var boxTags = getBoxTags(); for(var i=0; i< boxTags.length ; i++){ var boxTag = boxTags[i]; boxTag.onclick = function() { /*document.body.scroll="no"; document.body.disabled=true; */ boxDimensions = getBoxDimension(this); createBox(document.getElementsByTagName("body")[0],this); box = document.getElementById(boxID); boxFrame = document.getElementById(boxFrameID); boxHeader = document.getElementById(boxHeaderID); boxTitle = document.getElementById(boxTitleID); boxContents = document.getElementById(boxContentsID); indicator = document.getElementById(indicatorID); overlayBG = document.getElementById(overlayBGID); showIndicator(); applyOverlay(); showBox(this); hideIndicator(); window.onscroll = maintPos; window.onresize = maintPos; return false;};}
}
function createBox(element, boxTag){ 
	
	if(document.getElementById('timeline') != null)
		document.getElementById('timeline').style.display = 'none';

	var tempBox = document.getElementById(boxID); if(tempBox != null) element.removeChild(tempBox); var boxOption; var type = getBoxType(boxTag); if(type == null) type = boxType; type = parseInt(type); boxOption = type; var boxHtml = ""; boxHtml = "<div id=\""+overlayBGID+"\" style=\"display:none;\"></div>"; boxHtml += "<div id=\""+indicatorID+"\" style=\"display:none;\">" +indicatorImgHtml+"</div>"; switch(boxOption){ default:
boxHtml += "<div id=\""+boxFrameID+"\" style=\"display:none;\">"; boxHtml += "<div id=\""+boxHeaderID+"\" style=\"display:none;\">"; boxHtml += "<a id=\""+boxCloseLinkID+"\" href=\"javascript:void(null);\"></a>"; boxHtml += "<font id=\""+boxTitleID+"\" align=\"left\">&nbsp;</font></div>"; boxHtml += "<div id=\""+boxContentsID+"\">"; boxHtml += "</div>"; boxHtml += "</div>";}
var abox = document.createElement("div"); abox.setAttribute("id",boxID); abox.style.display = 'block'; abox.innerHTML = boxHtml; element.appendChild(abox);}
function getBoxTags(){ var array = new Array(); var elements = document.getElementsByTagName(boxHtmlTagType); for (var i = 0; i < elements.length ; i++) { var element = elements[i]; if(element.getAttribute(boxAttr)){ var attr = element.getAttribute(boxAttr); if (attr.indexOf("mobox") != -1){ array.push(element);}
}
}
return array;}
function showIndicator(){ indicator.style.display="block"; posToCenter(indicator); indicator.onclick = function(){hideBox();hideIndicator();}
}
function hideIndicator(){ indicator.style.display="none";}
function applyOverlay(){ overlayBG.style.opacity = 0; overlayBG.style.filter = 'alpha(opacity=0)'; setBGOpacity = setOpacity; for (var i=0;i<=opacityLevel;i++) {setTimeout("setBGOpacity('overlayBG',"+i+")",70*i);}
overlayBG.style.display = "block"; var pagesize = new getPageSize(); var scrollPos = new getScrollPos(); if(browserType.indexOf("MSIE ") != -1) {overlayBG.style.width = pagesize.width+'px';}
overlayBG.style.height = pagesize.height+scrollPos.scrollY+'px'; hideIEselect();}
function removeOverlay(){ overlayBG.style.display="none"; showIEselect();}
function showBox(boxTag){ boxFrame.style.display = ""; if(boxDimensions.length == 2){ boxFrame.style.width = boxDimensions[0] +"px"; boxFrame.style.height = boxDimensions[1] +"px";}
boxFrame.style.visibility = "hidden"; posToCenter(boxFrame); boxFrame.style.visibility = "visible"; setBoxHeader(boxTag); boxHeader.style.display = ""; var title = getBoxTitle(boxTag); boxTitle.innerHTML = title; boxContents.style.overflow = "auto"; boxContents.innerHTML = ""; setBoxContents(boxTag); document.getElementById(boxCloseLinkID).onclick = function(){hideBox();}; if(boxCloseOption == 0){ boxContents.onclick = function(){hideBox();};}
}
function hideBox(){ /*document.body.scroll="yes";*/ 

if(document.getElementById('timeline') != null)
	document.getElementById('timeline').style.display = 'block';

removeOverlay(); boxFrame.style.display="none"; boxContents.innerHTML = ""; window.onscroll = null;}
function setBoxContents(boxTag){ var boxContentHtml = ""; var fileUrl = boxTag.rev; if(fileUrl == window.location){ boxContentHtml = boxTag.innerHTML; boxContents.innerHTML = boxContentHtml;}else{ var xmlHttpRequest = false; if(browserType.indexOf("MSIE 7") != -1){ xmlHttpRequest = createXmlHttpRequestIE7();}else{ xmlHttpRequest = createXmlHttpRequest();}
if (xmlHttpRequest.overrideMimeType) { xmlHttpRequest.overrideMimeType('text/xml');}
xmlHttpRequest.open('GET',boxTag.rev,true); xmlHttpRequest.onreadystatechange = function() { if(xmlHttpRequest.readyState == 4){ boxContentHtml = xmlHttpRequest.responseText; boxContents.innerHTML = boxContentHtml;}
}
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"); xmlHttpRequest.send(null);}
}
function getBoxDimension(boxTag){ if(boxTag != null){ var attr = boxTag.getAttribute(boxAttr); var dimensions = attr.slice(attr.indexOf("[")+1,attr.indexOf("]")).split(/\,/); return dimensions;}
}
function setBoxHeader(){ if(displayHeader == true) {boxHeader.style.display = "block";}
else {boxHeader.style.display = "none";}
}
function getBoxTitle(boxTag){ if(boxTag != null) return boxTag.getAttribute("title"); return boxTitle;}
function getBoxType(boxTag){ var attr = boxTag.getAttribute(boxAttr); var type = attr.split(/.*\&type=/); if(browserType.indexOf("MSIE") != -1) return type[0]; return type[1];}
posToCenter = function(elem) { var scrollPos = new getScrollPos(); var pageSize = new getPageSize(); var emSize = new getElementSize(elem); var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX; var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY; elem.style.left = x+'px'; elem.style.top = y+'px';}
getScrollPos = function() { var docElem = document.documentElement; this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft; this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;}
getPageSize = function() { var docElem = document.documentElement
this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth; this.height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;}
getElementSize = function(elem) { this.width = elem.offsetWidth || elem.style.pixelWidth; this.height = elem.offsetHeight || elem.style.pixelHeight;}
function createXmlHttpRequest(){ var xmlreq = null; if (window.XMLHttpRequest) { xmlreq = new XMLHttpRequest();}
else if (window.ActiveXObject) { try { xmlreq = new ActiveXObject("Msxml2.XMLHTTP");}
catch (e1) { try { xmlreq = new ActiveXObject("Microsoft.XMLHTTP");}
catch (e2) { }
}
}
return xmlreq;}
function createXmlHttpRequestIE7() { var xmlhttp; if (!xmlhttp && typeof XMLHttpRequest != "undefined") { try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
}
return xmlhttp;}
function hideIEselect(){ if(browserType.indexOf("MSIE ") != -1)
{ var selects = document.getElementsByTagName("select"); for (var i = 0; i < selects.length ; i++){ var select = selects[i]; if(select != null)select.style.display='none';}
}
}
function showIEselect(){ if(browserType.indexOf("MSIE ") != -1)
{ var selects = document.getElementsByTagName("select"); for (var i = 0; i < selects.length ; i++){ var select = selects[i]; if(select != null)select.style.display='block';}
}
}
setOpacity = function (elemid,value) { var e = document.getElementById(elemid); e.style.opacity = value/10; e.style.filter = 'alpha(opacity=' + value*10 + ')';}
maintPos = function() { var pagesize = new getPageSize(); var scrollPos = new getScrollPos(); if(browserType.indexOf("MSIE ") != -1) {overlayBG.style.width = pagesize.width+'px';}
if(browserType.indexOf("Opera/9") != -1) {overlayBG.style.height = document.body.scrollHeight+'px';}
else {overlayBG.style.height = pagesize.height+scrollPos.scrollY+'px';}
posToCenter(boxFrame);}