var closeBoxText = "Click Here to CLOSE";
var indicator_img_path = "/images/indicator.gif";
var indicator_img_html = "<img name=\"ibox_indicator\" src=\""+indicator_img_path+"\" alt=\"Loading...\" style=\"width:128px;height:128px;\"/>"; // don't remove the name
var opacity_level = 8; // how transparent our overlay bg is
var ibAttr = "rel"; 	// our attribute identifier for our iBox elements
var imgPreloader = new Image(); // create an preloader object
var loadCancelled = false;
var ibox_w_height = 0;


function init_ibox() {
	var elem_wrapper = "ibox";
	var docRoot = document.getElementsByTagName("a"); // make sure we only check <a> tags
	var e;
	createIbox(document.getElementsByTagName("body")[0]); //create our ibox
	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;
					if(showIbox(url,title,params)) {
						showBG();
						window.onscroll = maintPos;
						window.onresize = maintPos;
					}
					return false;
				}; 
			}
		}
	}
}

showBG = function() {
	var box_w = getElem('ibox_w');
	box_w.style.opacity = 0;
	box_w.style.filter = 'alpha(opacity=0)';
	setIboxOpacity = setOpacity;
	for (var i=0;i<=opacity_level;i++) {setTimeout("setIboxOpacity('ibox_w',"+i+")",70*i);}
	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';} 
	box_w.style.height = pagesize.height+scrollPos.scrollY+'px';
}

hideBG = function() {
	var box_w = getElem('ibox_w');
	box_w.style.display = "none";
}

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) {
	var docBody = document.getElementsByTagName("body")[0];
	var ibox = document.createElement("div");
	var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
	strHTML +=	"<div id=\"ibox_progress\" style=\"display:none;\">" + indicator_img_html + "</div>";
	strHTML +=	"<div id=\"ibox_wrapper\" style=\"display:none\">";
	strHTML +=	"   <div id=\"ibox_content\"></div>";
	strHTML +=	"   <div id=\"ibox_footer_wrapper\">";
	strHTML +=	"      <div id=\"ibox_close\" style=\"float:right;position:relative;\">";
	strHTML +=	"         <a id=\"ibox_close_a\" href=\"javascript:void(null);\" >" + closeBoxText + "</a>";
	strHTML +=	"      </div>";
	strHTML +=  "      <div class=\"main\" id=\"ibox_footer\"  style=\"float:left;position:relative;\">&nbsp;";
	strHTML +=	"      </div>";
	strHTML +=  "      <div class=\"main\" id=\"ibox_prev\" style=\"display:none; float:left; position:relative; left:30px; width:100px;\">";
	strHTML +=	"         <a id=\"ibox_prev_a\" href=\"javascript:void(null);\" ><-- Previous</a></div>";
	strHTML +=  "      <div class=\"main\" id=\"ibox_next\" style=\"display:none; float:left; position:relative; left:50px; width:100px;\">";
	strHTML +=	"         <a id=\"ibox_next_a\" href=\"javascript:void(null);\" >Next --></a></div>";
	strHTML +=	"   </div>";
	strHTML +=	"</div>";
	ibox.setAttribute("id","ibox");
	ibox.style.display = '';
	ibox.innerHTML = strHTML;
	elem.appendChild(ibox);
}

directcreateIbox = function (url,title,width,height,forced_type) {
	var params = new Array();
	if (typeof forced_type == 'undefined' ) forced_type = 0;
	showBG();
	params['height'] = height;
	params['width'] = width;
	if(forced_type>0) {
		params['forced_type'] = forced_type;
	} else {
		params['forced_type'] = 4;		
	}
	showIbox (url,title,params);
}

directcreateIboxwithclose = function (url,title,width,height,forced_type) {
	var params = new Array();
	if (typeof forced_type == 'undefined' ) forced_type = 0;
	showBG();
	if(width>0) {
		params['width'] = width;
	} 
	if(height>0) {
		params['height'] = height;
	} 
	if(forced_type>0) {
		params['forced_type'] = forced_type;
	} else {
		params['forced_type'] = 1;		
	}
	showIbox (url,title,params);
}

