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();
var showOnly = 'food';

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("track");
  txt='<div class="videoList">'; 

  for (i=0; i<x.length; i++) {  		
	videoTitle=xmlDoc.getElementsByTagName("track")[i].getAttribute("name");
	videoCat=xmlDoc.getElementsByTagName("track")[i].getAttribute("cat");

		if(videoCat == showOnly) {
			
		Urls[i]=getTag("location"); Imgs[i]=getTag("image"); Tmbs[i]=getTag("thumb")

		
		//txt+='<a href="#playTheVid" class="clickToPlay link'+i+'" id="'+i+'" name="'+i+'" onclick="play('+i+')">';
		/***********************************************************************************
			
			Removed links per ticket #56 in activeCollab 07.24.08. This code should go back in once the 
			animations are finished. - pm
			
		txt+='<a class="clickToPlay link'+i+'" id="'+i+'" name="'+i+'">';
		txt+='<img border="0" src="'+getTag("foodPlayerThumb")+'" alt="Click to Play">';
		txt+='<h2>'+ videoTitle +'</h2>';
		txt+='</a>';
		***********************************************************************************/
		/**********************************************************************************
		 * the following code will be replaced by the above block when animations are finished
		 ********************************************************************************/
		txt+='<div class="clickToPlay link'+i+'" id="'+i+'" name="'+i+'">';
		txt+='<img border="0" src="'+getTag("foodPlayerThumb")+'" alt="Click to Play">';
		txt+='<h2>'+ videoTitle +'</h2>';
		txt+='</div>';
		//end replaced code
  	}
  }
  txt+="</div>";
  document.getElementById(thePlace).innerHTML=txt; 
  
}

var thePlayer;
var thePlayerRoot;
var theList;
var theListRoot;

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

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

function mainSlate() {
	document.getElementById("mainVideoSlate").className = 'dNone';
	$("#playerroot").each(function(){$(this).removeClass("dNone")});
}

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

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

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