if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","axlbooks.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

var x=xmlDoc.getElementsByTagName("book");
for (i=0;i<x.length;i++)
  { 
document.write("<div id='book'>");
  document.write("<div id='titledata'><h4>");
  document.write(x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
  document.write("</h4>");
  
  document.write("<b>&mdash;</b><h5>");
  document.write(x[i].getElementsByTagName("author")[0].childNodes[0].nodeValue);
    document.write("<br>ISBN ");

    document.write(x[i].getElementsByTagName("isbn")[0].childNodes[0].nodeValue);

  document.write("</h5></div>");
    document.write("<div id='triggers'><img src='images/trans.png' class='thumb' rel='#");
  document.write(x[i].getElementsByTagName("isbn")[0].childNodes[0].nodeValue);
    document.write("'></div>");


   document.write("<div class='simple_overlay' id='");
  document.write(x[i].getElementsByTagName("isbn")[0].childNodes[0].nodeValue);
  document.write("'>");
      document.write("<img src='images/");
  document.write(x[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue);
  document.write("' align='left' width='300' style='margin-bottom: 5px; margin-right: 15px; -webkit-box-shadow: 5px 5px 5px  0px #555; box-shadow: 5px 5px 5px  0px #555;'>");
    document.write("<h1>");
  document.write(x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
  document.write("</h1>");
  
  document.write("<h2>");
  document.write(x[i].getElementsByTagName("author")[0].childNodes[0].nodeValue);
  document.write("</h2>");
    document.write("<h3>ISBN ");
  document.write(x[i].getElementsByTagName("isbn")[0].childNodes[0].nodeValue);
  document.write("</br>");
  document.write(x[i].getElementsByTagName("pubdate")[0].childNodes[0].nodeValue);
  document.write("</br>");
  document.write(x[i].getElementsByTagName("pages")[0].childNodes[0].nodeValue);
  document.write("</br>");
  document.write(x[i].getElementsByTagName("language")[0].childNodes[0].nodeValue);
  document.write("</br>");
  document.write(x[i].getElementsByTagName("series")[0].childNodes[0].nodeValue);
  document.write("</h3><span class='text'>");
  document.write(x[i].getElementsByTagName("saga")[0].childNodes[0].nodeValue);
  document.write("</span></div>");


  document.write("</div>");
  }


// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {



$("img[rel]").overlay();
});