var HTML_TABLE_OPEN                           = '<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:arial">';
var HTML_TABLE_CLOSE                          = '</table>';
var HTML_TABLE_SECTION_HEADER                 = '<tr><td colspan="##COL_COUNT##" width="100%"><hr/></td></tr><tr><td colspan="##COL_COUNT##" width="100%" style="font-size:20;font-weight:bold">##SECTION_TEXT##</td></tr><tr><td colspan="##COL_COUNT##" width="100%"><hr/></td></tr>';
var HTML_TABLE_SECTION_ROW_OPEN               = '<tr>';
var HTML_TABLE_SECTION_ROW_ITEM_WITH_DESC     = '<td width="##ITEM_WIDTH##" style="font-size:14"><table><tr><td><img src="##ITEM_PIC_URL##"/></td></tr><tr><td style="font-size:14"><a href="##ITEM_LINK_URL##">##ITEM_LINK_TEXT##</a></td></tr><tr><td>##ITEM_DESC_URL##</td></tr></table></td>';
var HTML_TABLE_SECTION_ROW_ITEM_WITHOUT_DESC  = '<td width="##ITEM_WIDTH##" style="font-size:14"><table><tr><td><img src="##ITEM_PIC_URL##"/></td></tr><tr><td style="font-size:14"><a href="##ITEM_LINK_URL##">##ITEM_LINK_TEXT##</a></td></tr></table></td>';
var HTML_TABLE_SECTION_ROW_CLOSE              = '</tr>';
var HTML_LIST_DIV                             = '<div id="CustomList"></div>';
var HTML_ITEM_COUNT                           = '<br/><table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:arial"><tr><td style="font-size:8">(##ITEM_COUNT##)</td></tr></table>';

var TAG_COL_COUNT                             = '##COL_COUNT##';
var TAG_SECTION_TEXT                          = '##SECTION_TEXT##';
var TAG_ITEM_WIDTH                            = '##ITEM_WIDTH##';
var TAG_ITEM_LINK_URL                         = '##ITEM_LINK_URL##';
var TAG_ITEM_PIC_URL                          = '##ITEM_PIC_URL##';
var TAG_ITEM_DESC_URL                         = '##ITEM_DESC_URL##';
var TAG_ITEM_LINK_TEXT                        = '##ITEM_LINK_TEXT##';
var TAG_ITEM_COUNT                            = '##ITEM_COUNT##';