showIbox = function(url, title, params, position) {
	var ibox = getElem('ibox_wrapper');
	var ibox_type = 0;
	var ibox_footer = getElem('ibox_footer');
	var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.rhtml|\.txt/g;
	var http = createRequestObject();
	if(parseInt(params['forced_type']) > 0) {
		ibox_type = parseInt(params['forced_type']);
		if (typeof position == 'undefined' ) position = 0;
	} else {
		turl = url.toLowerCase();
		var urlType = turl.match(urlString);
		if(title != "") {ibox_footer.innerHTML = title;} else {ibox_footer.innerHTML = "&nbsp;";}
		if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif'){
			ibox_type = 1;
		} else if(url.indexOf("#") != -1) {
			ibox_type = 2;
		} else if(urlType=='.htm'||urlType=='.html'||urlType=='.php'||
				 urlType=='.asp'||urlType=='.aspx'||urlType=='.jsp'||
				 urlType=='.jst'||urlType=='.rb'||urlType=='.txt'||urlType=='.rhtml'||
				 urlType=='.cfm') {
			ibox_type = 3;
		} 
	}
	switch(ibox_type) {
		case 1:  // Image
			showIndicator();
			imgPreloader = new Image();
			imgPreloader.onload = function(){
				imgPreloader = resizeImageToScreen(imgPreloader);
				hideIndicator();
				var strHTML = "<img name=\"ibox_img\" src=\""+url+"\" style=\"width:"+imgPreloader.width+"px;height:"+imgPreloader.height+"px;border:0;cursor:hand;margin:0;padding:0;position:relative;\"/>";
				if(loadCancelled == false) {
					// set width and height
					ibox.style.height = 50 + imgPreloader.height+'px';
					ibox.style.width = 30 + imgPreloader.width+'px';
					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox); 	
					ibox.style.visibility = "visible";
					setIBoxContent(strHTML);
				}
			}
			loadCancelled = false;
			imgPreloader.src = url;
			break;
		case 2:  // Internal Div or href
			var strHTML = "";
			if(params['height']) {ibox.style.height = params['height']+'px';} 
			else {ibox.style.height = '280px';}
			if(params['width']) {ibox.style.width = params['width']+'px';} 
			else {ibox.style.width = '450px';}
			ibox.style.display = "";
			ibox.style.visibility = "hidden";
			posToCenter(ibox); 	
			ibox.style.visibility = "visible";
			getElem('ibox_content').style.overflow = "auto";
			var elemSrcId = url.substr(url.indexOf("#") + 1,1000);
			var elemSrc = getElem(elemSrcId);
			if(elemSrc) {strHTML = elemSrc.innerHTML;}
			setIBoxContent(strHTML);
			break;
		case 3:  // External file - html, php, etc with a close button
 			showIndicator();
			http.open('get',url,true);
			http.onreadystatechange = function() {
				if(http.readyState == 4){
					hideIndicator();
					if(params['height']) {ibox.style.height = params['height']+'px';} 
					else {ibox.style.height = '280px';}
					if(params['width']) {ibox.style.width = params['width']+'px';} 
					else {ibox.style.width = '450px';}
					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox); 	
					ibox.style.visibility = "visible";
					getElem('ibox_content').style.overflow = "auto";
					var response = http.responseText;
					setIBoxContent(response);
				}
			}
			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);
			break;
		case 4: // HTML or processed HTML - No Close button
			showIndicator();
			http.open('get',url,true);
			http.onreadystatechange = function() {
				if(http.readyState == 4){
					hideIndicator();
					var ibox_footer_link = getElem('ibox_close');
					ibox_footer_link.innerHTML = "";
					if(params['height']) {ibox.style.height = params['height']+'px';} 
					else {ibox.style.height = '280px';}
					if(params['width']) {ibox.style.width = params['width']+'px';} 
					else {ibox.style.width = '450px';}
					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox); 	
					ibox.style.visibility = "visible";
					getElem('ibox_content').style.overflow = "auto";
					var response = http.responseText;
					setIBoxContent(response);
				}
			}
			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);
			break;
		case 5: // Image array - with next & prev buttons
			if(title != "") {ibox_footer.innerHTML = title;} else {ibox_footer.innerHTML = '&nbsp';}
			if (position >= url.length) { position = 0; }
			if (position < 0) { position = url.length - 1; }

			showIndicator();
			imgPreloader = new Image();
			imgPreloader.onload = function(){
				imgPreloader = resizeImageToScreen(imgPreloader);
				hideIndicator();
				var strHTML = "<img name=\"ibox_img\" src=\"" + url[position] + "\" style=\"width:"+imgPreloader.width+"px;height:"+imgPreloader.height+"px;border:0;cursor:hand;margin:0;padding:0;position:absolute;\"/>";
				if(loadCancelled == false) {
					// set width and height
					ibox.style.height = (50 + imgPreloader.height) + 'px';
					ibox.style.width = (30 + imgPreloader.width) + 'px';
					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox); 	
					ibox.style.visibility = "visible";
					setIBoxContent(strHTML);
				}
			}
			loadCancelled = false;
			imgPreloader.src = url[position];
			ibox.onclick = null;
			getElem("ibox_content").onclick = function() {
				ibox.style.display = "none";
				clearIboxContent();
				showIbox(url, title, params, position + 1);
			} 
			getElem("ibox_next").style.display = "";
			getElem("ibox_next_a").onclick = function() {
				ibox.style.display = "none";
				clearIboxContent();
				showIbox(url, title, params, position + 1);
			} 
			getElem("ibox_prev").style.display = "";
			getElem("ibox_prev_a").onclick = function() {	
				ibox.style.display = "none";
				clearIboxContent();
				showIbox(url, title, params, position - 1);
			} 
			getElem("ibox_close_a").onclick = function() {hideIbox();}
			break;
		default:
	} 
	ibox.style.opacity = 0;
	ibox.style.filter = 'alpha(opacity=0)';	
	var ibox_op_level = 10;
	setIboxOpacity = setOpacity;
	for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('ibox_wrapper',"+i+")",30*i);}
	if(ibox_type == 2 || ibox_type == 3) {
		ibox.onclick = null;
		getElem("ibox_close_a").onclick = function() {hideIbox();}
	} else {
		if (ibox_type == 4 || ibox_type == 5) {
			// Do nothing - 4 is an HTML form or such and 5 is our image array group
		} else {
			ibox.onclick = hideIbox;
			getElem("ibox_close_a").onclick = null;
		}
	}
	return true;
}

