tags
var docRoot = document.getElementsByTagName("a");
var ibAttr = "rel"; // our attribute identifier for our iBox elements
var e;
for (var i = 0; i < docRoot.length - 1; i++) {
e = docRoot[i];
if(e.getAttribute(ibAttr)) {
var t = e.getAttribute(ibAttr);
if ((t.indexOf("ibox") != -1) || t.toLowerCase() == "ibox") { // check if this element is an iBox element
e.onclick = function() { // rather assign an onclick event
var t = this.getAttribute(ibAttr);
var params = parseQuery(t.substr(5,999));
var url = this.href;
if(this.target != "") {url = this.target}
var title = this.title;
showBG();
showIbox(url,title,params); // show ibox
window.onscroll = maintPos;
window.onresize = maintPos;
return false;
};
}
}
}
}
showBG = function() {
var box_w = getElem('ibox_w');
var opacity_level = 8;
box_w.style.opacity = 0;
box_w.style.filter = 'alpha(opacity=0)';
setBGOpacity = setOpacity;
for (var i=0;i<=opacity_level;i++) {setTimeout("setIboxOpacity('ibox_w',"+i+")",70*i);} // from quirksmode.org
box_w.style.display = "";
var pagesize = new getPageSize();
var scrollPos = new getScrollPos();
var ua = navigator.userAgent;
if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';}
else {box_w.style.width = pagesize.width-20+'px';}
box_w.style.height = pagesize.height+scrollPos.scrollY+'px';
selectVisibility("hidden");
}
/* Scrollbar hiding by Heidi http://liquidlead-art.com/ */
selectVisibility = function(v) {
var selectElems = document.getElementsByTagName('select');
for(var i = 0; i < selectElems.length; ++i) {
selectElems[i].style.visibility = v;
}
}
hideBG = function() {
var box_w = getElem('ibox_w');
box_w.style.display = "none";
selectVisibility("visible");
}
var loadCancelled = false;
showIndicator = function() {
var ibox_p = getElem('ibox_progress');
ibox_p.style.display = "";
posToCenter(ibox_p);
ibox_p.onclick = function() {hideIbox();hideIndicator();loadCancelled = true;}
}
hideIndicator = function() {
var ibox_p = getElem('ibox_progress');
ibox_p.style.display = "none";
ibox_p.onclick = null;
}
createIbox = function(elem) {
// a trick on just creating an ibox wrapper then doing an innerHTML on our root ibox element
var strHTML = "";
strHTML += "";
strHTML += indicator_img_html;
strHTML += "
";
strHTML += "";
strHTML += "
";
strHTML += "
";
var docBody = document.getElementsByTagName("body")[0];
var ibox = document.createElement("div");
ibox.setAttribute("id","ibox");
ibox.style.display = '';
ibox.innerHTML = strHTML;
elem.appendChild(ibox);
}
var ibox_w_height = 0;
showIbox = function(url,title,params) {
var ibox = getElem('ibox_wrapper');
var ibox_type = 0;
// set title here
var ibox_footer = getElem('ibox_footer');
if(title != "") {ibox_footer.innerHTML = title;} else {ibox_footer.innerHTML = " ";}
url = url.toLowerCase(); // have to lowercase
// file checking code borrowed from thickbox
var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.txt/g;
var urlType = url.match(urlString);
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif'){
ibox_type = 0;
showIndicator();
var imgPreloader = new Image();
imgPreloader.onload = function(){
imgPreloader = resizeImageToScreen(imgPreloader);
hideIndicator();
getElem('ibox_content').style.overflow = "hidden";
var strHTML = "