var xmlhttp;
var xmlDoc;
var recipeBaseUrl = "/our-food/recipes/recipe.aspx?recipeID=";

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) {
//alert("checking xml ready state - main func. fired");
  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('recipe','writeList');
	showFeatured('recipe','featuredList');
  }
}


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

// FEATURED //
function showFeatured(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 class="featuredArea">'; 

  for (i=0; i<x.length; i++) { 
 	featured=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("isFeatured");
  	recipeName=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("name");
	preptime=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("preptime");
	style=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("styleType");
	recipeUrl=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("id");
	featuredThumb=xmlDoc.getElementsByTagName("featuredThumbnail")[i].getAttribute("url");
	
    if(featured == "True") {
	
	txt+='<div class="featuredAreaItem" style="background: url(' + featuredThumb +') bottom right no-repeat;">';
    txt+='<a href="'+ recipeBaseUrl +'' + recipeUrl + '">';
    txt+='<h2>'+ recipeName +'</h2>';
    txt+='<p>Prep Time: '+ preptime +'<br />Style: '+ style +'</p>';
    txt+='</a><a href="'+ recipeBaseUrl +'' + recipeUrl + '" class="viewRecipe"></a></div>';
	 }
	 
  }
  txt+="</div>";
  document.getElementById(thePlace).innerHTML=txt;
}
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 class="scrollArea">'; 

  for (i=0; i<x.length; i++) { 
 
  	recipeName=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("name");
	preptime=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("preptime");
	style=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("styleType");
	recipeUrl=xmlDoc.getElementsByTagName("recipe")[i].getAttribute("id");
	miniThumb=xmlDoc.getElementsByTagName("miniThumbnail")[i].getAttribute("url");
    
    txt+='<a class="recipeLink" href="'+ recipeBaseUrl +'' + recipeUrl + '">';
    txt+='<img src="' + miniThumb + '" id="reflect" width="70" class="reflect" alt="Click to Play">';
    txt+='<div class="titleText"><h2>'+ recipeName +'</h2>';
    txt+='<p>Prep Time: '+ preptime +'<br />Style: '+ style +'</p>';
    txt+='</div></a>';
  }
  txt+="</div>";

  document.getElementById(thePlace).innerHTML=txt;
  //alert("main recipe list populated and inst. on page");
  //this.addReflections();
}

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