/********************************************************

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 = "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



function init_ibox_element(e) {

    var t = e.getAttribute(ibAttr);



    // make sure  this element is an iBox element

    if ((t.indexOf("ibox") != -1)  ||  t.toLowerCase() == "ibox") { 

	// don't do anything if this node is marked as initialized.

	if (e.getAttribute('ibox_init_done')) {

	    return;

	}

	else {

	    e.setAttribute('ibox_init_done', 'true');

	}

	

	// assign an onclick event

	e.onclick = function() { 

	    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;

	}; 

    }

}



function init_ibox_element_by_id(str)

{

  // check all <a> tags which match the 'str' to see if they appear to be instantiations of iboxes.

  var docRoot = document.getElementsByTagName("a");

  var e;

    

  for (var i = 0; i < docRoot.length - 1; i++) {

    e = docRoot[i];



    if ((e.id.indexOf(str) >=0) && (e.getAttribute(ibAttr))) {

      if (! e.getAttribute('ibox_init_done')) {

	e.setAttribute('ibox_init_done', 'true');

	

	 // assign an onclick event

	e.onclick = function() { 

	    var t = this.getAttribute(ibAttr);

	    var params = parseQuery(t.substr(5,999));

	    var url = this.href;

	    if(this.target != "") {url = this.target} 

	    

	    if (replaceIBoxContent(url)){

		showBG();

		window.onscroll = maintPos;

		window.onresize = maintPos;

	    }

	    return false;

	}; 

      }

    }

  }

}



function init_ibox() {

    //create our ibox

    createIbox(document.getElementsByTagName("body")[0]); 

    

    // check all <a> tags to see if they appear to be instantiations of iboxes.

    var docRoot = document.getElementsByTagName("a");

    var e;

    

    for (var i = 0; i < docRoot.length - 1; i++) {

	e = docRoot[i];

	if(e.getAttribute(ibAttr)) {

	    init_ibox_element(e);

	}

    }

}



var showBG = function() {

    var box_w = getElem('ibox_w');



    box_w.style.opacity = 0;

    box_w.style.filter = 'alpha(opacity=0)';

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

    

}



var hideBG = function() {

    var box_w = getElem('ibox_w');

    box_w.style.display = "none";

    

}

    

var loadCancelled = false;

var showIndicator = function() {

    var ibox_p = getElem('ibox_progress');

    ibox_p.style.display = "";

    posToCenter(ibox_p);

    ibox_p.onclick = function() {hideIbox();hideIndicator();loadCancelled = true;}

}





var hideIndicator = function() {

    var ibox_p = getElem('ibox_progress');

    ibox_p.style.display = "none";

    ibox_p.onclick = null;

}



var createIbox = function(elem) {

    // make sure we don't already have an ibox object.  if we do hope it's what we want

    if (document.getElementById('ibox')) {

	return;

    }

    

    // 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;\"></div>";

    strHTML +=	"<div id=\"ibox_progress\" style=\"display:none;\">";

    strHTML +=  indicator_img_html;

    strHTML +=  "</div>";

    strHTML +=	"<div id=\"ibox_wrapper\" style=\"display:none\">";

    strHTML +=	"<div id=\"ibox_content\"></div>";

    strHTML +=	"<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right;\">";

    strHTML +=	"<a id=\"ibox_close_a\" href=\"javascript:void(null);\" >Click here to close</a></div>";

    strHTML +=  "<div id=\"ibox_footer\">&nbsp;</div></div></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;

var 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 = "&nbsp;";}

    

    // file checking code borrowed from thickbox

    var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.rhtml|\.txt/g;

    

    var urlType = url.match(urlString);

    

    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;

    } else {

	// override our ibox type if forced param exist

	if(params['type']) {ibox_type = parseInt(params['type']);}

	else{hideIbox();return false;}

    }

    

    ibox_type = parseInt(ibox_type);

    

    

    switch(ibox_type) {

		case 1:

		    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:absolute;\"/>";

			

			if(loadCancelled == false) {

			    

			    // set width and height

			    ibox.style.height = imgPreloader.height+'px';

			    ibox.style.width = 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:

	

	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:

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

		

		if (params['mov_url']) {

		    loadMovie(params['mov_url'], params['mov_width'], params['mov_height']);

		}

	    }

	}

	

	http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");

	http.send(null);

	

	

	break;

	

    default:

	

    } 

    

    

    ibox.style.opacity = 0;

    ibox.style.filter = 'alpha(opacity=0)';	

    var ibox_op_level = 10;

    

    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 {ibox.onclick = hideIbox;getElem("ibox_close_a").onclick = null;}

    

    return true;

}

    

var setIboxOpacity = function (elemid,value)	{

    var e = getElem(elemid);

    e.style.opacity = value/10;

    e.style.filter = 'alpha(opacity=' + value*10 + ')';

}



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

}



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

    

}



var hideIbox = function() {

    hideBG();

    var ibox = getElem('ibox_wrapper');

    ibox.style.display = "none";

    

    clearIboxContent();

    window.onscroll = null;

}



var 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';	

}

    

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

}



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

}



var getElementSize = function(elem) {

    this.width = elem.offsetWidth ||  elem.style.pixelWidth;

    this.height = elem.offsetHeight || elem.style.pixelHeight;

}



var setIBoxContent = function(str) {

    clearIboxContent();

    var e = getElem('ibox_content');

    e.style.overflow = "auto";

    e.innerHTML = str;

    init_ibox_element_by_id('popup');

}



var clearIboxContent = function() {

    var e = getElem('ibox_content');

    e.innerHTML = "";

}



var replaceIBoxContent = function(url) {

    showIndicator();

    http.open('get',url,true);

    

    http.onreadystatechange = function() {

	if(http.readyState == 4){

	    hideIndicator();

	    var response = http.responseText;

	    setIBoxContent(response);

            if (response.indexOf('onLoad') > -1) { 

	      start = response.indexOf('onLoad')+8;

              end   = response.indexOf('"', start)

              eval(response.substring(start, end));

	    }

	}

    }

    

    http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");

    http.send(null);

}



var getElem = function(elemId) {

    return document.getElementById(elemId);	

}



// parseQuery code borrowed from thickbox, Thanks Cody!

var 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

*********************************************************/

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