/********************************************************
For more info & download: http://www.ibegin.com/blog/p_ibox.html
Created for iBegin.com - local search done right
MIT Licensed Style
*********************************************************/
var indicator_img_path = "IBox/indicator.gif";
var indicator_img_html = "<img name=\"ibox_indicator\" src=\""+indicator_img_path+"\" alt=\"Loading Please Wait...\" 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

function init_ibox() {
	var elem_wrapper = "ibox";

	createIbox(document.getElementsByTagName("body")[0]); //create our ibox

	//	elements here start the look up from the start non <a> tags
	//var docRoot = (document.all) ? document.all : document.getElementsByTagName("*");
	
	// Or make sure we only check <a> tags
	var docRoot = document.getElementsByTagName("a");

	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;

					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)';
	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';}*/ // scrollbars removed! Hurray!
	box_w.style.height = pagesize.height+scrollPos.scrollY+'px';

	//Added to Hide Select Boxes in IE
	var selectElems = document.getElementsByTagName('select'); 
	for(var i = 0; i < selectElems.length; ++i) { selectElems[i].style.visibility = 'hidden'; }
}

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

	//Added to Un-Hide Select Boxes in IE
	var selectElems = document.getElementsByTagName('select'); 
	for(var i = 0; i < selectElems.length; ++i) { selectElems[i].style.visibility = '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 = "<div id=\"ibox_w\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:100; top:0px; left:0px\"></div>";
	strHTML += "<div id=\"ibox_progress\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:105; text-align:center\">"+indicator_img_html+"<br><font color=ffffff><b>Loading Please Wait...</b></font></div>";
	strHTML += "<div id=\"ibox_wrapper\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:1000; top:0px; left:0px\">";
	strHTML += "<table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\">";
	strHTML += "<table cellpadding=\"0\" cellspacing=\"0\" style=\"background-color:#ffffff; border:solid 1px #9e9e94\">";
	strHTML += "<tr><td id=\"td_footer\"><div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right; margin:0px; padding:0px; position:relative; top:0px; left:0px\"><a id=\"ibox_close_a\" href=\"javascript:void(null);\" ><img src=\"IBox/close_btn.jpg\" border=\"0\" alt=\"Click To Close!\"></a></div><div id=\"ibox_footer\" style=\"padding:1px\"></div></div></td></tr>";
	strHTML += "<tr><td style=\"padding:2px\"><div id=\"ibox_content\" style=\"margin:0px; padding:0px; position:relative; top:0px; left:0px\"></div></td></tr></table>";
	strHTML += "</td></tr></table></div></div>";

	var docBody = document.getElementsByTagName("body")[0];
	var ibox = document.createElement("div");
	ibox.setAttribute("id","ibox");
	ibox.style.display = '';
	ibox.innerHTML = strHTML;
	elem.appendChild(ibox);
}

