//function redBox(title, filepath, preview) {
function redBox(title, filepath, preview) {
  this.maxWidth  = 395;
  this.maxHeight = 325;
  this.minWidth  = 320;
  this.minHeight = 260;
//  filepath = 'http://www.redhat.com/v/swf/rhce10yr_400x300.flv';
//  preview  = '';
  this.omniFile  = '/swf/redbox/redbox-player.swf?oid=' + filepath; // For Omniture tracking, otherwise would be '/path/to/redbox-player.swf' only
  this.skin      = "/swf/redbox/redbox-gui.swf";
  this.flashHTML = '\n'+
  '<div id="redBoxWin" style="width: ' + this.maxWidth + 'px ">\n' +
  '  <a id="redBoxClose" href="javascript:closeRedBox()" title="close">close</a>\n' +
  '  <h2 id="redBoxTitle">' + title + '</h2>\n' +
  '  <div id="redBoxPlayer">\n' +
  '    <object id="' + this.omniFile + '" type="application/x-shockwave-flash" data="' + this.omniFile + '" style="width:' + this.maxWidth + 'px;height:' + this.maxHeight + 'px">\n' +
  '      <param name="movie" value="' + this.omniFile + '" />\n' +
  '      <param name="bgcolor" value="#000000" />\n' +
  '      <param name="quality" value="high" />\n' +
  '      <param name="flashvars" value="file=' + filepath  + '&image=' + preview + '&vid_skin=' + this.skin + '" />\n' +
  '    </object>\n' +
  '  </div>\n' +
  '</div>\n' +
  '<div id="redBoxBg" onClick="closeRedBox()" class="fauxLink" title="close">&nbsp;</div>\n';
  return;
}



function loadRedbox() {
  // Lets be sure we have a new enough browser before we do anything else
  if (!document.getElementsByTagName) {
    return;
  } else {
    findVideoLinks(document.getElementsByTagName("a"));
    document.getElementsByTagName("body")[0].scroll = 'auto';
  }
}

function findVideoLinks(anchors) {
  // Finds all links in page with a 'rel' attribute containing a '.flv' extension
  var vidCount = 0;
  for (var i=0; i<anchors.length; i++) {
    if (anchors[i].rel.match(".flv")) {
      vidCount++;
      updateVideoLinks(vidCount, anchors[i]);
    }
  }
  return;
}

function updateVideoLinks(id, target) {
  // Creates and adds appropriate js link to open respective video (per link)

  target.id = target.title.split(' ').join('_') + '_' + id;
  target.href = 'javascript:playVideo(\'' + target.id + '\')';;
  target.style.display = "inline";
  return;
}

function playVideo(curID) {
  closeRedBox(); // Closes any 'old' instances of RedBox if they exist
  var videoLink    = document.getElementById(curID); // Get info from the anchor tag to load into the flash object
  var scrollCoord  = new getScrollXY();
  
  // Creates a new div populating appropriate links and variables
  var newVideo     = new redBox(videoLink.title, videoLink.rel, videoLink.rev);
  var vidDiv       = document.createElement('div');
  vidDiv.id        = "redBox";
  vidDiv.innerHTML = newVideo.flashHTML;
  vidDiv.style.display = 'none';
  
  // Adds the new redbox and places it appropriately on the page
  document.body.appendChild(vidDiv);
  document.getElementById('redBoxClose').href = 'javascript:closeRedBox(' + scrollCoord.scrollY + ')';
  window.onresize = resizeVideo; // Add the resize listener
  resizeVideo(); // Set the inital size and placment
  return;
}

function closeRedBox(scrollHeight) {
  // closes any other videos should they already be open or hidden
  if (document.getElementById("redBox")) {
    document.getElementById("redBox").parentNode.removeChild(document.getElementById("redBox"));
    document.getElementsByTagName("body")[0].scroll = 'yes';
    document.body.style.overflow = 'auto';
    window.onresize = '';
    window.scrollTo(0,scrollHeight);
    // need to add a call to terminate the flash player
  }
  return;
}

function resizeVideo() {
  var pageDims = new getPageDims();
  var vidRef   = new redBox(null, null, null); // to get default min/max values for height/width
  var flashObjTag = document.getElementById('redBoxPlayer').getElementsByTagName('object')[0];
  
  flashObjTag.width = vidRef.minWidth;
  flashObjTag.height = vidRef.minHeight;
  
  if (pageDims.width > vidRef.maxWidth + 30 || pageDims.height > vidRef.maxHeight + 30) {
    flashObjTag.width = vidRef.maxWidth;
    flashObjTag.height = vidRef.maxHeight;
  }
  
  document.getElementById('redBoxWin').style.width = flashObjTag.width + 'px';
  resizeBackground();
  return;
}

function resizeBackground(){
  var pageDims = new getPageDims();
  var scrollCoord = new getScrollXY();
  document.getElementById('redBoxBg').style.height = pageDims.height + scrollCoord.scrollY + 'px';
  alignCenter(document.getElementById('redBoxWin'));
  return;
}

function alignCenter(elem) {
  // move aside before placing and showing to avoid flicker
  elem.style.left = -3000 + 'px';
  elem.style.top  = -3000 + 'px';
  document.getElementById('redBox').style.display = '';
  
  var scrollPos   = new getScrollXY();
  var pageSize    = new getPageDims();
  var elemSize    = new getElementSize(elem);
  
  elemSize.height = 550;
  
  elem.style.left = Math.round(pageSize.width * .5) - (elemSize.width * .5) + scrollPos.scrollX + 'px';
  elem.style.top  = Math.round(pageSize.height * .5) - (elemSize.height * .5) + scrollPos.scrollY + 'px';
  document.getElementsByTagName("body")[0].scroll = 'no'; // Disable scroll for some ie and opera browsers
  document.body.style.overflow = 'hidden'; // Disable scroll
  window.scrollTo(0,scrollPos.scrollY);
  return;
}

/*
Global sizing and scrolling
********************************************************
Thank you iBox. (For more information visit: http://www.ibegin.com/blog/p_ibox.html)
*/
getScrollXY = 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;
}
getPageDims = 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;
}

// start it up
if (document.getElementsByClassName('vidWatch').length > 0) {
  window.onload = loadRedbox();
}