var ua=navigator.userAgent.toLowerCase();
var gecko=false;
var webkit=false;
if (ua.indexOf("gecko")>0) gecko=true;
if (ua.indexOf("webkit")>0) webkit=true;
function load(url,callback) {
  var xmlhttp;
  if (gecko) {   
    xmlhttp=new XMLHttpRequest();
    xmlhttp.callback=callback;
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4) {   
        xmlhttp.onreadystatechange=null;
        xmlhttp.callback(xmlhttp.responseXML.documentElement);
      }
    }
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
  } else {
    xmlhttp=new ActiveXObject("Microsoft.XMLDOM");
    xmlhttp.async="true";  
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4) {
        xmlhttp.onreadystatechange=function() {};
        callback(xmlhttp.documentElement);
      }
    }
    xmlhttp.load(url);
  }
  delete xmlhttp;
}
function text(node) {
  if (!node) return "";
  if (gecko) return node.textContent;
  else return node.text;
}
function playgwvb(mediaid,id,path,rc,txt,sender) {
  loadsimilar(mediaid);
  if (sender) {
    var div=document.getElementById("vidinfo").getElementsByTagName("div");
    document.getElementById("vidinfo").removeChild(div[0]);
    var td=sender.parentNode;
    var a=td.getElementsByTagName("a");
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.left="8px";
    div.style.top="5px";
    div.style.width="190px";
    div.style.font="11px/16px Arial, Helvetica, Sans-serif";
    var html="You are watching:<br /><b style=\"color: #f00000\">"+txt+"</b><br /><br />";
    html=html+"Uploaded, shared or previously broadcast by <a href=\""+a[0].href+"\">"+a[0].innerHTML+"</a> on ";
    html=html+"<a href=\""+a[1].href+"\">"+a[1].innerHTML+"</a>.";
    div.innerHTML=html;
    document.getElementById("vidinfo").appendChild(div);
  }
  var y=parseInt(document.body.scrollTop);
  if (y>200) {
    var sy=parseInt((y-200)/10);
    var d=2; if (!webkit&&!gecko) d=1;
    for (var i=0; i<sy; i++) {
      var cmd="document.body.scrollTop=document.body.scrollTop-10";
      setTimeout(cmd,i*d);
    }
  }
  var p=document.getElementById("player");
  if (!p) return;
  p.playStream("rtmp://media.theglobalweb.com/theglobalweb/hd/"+id+"/"+path,rc,txt);
}
function loadsimilar(mediaid) {
  var vidmore=document.getElementById("vidmore");
  while (vidmore.hasChildNodes()) vidmore.removeChild(vidmore.childNodes[0]);
  var div=document.createElement("div");
  div.style.padding="2px 5px 3px 5px";
  div.style.margin="2px";
  div.style.font="bold 11px Arial, Helvetica, Sans-serif";
  div.style.color="#ffffff";
  div.style.background="#20ff40";
  div.style.textAlign="center";
  div.innerHTML="Loading similar media...";
  vidmore.appendChild(div);
  load("/csvc/similarmedia/"+mediaid,function(xml) {
    var vidmore=document.getElementById("vidmore");
    while (vidmore.hasChildNodes()) vidmore.removeChild(vidmore.childNodes[0]);
    var cnt=parseInt(xml.getElementsByTagName("media").item(0).getAttribute("count"));
    if (cnt<1) {
      var div=document.createElement("div");
      div.style.padding="2px 5px 3px 5px";
      div.style.margin="2px";
      div.style.font="11px Arial, Helvetica, Sans-serif";
      div.style.color="#404040";
      div.style.textAlign="center";
      div.innerHTML="No similar media found.";
      vidmore.appendChild(div);
      return;
    }
    var total=parseInt(xml.getElementsByTagName("media").item(0).getAttribute("total"));
    var div=document.createElement("div");
    div.style.padding="2px 5px 3px 5px";
    div.style.margin="2px";
    div.style.font="10px Arial, Helvetica, Sans-serif";     
    div.style.color="#404040";
    div.style.textAlign="center";
    if (total==0) div.innerHTML=cnt+" similar video(s) found:";
    else div.innerHTML=total+" similar found, showing 20:";
    vidmore.appendChild(div);
    var media=xml.getElementsByTagName("mediaitem");
    for (var i=0; i<media.length; i++) {
      var m=media.item(i);
      var div=document.createElement("div");
      div.title=text(m.getElementsByTagName("title").item(0));
      div.style.padding="0px 4px 0px 4px";
      div.style.margin="2px 0px 5px 0px";
      div.style.background="url("+text(m.getElementsByTagName("thumbnail").item(0))+") top center no-repeat";
      div.style.height="140px";
      div.style.position="relative";
      div.style.cursor="pointer";
      div.vtitle=text(m.getElementsByTagName("title").item(0));
      div.vid=m.getElementsByTagName("user").item(0).getAttribute("id");
      div.vmid=m.getAttribute("id");
      div.vpath=text(m.getElementsByTagName("path").item(0));
      div.vrect=text(m.getElementsByTagName("rect").item(0));
      div.vnwname=text(m.getElementsByTagName("network").item(0));
      div.vnwurl=m.getElementsByTagName("network").item(0).getAttribute("url");
      div.vuser=text(m.getElementsByTagName("user").item(0));
      div.onclick=function(e) {
        playgwvb(this.vmid,this.vid,this.vpath,this.vrect,this.vtitle);
        var div=document.getElementById("vidinfo").getElementsByTagName("div");
        document.getElementById("vidinfo").removeChild(div[0]);
        var div=document.createElement("div");
        div.style.position="absolute";
        div.style.left="8px";
        div.style.top="5px";
        div.style.width="190px";
        div.style.font="11px/16px Arial, Helvetica, Sans-serif";
        var html="You are watching:<br /><b style=\"color: #f00000\">"+this.vtitle+"</b><br /><br />";
        html=html+"Uploaded, shared or previously broadcast by <a href=\""+this.vnwurl+"/"+this.vuser+"\">"+this.vuser+"</a> on ";
        html=html+"<a href=\""+this.vnwurl+"\">"+this.vnwname+"</a>";
        div.innerHTML=html;
        document.getElementById("vidinfo").appendChild(div);
      }
      var t=document.createElement("div");
      t.style.position="absolute";
      t.style.top="100px";
      t.style.left="4px";
      t.style.width="100%";
      t.style.font="bold 11px Arial, Helvetica, Sans-serif";
      t.style.color="#f00000";
      t.style.whiteSpace="nowrap";
      t.style.overflow="hidden";
      t.style.textAlign="center";
      if (!gecko&&!webkit) t.style.textOverflow="ellipsis";
      t.innerHTML=text(m.getElementsByTagName("title").item(0));
      div.appendChild(t);
      var t=document.createElement("div");
      t.style.position="absolute";
      t.style.top="112px";
      t.style.left="4px";  
      t.style.width="100%";
      t.style.font="10px Arial, Helvetica, Sans-serif";
      t.style.color="#404040";   
      t.style.textAlign="center";
      if (!gecko&&!webkit) t.style.textOverflow="ellipsis";
      t.innerHTML="Duration: "+text(m.getElementsByTagName("duration").item(0));
      div.appendChild(t);
      var t=document.createElement("div");
      t.style.position="absolute";
      t.style.top="122px";
      t.style.left="4px";
      t.style.width="100%";
      t.style.font="10px Arial, Helvetica, Sans-serif";
      t.style.color="#404040";
      t.style.textAlign="center";
      if (!gecko&&!webkit) t.style.textOverflow="ellipsis";
      t.innerHTML="Uploaded or shared by "+text(m.getElementsByTagName("user").item(0));
      div.appendChild(t);
      vidmore.appendChild(div);
      if (i<media.length-1) {
        var h=document.createElement("div");
        h.style.fontSize="0px";
        h.style.background="url(/img/ndiv.png) center left no-repeat";
        h.style.height="11px";
        vidmore.appendChild(h);
      }
    }
  });
}