SR = {
  remark: function(url) {
    this.feedback_url = url;
    this.overlay_html = '<div id="remarkable_mask" onclick="SR.close();return false;" style="display:none; position:absolute; left: 0; top:0; z-index:9000; background-color:#000; filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; width:100%; height:100%;"></div>' + 
                        '<div id="being_remarkable" style="display:none; position: absolute; z-index:9999; left:50%; margin-left:-310px; top:50%; margin-top:-250px;">' + 
                          '<div id="remarkable_wrap">' +
                            '<a href="#" id="remarkable_close" onclick="SR.close();return false;" style="position:absolute; z-index:99999; top:-10px; left:-10px;"><img src="http://www.siteremark.com//images/remote/closebox.png" /></a>' +
                            '<iframe src="" id="remarkable_frame" allowTransparency="true" scrolling="no" frameborder="0"  width="680px" height="507px" name="remarkable_frame"></iframe>' +
                          '</div>' +
                          '<div id="screen"></div>' +
                        '</div>';
    
    document.write(SR.overlay_html);
    
    if(document.getElementById("remarkable_support")) {
      document.getElementById("remarkable_support").onclick = function() { 
        SR.view(); 
        return false; 
      }
    }
    
  },
  
  view: function() {
    if(document.getElementById("remarkable_frame").getAttribute('src') == "") {
      document.getElementById("remarkable_frame").setAttribute('src', SR.feedback_url);
    }
    SR.placement();
    document.getElementById("remarkable_mask").style.display  = "block";
    document.getElementById("being_remarkable").style.display = "block";
  },
  
  close: function() {
    document.getElementById("being_remarkable").style.display = "none";
    document.getElementById("remarkable_mask").style.display  = "none";
  },
  
  placement: function() {
    SR.scrollheight   = document.documentElement.scrollHeight;
    SR.scrolltop      = document.documentElement.scrollTop || document.body.scrollTop;
    SR.cheight        = document.documentElement.clientHeight || window.innerHeight;
    document.getElementById("screen").style.height = SR.scrolheight + "px";
    document.getElementById("remarkable_wrap").style.top   = SR.scrolltop + (SR.cheight * 0.1) + "px";
  }
}