(function() {

  // Define widget css
  if (!document.getElementById('speakerrate-css')) {
    var speakerrateCSS = document.createElement('link');
    speakerrateCSS.setAttribute('rel', 'stylesheet');
    speakerrateCSS.setAttribute('href', '<%= root_url %>stylesheets/widget.css');
    speakerrateCSS.setAttribute('type', 'text/css');
    speakerrateCSS.setAttribute('media', 'screen');
    speakerrateCSS.setAttribute('id', 'speakerrate-css');
    document.getElementsByTagName('head')[0].appendChild(speakerrateCSS);
  }

  // Define content for embedded widget
  var scriptTag = document.getElementById("speakerrate-widget-<%= @talk.id %>");
  var container = document.createElement("div");
  container.setAttribute('id', 'speakerrate-embed-<%= @talk.id %>');
  container.innerHTML = "<a href='javascript:void(0)' id='speakerrate-launcher-<%= @talk.id %>' class='speakerrate-launcher'>Rate Talk</a><br /><p class='speakerrate-current-rating'>Rated <% if @talk.average_rating %><%= @talk.average_rating.round(1) %><% else %>--<% end %> / 5.0 <span class='speakerrate-ratings-count'>(<%= pluralize(@talk.total_ratings, 'rating') %>)</span></p>";

  // Define widget lightbox
  var lightBox = document.createElement('div');
  lightBox.setAttribute('id', 'speakerrate-lightbox-<%= @talk.id %>');
  lightBox.setAttribute('class', 'speakerrate-lightbox')
  lightBox.innerHTML = '<div id="speakerrate-wrapper-<%= @talk.id %>" class="speakerrate-wrapper"><a href="javascript:void(0)" id="speakerrate-close-<%= @talk.id %>" class="speakerrate-close"></a><iframe src="" id="speakerrate-iframe-<%= @talk.id %>" class="speakerrate-iframe" allowTransparency="true" scrolling="vertical" frameborder="0"></iframe></div><div id="speakerrate-screen-<%= @talk.id %>" class="speakerrate-screen"></div>';

  // Insert loaded content
  container = scriptTag.parentNode.insertBefore(container, scriptTag);
  lightBox = scriptTag.parentNode.insertBefore(lightBox, scriptTag);

  var widget = {
    modal: document.getElementById('speakerrate-lightbox-<%= @talk.id %>'),
    frame: document.getElementById('speakerrate-iframe-<%= @talk.id %>'),
    launcher: document.getElementById('speakerrate-launcher-<%= @talk.id %>'),
    container: document.getElementById('speakerrate-wrapper-<%= @talk.id %>')
  };

  // Widget close button click
  document.getElementById('speakerrate-close-<%= @talk.id %>').onclick = function() {
    document.getElementById('speakerrate-lightbox-<%= @talk.id %>').style.display = 'none';
    return false;
  };

  // Widget Launcher click
  widget.launcher.onclick = function() {
    if (widget.modal.parentNode != document.body) {
      widget.modal.parentNode.removeChild(widget.modal);
      document.body.appendChild(widget.modal);
    }

    <% if params[:preview] %>
      widget.frame.setAttribute("src", "/images/widget_screenshot.png");
    <% else %>
      widget.frame.setAttribute("src", "<%= new_talk_review_url(@talk.id) %>");
    <% end %>

    widget.container.style.top = (document.documentElement.scrollTop || document.body.scrollTop) + (150) + "px";
    widget.modal.style.display = "block";
    widget.modal.style.height = math.max(window.innerHieght, widget.modal.parentNode.offsetHeight)+'px';


    return false;
  };

  // Monitors location of user mouse clicks
  document.onclick = function(e) {
    e = e || event;
    var target = e.target || e.srcElement;

    do {
      if (widget.frame == target || widget.launcher == target) {
        return;
      }
      target = target.parentNode;
    } while(target)

    widget.modal.style.display = 'none';
  };
})();