/* 
* Popup Window
* 
* Usage example:
*  <script type="text/javascript">
*   <!--
*   DogBreedChooserTableFormatter_xmlFileName = "top-10-most-intelligent-dog-breeds.xml";
*   DogBreedChooserTableFormatter_TitleFrequency="5"
*   //-->
*  </script>
*
*  <script type="text/javascript" src="/js/DogBreedChooserTableFormatter.js"></script>
*/
var xmlDoc = null;
if (window.ActiveXObject) {// code for IE
    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument) {// code for Mozilla, Firefox, Opera, etc.
    xmlDoc = document.implementation.createDocument("", "", null);
}
else {
    alert('Your browser cannot handle this script');
}
if (xmlDoc != null) {
    xmlDoc.async = false;
    xmlDoc.load(DogBreedChooserTableFormatter_xmlFileName);

    var x = xmlDoc.getElementsByTagName("Dog");

    document.write("<table width='2805' style='table-layout: fixed; border-color: Silver; border-style: solid; border-collapse: collapse' border='1px' cellpadding='5px' cellspacing='0'>");

    for (i = 0; i < x.length; i++) {
        // Display the title row every 10 rows
        if ((i % DogBreedChooserTableFormatter_TitleFrequency) == 0) {
            // Title Rows
            document.write("<tr style='background-color: #CCCCFF; font-family: Arial; font-size: 11pt; font-weight: 700; color: Black; text-align: center'>");

            // Breed
            document.write("<td style='width: 160px'>Breed</td>");
            // Other Names
            document.write("<td style='width: 180px'>Other Names</td>");
            // Size
            document.write("<td style='width: 100px; color: #006699'>Size</td>");
            // Breed Origin
            document.write("<td style='width: 175px; color: #008000'>Breed Origin</td>");
            // Purpose
            document.write("<td style='width: 130px; color: #008000'>Purpose(s)</td>");
            // Coat
            document.write("<td style='width: 105px; color: #CC0000'>Coat(s)</td>");
            // Shedding
            document.write("<td style='width: 125px; color: #CC0000'>Shedding</td>");
            // Doggy Odour
            document.write("<td style='width: 105px; color: #CC0000'>Doggy Odour</td>");
            // Barking
            document.write("<td style='width: 105px; color: #9900FF'>Barking<br /><span style='font-weight: 400'>(Individual variation)</span></td>");
            // Watchdog
            document.write("<td style='width: 100px; color: #9900FF'>Watchdog / Sentinel?</td>");
            // Guard Dog
            document.write("<td style='width: 100px; color: #9900FF'>Guard Dog?</td>");
            // Risk Aggression People
            document.write("<td style='width: 120px; color: #003399'>Risk of<br />aggression<br />toward <span style='color: #3333FF'>people</span></td>");
            // Risk Aggression Dogs
            document.write("<td style='width: 120px; color: #003399'>Risk of<br />aggression<br />toward <span style='color: #3333FF'>dogs</span></td>");
            // Risk Aggression Pets
            document.write("<td style='width: 120px; color: #003399'>Risk of<br />aggression<br />toward </span><span style='color: #3333FF'>pets</span></td>");
            // Energy
            document.write("<td style='width: 110px; color: #F55252'>Energy Level at Home</td>");
            // Exercise
            document.write("<td style='width: 110px; color: #F55252'>Exercise Requirements</td>");
            // Grooming
            document.write("<td style='width: 110px; color: #CC0099'>Grooming Requirements</td>");
            // Trainability
            document.write("<td style='width: 100px; color: #027D4D'>Trainability</td>");
            // Character
            document.write("<td style='width: 250px; color: #027D4D'>Character<br /><span style='font-weight: 400'>(Much individual variation)</span></td>");
            // Quirks
            document.write("<td style='width: 250px; color: #3333FF'>Quirks</td>");
            // Availability
            document.write("<td style='width: 130px;'>Availability<br /><span style='font-weight: 400'>(Worldwide average)</span></td>");

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

        // Data Rows
        if ((i % 2) == 0) {
            document.write("<tr style='font-family: Arial; font-size: 9pt; background-color: White'>");
        }
        else {
            document.write("<tr style='font-family: Arial; font-size: 9pt; background-color: #FFFFCC'>");
        }

        // Breed
        document.write("<td style='font-size: 11pt; font-weight: 700; color: #800080'>" + x[i].getElementsByTagName("Breed")[0].childNodes[0].nodeValue + "</td>");
        // Other Names
        document.write("<td>" + x[i].getElementsByTagName("OtherNames")[0].childNodes[0].nodeValue + "</td>");
        // Size
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Size")[0].childNodes[0].nodeValue + "</td>");
        // Breed Origin
        document.write("<td>" + x[i].getElementsByTagName("BreedOrigin")[0].childNodes[0].nodeValue + "</td>");
        // Purpose
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Purpose")[0].childNodes[0].nodeValue + "</td>");
        // Coat
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Coat")[0].childNodes[0].nodeValue + "</td>");
        // Shedding
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Shedding")[0].childNodes[0].nodeValue + "</td>");
        // Doggy Odour
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("DoggyOdour")[0].childNodes[0].nodeValue + "</td>");
        // Barking
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Barking")[0].childNodes[0].nodeValue + "</td>");
        // Watchdog
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Watchdog")[0].childNodes[0].nodeValue + "</td>");
        // Guard Dog
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("GuardDog")[0].childNodes[0].nodeValue + "</td>");
        // Risk Aggression People
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("RiskAggressionPeople")[0].childNodes[0].nodeValue + "</td>");
        // Risk Aggression Dogs
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("RiskAggressionDogs")[0].childNodes[0].nodeValue + "</td>");
        // Risk Aggression Pets
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("RiskAggressionPets")[0].childNodes[0].nodeValue + "</td>");
        // Energy
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Energy")[0].childNodes[0].nodeValue + "</td>");
        // Exercise
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Exercise")[0].childNodes[0].nodeValue + "</td>");
        // Grooming
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Grooming")[0].childNodes[0].nodeValue + "</td>");
        // Trainability
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Trainability")[0].childNodes[0].nodeValue + "</td>");
        // Character
        document.write("<td>" + x[i].getElementsByTagName("Character")[0].childNodes[0].nodeValue + "</td>");
        // Quirks
        document.write("<td>" + x[i].getElementsByTagName("Quirks")[0].childNodes[0].nodeValue + "</td>");
        // Availability
        document.write("<td style='text-align: center'>" + x[i].getElementsByTagName("Availability")[0].childNodes[0].nodeValue + "</td>");

        document.write("</tr>");
    }
    document.write("</table>");
}