var xmlhttp;
var xmlDoc;

function directUrl(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "nill";
  else
    return results[1];
}

var loadVideo = directUrl('video');

function loadXMLDoc(theFile) {
  xmlhttp=null;
  if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } 
  else if (window.ActiveXObject) { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

  if (xmlhttp!=null) {
    xmlhttp.onreadystatechange=loaded;
    xmlhttp.open("GET",theFile,true);
    xmlhttp.send(null);
  } else { alert('Sorry, your browser can\'t handle this script'); return; }
}

function checkReadyState(obj) {
  if(obj.readyState == 4) {
    if(obj.status == 200) { return true; }
    else { alert("Problem retrieving XML data"); }
  }
}

function loaded() {	
  if(checkReadyState(xmlhttp)) {
    xmlDoc=xmlhttp.responseXML.documentElement;
    showTags('track','writeList');
	if (loadVideo == 'nill')createPlayer(Urls[0], Imgs[0], Tmbs[0], true, true);
    if (loadVideo != 'nill')createPlayer(Urls[loadVideo], Imgs[loadVideo], Tmbs[loadVideo], true, true), document.getElementById(loadVideo).className = 'active';
  }
}

var Urls = new Array();
var Imgs = new Array();
var Tmbs = new Array();

function showTags(theTag,thePlace) {

  function getTag(tag) { 
    var tmp='';
    xx=x[i].getElementsByTagName(tag);     
    try { tmp=xx[0].firstChild.data; } 
    catch(er) { tmp=''; }    
    return(tmp); 
  }

  var xx; var x; var txt;
  x = xmlDoc.getElementsByTagName(theTag);
  txt='<div>'; 

  for (i=0; i<x.length; i++) { 
  Dependent=xmlDoc.getElementsByTagName("track")[i].getAttribute("noplay");
  if (Dependent!="yes") {
  	videoTitle=xmlDoc.getElementsByTagName("track")[i].getAttribute("name");
    Urls[i]=getTag("location"); Imgs[i]=getTag("image"); Tmbs[i]=getTag("thumb") //i+3 code should only last until the original 3 videos (from the food section are finished and uploaded)
	
    txt+='<a class="poo" id="'+i+'" href="#playVideo" name="'+i+'" onclick="play('+i+')">';
    txt+='<img src="'+getTag("thumb")+'" border="0" alt="Click to Play">';
    txt+='<strong>'+videoTitle+'</strong><br />';
    txt+=''+getTag("description")+'';
    txt+='</a>'; }
  }
  txt+="</div>";

  document.getElementById(thePlace).innerHTML=txt; 
}

var thePlayer;
var thePlayerRoot;
var theList;

function initialize() {
	thePlayer = document.getElementById("playerhandle");
	theList = document.getElementById("listhandle");
	thePlayerRoot  = document.getElementById("playerroot");
}

function createPlayer(theFile, theImg, start, icons) {
	var s1 = new SWFObject("../../flash/videoplayers/heinzVideoPlayer.swf","heinzPlayer","440","308","7");
	s1.addParam("allowfullscreen", "true");
	s1.addVariable("skinsrc","/flash/videoplayers/FullscreenCustom.swf");
	s1.addVariable("src", theFile);
	s1.addVariable("width", "440");
	s1.addVariable("height", "308");
	s1.addParam("wmode","transparent");
	if (start) s1.addVariable("autostart", "false");
	
	if (theImg != "") s1.addVariable("slates", theImg);
	s1.write("placeholder");
}

function active(number) {
	$(".active").each(function(){$(this).removeClass("active").addClass("poo")});
	document.getElementById(number).className = 'active';
}

function play(number) { 
  createPlayer(Urls[number], Imgs[number], Tmbs[number], true, true);
  this.active(number);
}

window.onload=function(){
	initialize(); loadXMLDoc('../../data/mainPlayList.xml');
}