function loadserp(placeholder,url) {
  var container = document.getElementById("serp");
  container.removeChild(placeholder);
  var xhr = new XMLHttpRequest();
  xhr.open("GET",url,true);
  xhr.onreadystatechange = function() {
    if ( xhr.readyState == 4 ) {
      container.innerHTML = container.innerHTML + xhr.responseText;
    }
  };
  xhr.send(null);
}

var details_where;
function video_redirect(video_url) {
  window.location=video_url;
}

function category(obj,vid) {
  var r = Math.random();
  var category = obj.value;
  var div = document.getElementById('catdiv');
  var options = obj.children;
  var parent = obj.parentNode;

  var text = document.createElement('div');
  text.innerHTML = category;
  text.id = category;

  div.innerHTML = '';
  var img = document.createElement('img');
  img.src = '/iui/loading.gif';
  div.appendChild(img);
  img.src='/video/tag/' + vid + '?category=' + category + ';rand=' + r;

  parent.removeChild(obj);
  parent.appendChild(text);

  var obj2 = document.createElement('select');
  obj2.style.width = '80%';
  obj2.onchange = obj.onchange;
  for ( var i = 0 ; i < options.length ; i++ ) {
    if ( ! document.getElementById( options[i].value ) ) {
      var opt = document.createElement('option');
      opt.value = options[i].value;
      opt.innerHTML = options[i].value;
      obj2.appendChild(opt);
    }
  }
  parent.appendChild(obj2);

}

function star(value,vid) {
  var i;
  var r = Math.random();
  for ( i = 1 ; i <= 5 ; i++ ) {
    e = document.getElementById('star'+i);
    if ( i == value ) {
      e.src='/iui/loading.gif';
      e.src='/video/rate/' + vid + '?rating=' + (value/5) + ';rand=' + r;
    }
    else if ( i < value ) {
      e.src='/images/star1red.png';
    }
    else {
      e.src='/images/star1grey.png';
    }
  }
}

function toggle(which) {
  which.innerHTML = (which.innerHTML == 'On') ? 'Off' : 'On';
  which.className = (which.innerHTML == 'On') ? 'settingsButton settingsButtonOn' : 'settingsButton settingsButtonOff';
}
function toggle2(which) {
  which.innerHTML = (which.innerHTML == 'include') ? 'exclude' : 'include';
  which.className = (which.innerHTML == 'include') ? 'settingsButton settingsButtonOn' : 'settingsButton settingsButtonOff';
}
function showDetails(objectId) {

/*
  var serp = document.getElementById('serp');
  serp.style.display_bak = serp.style.display;
  serp.style.display = 'none';

  var objectPath = '/' + objectId.substring(objectId.length-1,objectId.length) + '/' + objectId.substring(objectId.length-2,objectId.length-1);
  document.getElementById('detailsImage1').src = '/' + objectId + '/' + 'a3.jpg';
  document.getElementById('detailsImage2').src = '/' + objectId + '/' + 'a4.jpg';
  document.getElementById('detailsImage3').src = '/' + objectId + '/' + 'a5.jpg';
  document.getElementById('detailsImage4').src = '/' + objectId + '/' + 'a6.jpg';
  document.getElementById('detailsImage5').src = '/' + objectId + '/' + 'a7.jpg';
  document.getElementById('detailsImage6').src = '/' + objectId + '/' + 'a8.jpg';
  document.getElementById('detailsImage7').src = '/' + objectId + '/' + 'a9.jpg';
  document.getElementById('detailsImage8').src = '/' + objectId + '/' + 'a10.jpg';
*/

/*
  document.getElementById('detailsImage1').src = objectPath + '/' + objectId + '/' + 'a3.jpg';
  document.getElementById('detailsImage2').src = objectPath + '/' + objectId + '/' + 'a5.jpg';
  document.getElementById('detailsImage3').src = objectPath + '/' + objectId + '/' + 'a7.jpg';
  document.getElementById('detailsImage4').src = objectPath + '/' + objectId + '/' + 'a9.jpg';
*/

/*
  document.getElementById('details').style.display = 'block';
*/

  var pageTitle   = document.getElementById('pageTitle');
  var backButton  = document.getElementById('backButton');
  var extraButton = document.getElementById('extraButton');

  pageTitle.innerHTML_bak = pageTitle.innerHTML;
  pageTitle.innerHTML = 'Video Details';
  backButton.style.display = 'inline';
  backButton.innerHTML = 'Back';
  backButton.onclick = 'alert(1)';

/*
  extraButton.style.display_bak = extraButton.style.display;
  extraButton.style.display = 'none';
*/
  
/*
  backButton.href_bak = backButton.href;
  backButton.href = '/';
  //backButton.onClick_bak = backButton.onClick;
*/
/*
  backButton.onclick = 'hideDetails()';
*/

}
function hideDetails() {

alert('a');
  document.getElementById('details').style.display = 'none';
  var serp = document.getElementById('serp');
  serp.style.display = serp.style.display_bak;
alert('b');

  var pageTitle   = document.getElementById('pageTitle');
  var backButton  = document.getElementById('backButton');
  var extraButton = document.getElementById('extraButton');
alert('c');
  pageTitle.innerHTML = pageTitle.innerHTML_bak;
  extraButton.style.display = extraButton.style.display_bak;
  backButton.style.display = 'none';
  backButton.onClick = '';
  backButton.innerHTML = '';
alert('d');
  javascript.history.go(-1);
}

function woo() {
  tagrules = document.getElementById('tagrules');
  divlist = tagrules.getElementsByTagName('div');
  lastdiv=divlist.item(divlist.length-1);
  newdiv = document.createElement('div');
  newlabel = document.createElement('label');
  newp = document.createElement('p');
  newspan = document.createElement('span');
  newselect = document.createElement('select');
  newoption = document.createElement('option');
  newdiv.appendChild(newlabel);
  newdiv.appendChild(newp);

  txt1 = document.createTextNode('Off');
  txt2 = document.createTextNode('match ');
  txt3 = document.createTextNode('1234');
  newspan.appendChild(txt1);
  newlabel.appendChild(txt2);
  newlabel.appendChild(newselect);
  newselect.appendChild(newoption);
  newoption.appendChild(txt3);

  newp.appendChild(newspan);
  newdiv.setAttribute('class','row');
  newspan.setAttribute('class','settingsButton settingsButtonOff');
  newspan.setAttribute('onclick','toggle(this)');
  newlabel.setAttribute('style','white-space:nowrap');

  tagrules.insertBefore(newdiv,lastdiv);
}