//var indicator_img_path = "images/loading.gif";
var indicator_img_html = "<img name=\"ibox_indicator\" src=\"https://content.mamotorworks.com/img/loading.gif\" alt=\"Loading...\" style=\"width:128px;height:128px;\"/>";

function init_ibox() {
	var elem_wrapper = "ibox";	
	createIbox(document.getElementsByTagName("body")[0]); 

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

	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") { 
						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;
							showBG();
							showIbox(url,title,params);
							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);}
		
	box_w.style.display = "";
	var pagesize = new getPageSize();
	var scrollPos = new getScrollPos();
	box_w.style.width = '100%';
	if(navigator.userAgent.indexOf("Safari") != -1) {box_w.style.width = pagesize.width+'px';} 
	box_w.style.height = pagesize.height+scrollPos.scrollY+'px';
	selectVisibility("hidden");
	document.body.style.overflow="hidden";
    document.body.style.height=pagesize.height;

}

selectVisibility = function(v) {
	var selectElems = document.getElementsByTagName('select');	
	for(var i = 0; i < selectElems.length; ++i) {
		selectElems[i].style.visibility = v;
	}
	if(navigator.userAgent.indexOf("MSIE ") == -1) {
	    var selectElems = document.getElementsByTagName('object');	
	    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");
	document.body.style.overflow="auto";
    document.body.style.height="";
}

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) {
	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_close\" style=\"text-align:right;\">";
	strHTML +=	"<a id=\"ibox_close_a\" href=\"javascript:void(null);\"><img src=\"https://content.mamotorworks.com/img/closelabel.gif\" border=\"0\"></a></div>";
	strHTML +=	"<div id=\"ibox_content\"></div>";
	strHTML +=  "<div id=\"ibox_footer\" style=\"visibility:hidden;text-align:left;\"></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;
showIbox = function(url, title, params) {
    var ibox = getElem('ibox_wrapper');
    var ibox_type = 0;

    var ibox_footer = getElem('ibox_footer');
    if (title != "") { ibox_footer.innerHTML = title; } else { ibox_footer.innerHTML = ""; }

    var urlOriginal = url;
    url = url.toLowerCase(); // have to lowercase

    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 = "<a href=\"javascript:void(null);\"><img name=\"ibox_img\" src=\"" + url + "\" style=\"width:" + imgPreloader.width + "px;height:" + imgPreloader.height + "px;border:0;\"/></a>";

            if (loadCancelled == false) {
                // set width and height
                ibox.style.height = imgPreloader.height + 50 + 'px';
                ibox.style.width = imgPreloader.width + 50 + 'px';
                ibox.style.display = "";
                ibox.style.visibility = "hidden";
                posToCenter(ibox);
                ibox.style.visibility = "visible";
                setIBoxContent(strHTML);
            }
        }
        loadCancelled = false;
        imgPreloader.src = url;

    } else if (url.indexOf("#") > 0) {
        var strHTML = "";
        ibox_type = 1;

        if (params['height']) { ibox.style.height = params['height'] + 'px'; }
        else { ibox.style.height = '85%'; }

        if (params['width']) { ibox.style.width = params['width'] + 'px'; }
        else { ibox.style.width = '85%'; }


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

        var elemSrcId = url.substr(url.indexOf("#") + 1, 1000);
        var elemSrc = getElem(elemSrcId);

        if (elemSrc) {
            strHTML = elemSrc.innerHTML;
        }

        setIBoxContent(strHTML);

    } else if (urlType == '.htm' || urlType == '.html' || urlType == '.php' ||
			 urlType == '.asp' || urlType == '.aspx' || urlType == '.jsp' ||
			 urlType == '.jst' || urlType == '.rb' || urlType == '.txt' ||
			 urlType == '.cfm') {

        ibox_type = 2;

        showIndicator();

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

        http.onreadystatechange = function() {
            if (http.readyState == 4) {

                if (params['car_x']) {
                    var car_x = params['car_x'];
                }
                if (params['height']) { ibox.style.height = params['height'] + 'px'; }
                else { ibox.style.height = '85%'; }

                if (params['width']) { ibox.style.width = params['width'] + 'px'; }
                else { ibox.style.width = '85%'; }

                var response = http.responseText;
                setIBoxContent(response);
                var e = getElem('ibox_title');
                if (e) {
                    setIBoxContent(response + "<b>" + e.title + "</b>");
                    ibox_footer.innerHTML = e.title;
                }
                var iboxw = getElem('ibox_wrapper');
                iboxw.style.paddingBottom = 25 + 'px';
                var e = getElem('ibox_overflow');
                if (e) {
                    var o = getElem('ibox_content');
                    o.style.overflow = e.style.overflow;
                }
                var e = getElem('ibox_size');
                if (e) {
                    ibox.style.width = e.width + 'px';
                    ibox.style.height = e.height + 'px';
                    var pagesize = new getPageSize();
                    if (pagesize.width < e.width) {
                        ibox.style.width = Math.round(pagesize.width * .85) + 'px';
                    }
                    if (pagesize.height < e.height) {
                        ibox.style.height = Math.round(pagesize.height * .85) + 'px';
                    } else {
                        var iboxw = getElem('ibox_wrapper');
                        iboxw.style.paddingBottom = 0 + 'px';
                    }
                    e.width = "1px";
                    e.height = "1px";
                }
                var e = getElem('ibox_script');
                if (e) {
                    if (navigator.userAgent.indexOf("MSIE ") == -1) {
                        eval(e.textContent);
                        e.TextContent = "";
                    } else {
                        eval(e.innerText);
                        e.innerText = "";
                    }
                }
                ibox.style.display = "";
                ibox.style.visibility = "hidden";
                posToCenter(ibox);
                hideIndicator();
                ibox.style.visibility = "visible";
                var e = getElem('ibox_footer');
                //if (e.innerHtml) {
                e.style.visibility = "visible";
                //}									
            }
        }
        http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
        http.send(null);
    }

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

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();
	
	box_w.style.width = '100%';
	if(navigator.userAgent.indexOf("Safari") != -1) {box_w.style.width = pagesize.width+'px';} 

	if(navigator.userAgent.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
	else {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.innerHTML = str;
	e.style.overflow = "auto";
}
clearIboxContent = function() {
	var e = getElem('ibox_content');
	e.innerHTML = "";
	e.style.overflow = "hidden";
}

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

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