/* createIbox = function(elem) {
	// a trick on just creating an ibox wrapper then doing an innerHTML on our root ibox element
	var strHTML = "<div id=\"ibox_w\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:100; top:0px; left:0px; width:100%; height:100%; background-color:#000000; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0\"></div>";
	strHTML += "<div id=\"ibox_progress\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:105; text-align:center\">"+indicator_img_html+"<br><font color=ffffff><b>Loading Please Wait...</b></font></div>";
	strHTML += "<div id=\"ibox_wrapper\" style=\"display:none; margin:0px; padding:0px; position:absolute; z-index:1000; top:0px; left:0px; width:100%; height:100%\">";
	strHTML += "<table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\">";
	strHTML += "<table cellpadding=\"0\" cellspacing=\"5\" style=\"background-color:#999999; border:solid 1px #CCCCCC\">";
	strHTML += "<tr><td id=\"td_footer\"><div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right; margin:0px; padding:0px; position:relative; top:0px; left:0px\"><a id=\"ibox_close_a\" href=\"javascript:void(null);\" ><img src=\"IBox/close.gif\" border=\"0\" alt=\"Click To Close!\"></a></div><div id=\"ibox_footer\" style=\"padding:1px\"></div></div></td></tr>";
	strHTML += "<tr><td style=\"background-color:#FFFFFF; border:solid 1px #000000; padding:2px\"><div id=\"ibox_content\" style=\"margin:0px; padding:0px; position:relative; top:0px; left:0px; background-color:#FFFFFF\"></div></td></tr></table>";
	strHTML += "</td></tr></table></div></div>";

	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 = "<font face=\"arial\" size=\"1\"><b>"+title+"</b></font>"; }
	else { ibox_footer.innerHTML = "<font face=\"arial\" size=\"1\">&nbsp;</font>"; }

	// check file type
	var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.rhtml|\.txt/g;
	
	var urlType = url.match(urlString);

	// set display type
	if(params['type']) { 
		ibox_type = parseInt(params['type']); }
	else 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; }
	
	ibox_type = parseInt(ibox_type);

	// set max display dimensions
	var maxsize = new getPageSize();
	var maxw = maxsize.width - 100;
	var maxh = maxsize.height - 100;

	if (params['width'] && parseInt(params['width']) < maxw) maxw = parseInt(params['width']);
	if (params['height'] && parseInt(params['height']) < maxh) maxh = parseInt(params['height']);

	// display (wait) graphic
	showIndicator();

	switch(ibox_type) {
		
		case 1:
			// Display Image
			imgPreloader = new Image();
			imgPreloader.onload = function(){
				imgPreloader = resizeImageToScreen(imgPreloader);

				if (!params['width']) maxw = imgPreloader.width;
				if (!params['height']) maxh = imgPreloader.height;

				hideIndicator();

				var strHTML = "<img name=\"ibox_img\" src=\""+url+"\" style=\"width:"+maxw+"px;height:"+maxh+"px;border:0;margin:0;padding:0;position:absolute;\"/>";
	
				if(loadCancelled == false) {
					getElem('ibox_content').style.width = maxw+'px';
					getElem('td_footer').style.width = (6+maxw)+'px';
					getElem('ibox_content').style.height = maxh+'px';

					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					posToCenter(ibox); 	
					ibox.style.visibility = "visible";

					setIBoxContent(strHTML);
				}	
			}
			
			loadCancelled = false;
			imgPreloader.src = url;
			break;
		case 2:
			// Display Hidden Div Content
			var strHTML = "";
			var elemSrcId = url.substr(url.indexOf("#") + 1,1000);
			var elemSrc = getElem(elemSrcId);
			
			if(elemSrc) {strHTML = elemSrc.innerHTML;}
		
			setIBoxContent(strHTML);

			ibox.style.display = "";
			ibox.style.visibility = "hidden";
			ibox.style.visibility = "visible";
			getElem('ibox_content').style.overflow = "auto";

			if (params['width'] || parseInt(getElem('ibox_content').offsetWidth) > maxw) { getElem('ibox_content').style.width = maxw+'px'; getElem('td_footer').style.width = (6+maxw)+'px'; }
			if (params['height'] || parseInt(getElem('ibox_content').offsetHeight) > maxh) { getElem('ibox_content').style.height = maxh+'px'; }

			posToCenter(ibox);
			setTimeout("hideIndicator()",500);
			break;
		case 3:
			// Display URL/Page in Div
			http.open('get',url,true);
			http.onreadystatechange = function() {
				if(http.readyState == 4){
					hideIndicator();

					var response = http.responseText;
					setIBoxContent(response);

					ibox.style.display = "";
					ibox.style.visibility = "hidden";
					ibox.style.visibility = "visible";
					getElem('ibox_content').style.overflow = "auto";

					if (params['width'] || parseInt(getElem('ibox_content').offsetWidth) > maxw) { getElem('ibox_content').style.width = maxw+'px'; getElem('td_footer').style.width = (6+maxw)+'px'; }
					if (params['height'] || parseInt(getElem('ibox_content').offsetHeight) > maxh) { getElem('ibox_content').style.height = maxh+'px'; }

					posToCenter(ibox);
				}
			}
			
			http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			http.send(null);
			break;
		default:
			// Display URL/Page in IFrame
			var strHTML = "<iframe id=\"ibox_frame\" src=\""+url+"\" name=\"ibox_frame\" style=\"width:"+maxw+"px; height:"+maxh+"px\" scrolling=\"auto\" frameborder=\"no\" marginwidth=\"0\" marginheight=\"0\"></iframe>";

			getElem('ibox_content').style.width = maxw+'px';
			getElem('td_footer').style.width = (6+maxw)+'px';
			getElem('ibox_content').style.height = maxh+'px';

			ibox.style.display = "";
			ibox.style.visibility = "hidden";
			posToCenter(ibox); 	
			ibox.style.visibility = "visible";

			setIBoxContent(strHTML);
			setTimeout("hideIndicator()",500);
	 }

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

	// set trigger(s) to close IBox
	if (ibox_type == 2 || ibox_type == 3) { ibox.onclick = null; getElem("ibox_close_a").onclick = function() { hideIbox(); } }
	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';} 
	/*else {box_w.style.width = pagesize.width-20+'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';}

	// alternative 1
	//box_w.style.height = document.body.scrollHeight+50+'px';	

	posToCenter(ibox);
}

hideIbox = function() {
	hideBG();
	var ibox = getElem('ibox_wrapper');
	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 = "visible";
	e.innerHTML = str;
}

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

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

// parseQuery code borrowed from thickbox, Thanks Cody!
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;
}

/********************************************************
 Make this IE7 Compatible ;)
 http://ajaxian.com/archives/ajax-on-ie-7-check-native-first
*********************************************************/
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;
}

var http = createRequestObject();

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