setOpacity = function (elemid,value)	{
	var e = getElem(elemid);
	e.style.opacity = value/10;
	e.style.filter = 'alpha(opacity=' + value*10 + ')';
}

resizeImageToScreen = function(objImg) {
	var pagesize = new getPageSize();
	var x = pagesize.width - 100;
	var y = pagesize.height - 100;
	if(objImg.width > x) { 
		objImg.height = objImg.height * (x/objImg.width); 
		objImg.width = x; 
		if(objImg.height > y) { 
			objImg.width = objImg.width * (y/objImg.height); 
			objImg.height = y; 
		}
	} else if(objImg.height > y) { 
		objImg.width = objImg.width * (y/objImg.height); 
		objImg.height = y; 
		if(objImg.width > x) { 
			objImg.height = objImg.height * (x/objImg.width); 
			objImg.width = x;
		}
	}
	return objImg;
}

maintPos = function() {
	var ibox = getElem('ibox_wrapper');
	var box_w = getElem('ibox_w');
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();
	var ua = navigator.userAgent;
	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';} 
	if(ua.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
	else {box_w.style.height = pagesize.height+scrollPos.scrollY+'px';}
	posToCenter(ibox);
}

hideIbox = function() {
	var ibox = getElem('ibox_wrapper');
	hideBG();
	ibox.style.display = "none";
	clearIboxContent();
	window.onscroll = null;
}

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;
}

setIBoxContent = function(str) {
	clearIboxContent();
	var e = getElem('ibox_content');
	e.style.overflow = "auto";
	e.innerHTML = str;
}

clearIboxContent = function() {
	var e = getElem('ibox_content');
	e.innerHTML = "";
}

getElem = function(elemId) {
	return document.getElementById(elemId);	
}

parseQuery = function(query) {
	var Params = new Object ();
	if (!query) return Params; 
	var Pairs = query.split(/[;&]/);
	for ( var i = 0; i < Pairs.length; i++ ) {
		var KeyVal = Pairs[i].split('=');
		if ( ! KeyVal || KeyVal.length != 2 ) continue;
		var key = unescape( KeyVal[0] );
		var val = unescape( KeyVal[1] );
		val = val.replace(/\+/g, ' ');
		Params[key] = val;
	}
	return Params;
}

createRequestObject = function() {
	var xmlhttp;
		/*@cc_on
	@if (@_jscript_version>= 5)
			try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
					try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
					catch (E) {xmlhttp = false;}
			}
	@else
		xmlhttp = false;
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest != "undefined") {
		try {xmlhttp = new XMLHttpRequest();} catch (e) {xmlhttp = false;}
	}
	return xmlhttp;
}

function addEvent(obj, evType, fn){ 
	if (obj.addEventListener){ 
		obj.addEventListener(evType, fn, false); 
		return true; 
	} else if (obj.attachEvent){ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} else { 
		return false; 
	} 
}

addEvent(window, 'load', init_ibox);