/********************************************************
 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 = "/media/icons/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
function init_ibox(){
    new Asset.css('/plugin/com.ibegin/ibox.css');
    var elem_wrapper = "ibox";
    
    createIbox(document.getElement("body")); //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 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 = "<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;
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;";
    }
    
    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 = "<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 + '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;
        
        
        
    }
    else 
        if (url.indexOf("#") > 0) {
            var strHTML = "";
            ibox_type = 1;
            
            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";
            
            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();
                
                new Request({
                   url: url
                  ,onComplete: function(resp){
                        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";
                        
                        setIBoxContent(resp);
                    }
                }).send();
            }
    
    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();
    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 = 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 = $('ibox_content');
    
    if ('{' == str.substring(0, 1)) {
        eval('str = ' + str);
        e.set('html', str.html);
        
        str.js.each(function(js){
            new Asset.javascript(js);
        });
    }
    else {
        e.set('html', str);
    }
    
    e.scrollTop = 0;
    e.style.overflow = "auto";
}
clearIboxContent = function(){
    var e = $('ibox_content');
    e.empty();
    e.style.overflow = "hidden";
}


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

window.addEvent('domready', init_ibox);