// <![CDATA[
/* $Id$ */

document.observe('dom:loaded', function() {
  if ( 1 == $$('a.view_video').length) { // check for videos link 
    var ele = $$('a.view_video')[0];
    if (ele.getAttribute('href')){
      var url = ele.getAttribute('href');
    }

    // regex to get hotel id	
    var result = /\/videos\/([0-9]{3,})$/.exec(url);
    var result = '1942'; // need regex on url
 		Event.observe(ele, 'click', function (e) {
      Event.stop(e);
      showVideo(url);
		});
  }  
});

function showVideo(url) {

  if(null == $('popup_area')){
    var ph = GetPopupHtml(url);
    $$('body')[0].appendChild(ph);
    }
   popupWindow.Start('popup_video');
   Event.observe('closeLink', 'click', function(e){
    e.stop();
    popupWindow.Start();
   });
}

function GetPopupHtml(stream) { 
  var div1 = document.createElement('div');
  div1.setAttribute('id', 'popup_area');
  div1.setAttribute('style', 'display: none;');
  
  var div2 = document.createElement('div');
  div2.setAttribute('id', 'popup_bg');
  div2.setAttribute('style', 'display: none;');
  
  div1.appendChild(div2);
  
  var div3 = document.createElement('div');
  div3.setAttribute('id', 'popup_content');
  div3.setAttribute('style', 'display: none;');
  
  div1.appendChild(div3);
  
  var div4 = document.createElement('div');
  div4.className= 'content';
  div4.setAttribute('id', 'popup_video');
  div4.setAttribute('style', 'display: none;');
  
  //Close link
  var closeLink = document.createElement('a');
  closeLink.setAttribute('id', 'closeLink');
  closeLink.setAttribute('href', '#');
  var closeText = document.createTextNode('Close');
  closeLink.appendChild(closeText);
  div4.appendChild(closeLink);
  
  //iframe element
  var iframeEl = document.createElement('iframe');
  iframeEl.setAttribute('src', stream);
  iframeEl.setAttribute('width', '770');
  iframeEl.setAttribute('height', '440');
  iframeEl.setAttribute('frameborder', 0);
  
  div4.appendChild(iframeEl);  
  //div4.innerHTML = '<iframe src="'+ stream +'" frameborder="0" width="770"  height="430"></iframe>';
  
   
  div3.appendChild(div4);
  
  return div1;
}

// ]]>