function displayCustomList(xmlDoc, colCount, includeSections)
{
   var totalItemCount = 0;

   var displayString = "";
   
   displayString += HTML_TABLE_OPEN;
   
   var sections = xmlDoc.getElementsByTagName('section');

   var colWidth = Number(100 / colCount);
   colWidth = colWidth.toFixed(2) + '%';
   
   for (var section=0;section<sections.length;section++)
   { 
      var sectionText = sections[section].getElementsByTagName('sectionText')[0].childNodes[0].nodeValue;
      var items       = sections[section].getElementsByTagName('itemList')[0].childNodes;

      var htmlSection = HTML_TABLE_SECTION_HEADER;
      htmlSection = htmlSection.replace(TAG_COL_COUNT, colCount);
      htmlSection = htmlSection.replace(TAG_COL_COUNT, colCount);
      htmlSection = htmlSection.replace(TAG_COL_COUNT, colCount);
      htmlSection = htmlSection.replace(TAG_SECTION_TEXT, sectionText);

      if ((includeSections === undefined) || (includeSections.indexOf("|" + sectionText + "|") !== -1))
      {
         displayString += htmlSection;

         displayString += HTML_TABLE_SECTION_ROW_OPEN;
  
         var itemCount = -1;

         for (var item=0;item<items.length;item++)
         {
            var itemElement = items.item(item);
            
            var itemName = "";
            
            if (itemElement.localName !== undefined)
            {
               //everything else
               itemName = itemElement.localName;
            }                  
            else
            {  
               //ie only
               itemName = itemElement.nodeName;
            }
            
            if (itemName === "item")
            {
               itemCount++;
               
       	       if (itemCount !== 0) 
      	       {
      	          if ((itemCount % colCount) === 0)
      	          {
                     displayString += HTML_TABLE_SECTION_ROW_CLOSE;
                     displayString += HTML_TABLE_SECTION_ROW_OPEN;
                  }
               }

               var itemText = "";
               var itemURL  = "";
               var itemPicURL = "";
               var itemDescURL = "";

               var itemElementNodes = itemElement.childNodes;
               for (var i=0;i<itemElementNodes.length;i++)
               {
                  var iEN = itemElementNodes.item(i);

                  var iENName = "";
            
                  if (iEN.localName !== undefined)
                  {
                     //everything else
                     iENName = iEN.localName;
                  }                  
                  else
                  {  
                     //ie only
                     iENName = iEN.nodeName;
                  }
                                    
                  if (iENName === "itemText")
                  {
                     itemText = iEN.firstChild.data;
                  }
                  else
                  {
                     if (iENName === "itemURL")
                     {
                        itemURL = iEN.firstChild.data;
                     }
                     else
                     {
                        if (iENName === "itemPicURL")
                        {
                           itemPicURL = iEN.firstChild.data;
                        }
                        else
                        {
                           if (iENName === "itemDescURL")
                           {
                              if (iEN.firstChild != null)
                              {
                                 itemDescURL = iEN.firstChild.data;
                              }
                              else
                              {
                                 itemDescURL = "";
                              }                              
                           }
                        }
                     }
                  }
               }

               totalItemCount++;

               var htmlRowItem = "";
               
               if (itemDescURL === "")
               {
                  htmlRowItem = HTML_TABLE_SECTION_ROW_ITEM_WITHOUT_DESC;
               }
               else
               {
                  htmlRowItem = HTML_TABLE_SECTION_ROW_ITEM_WITH_DESC;
               }
               htmlRowItem = htmlRowItem.replace(TAG_ITEM_PIC_URL, itemPicURL);
               htmlRowItem = htmlRowItem.replace(TAG_ITEM_DESC_URL, itemDescURL);
               htmlRowItem = htmlRowItem.replace(TAG_ITEM_LINK_URL, itemURL);
               htmlRowItem = htmlRowItem.replace(TAG_ITEM_LINK_TEXT, itemText);
               htmlRowItem = htmlRowItem.replace(TAG_ITEM_WIDTH, colWidth);

               displayString += htmlRowItem;

            }

         }
         displayString += HTML_TABLE_SECTION_ROW_CLOSE;
      }
   }

   displayString += HTML_TABLE_CLOSE;

   var htmlCount = HTML_ITEM_COUNT;
   htmlCount = htmlCount.replace(TAG_ITEM_COUNT, totalItemCount);
   
   displayString += htmlCount;

   var divElement = document.getElementById("CustomList");
   
   divElement.innerHTML = displayString;
}


function XMLFileToHTML(filename, colCount, includeSections)
{
   var isIE = false;
   
   if (includeSections !== undefined)
   {
      includeSections = "|" + includeSections + "|";
   }
   
   try
   {
      //Internet Explorer	
      xmlDoc=new ActiveXObject('Microsoft.XMLDOM');
      isIE = true;

      xmlDoc.async=false;
      xmlDoc.load(filename);
   }
   catch(e)
   {
      try
      {
      	 //Firefox, Mozilla, Opera, etc.
         xmlDoc=document.implementation.createDocument('','',null);
         xmlDoc.async=false;
         xmlDoc.load(filename); //safari will not like this
      }
      catch(e1)
      {
         //safari
         try
         { 
            xmlDoc = new XMLHttpRequest();
            xmlDoc.open("GET", filename, false);
            xmlDoc.send(null);
            xmlDoc=xmlDoc.responseXML;

         }
         catch(e)
         {
            alert(e.message);
            return; 
         }      
      }
   }
   
   document.write(HTML_LIST_DIV);
   
   displayCustomList(xmlDoc, colCount, includeSections);
}