Zenbox = {
  render: function() {
    if (document.getElementById('zenbox_iframe').getAttribute("src") == "") {
      if (document.getElementById('zenbox_iframe').attachEvent) { // IE
        //detachEvent("onload", Zenbox.done);
        document.getElementById('zenbox_iframe').attachEvent("onload", Zenbox.done);
      } else if (document.getElementById('zenbox_iframe').addEventListener) { // Mozilla
        document.getElementById('zenbox_iframe').addEventListener("load", Zenbox.done, false);
      } 
    }

    document.getElementById('zenbox_iframe').setAttribute("src", this.client_url);
    
    // Set position of zenbox    
    document.getElementById('zenbox_screen').style.height = document.documentElement.scrollHeight + "px";
    //this.y_top = document.documentElement.scrollTop || document.body.scrollTop;   
    this.client_height = window.innerHeight || document.documentElement.clientHeight;
    //document.getElementById('zenbox_main').style.top = this.y_top + (0.15*this.client_height) + "px";
    document.getElementById('zenbox_main').style.top = (0.15*this.client_height) + "px";
    
    document.getElementById('zenbox_overlay').style.display = "block";
  },
  done: function() {
    document.getElementById('overlay_loading').style.display= "none";
    document.getElementById('zenbox_iframe').style.display= "block";
  },
  capture: function(url) {
    //this.prot = ("https:" == document.location.protocol) ? 'https:' : 'http'
    this.client_url = url; 
    document.write('<div id="zenbox_overlay" style="display:none">' +
                     '<div id="zenbox_main">' +
                       '<div id="overlay_header">' + 
                         '<span onclick="document.getElementById(\'zenbox_overlay\').style.display = \'none\';return false">close</span>' + 
                       '</div>' +
                       '<div id="overlay_preamble"><h2 id="overlay_zenbox_title">' + zenbox_params.title + '</h2>' +
                         '<p id="overlay_zenbox_text">' + zenbox_params.text + '</p>' +
                       '</div>' +
                       '<div id="overlay_loading">' + 
                         '<center><h2><img src="//assets0.zendesk.com/images/medium_load.gif"/> Loading...</h2></center><br>&nbsp;' +
                       '</div>' +
                       '<iframe src="" id="zenbox_iframe" frameborder="0" scrolling="no" allowTransparency="true"></iframe>' +
                     '</div>' +
                     '<div id="zenbox_screen" onclick="document.getElementById(\'zenbox_overlay\').style.display = \'none\';return false" ></div>' +
                   '</div>');
    document.getElementById('zenbox_iframe').setAttribute("src", "");
    
    if (!zenbox_params.hide_tab) {
      document.write("<style type=\"text/css\">a#zenbox_tab {background-color:" + zenbox_params.tab_color + ";border-color:" + zenbox_params.tab_color + ";}</style>" + 
                     '<a href="#" id="zenbox_tab" onclick="Zenbox.render(); return false;">Support</a>');  
    
      var arVersion = navigator.appVersion.split("MSIE")
      var version = parseFloat(arVersion[1])
      tab_src = "//assets0.zendesk.com/external/zenbox/images/tab_" + zenbox_params.tab_id + ".png"
      if ((version >= 5.5) && (version < 7) && (document.body.filters)) {
        document.getElementById('zenbox_tab').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + tab_src + "', sizingMethod='crop')";
		  } else {
        document.getElementById('zenbox_tab').style.backgroundImage = 'url(' + tab_src + ')';
		  }
		}

  }
}