var html = '';
var url = 'xml/chapters.xml';

$(document).ready(function() {
   if (jQuery.browser.msie)
   {
     	var newXML = IEParse();
     	render(newXML);
   }
   else
   	$.get(url, function(data) { render(data); }, "xml");
});

function IEParse() {  
    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async = false;
    xmlDoc.load(url);  
    return xmlDoc;  
}  

function render(data) {
	html += '<ul class="dropdown dropdown-horizontal">';
	var categories = $(data).find("category");
	$.each(categories, function(i, category) { renderItem(category); });
	html += '</ul>';
	html += '<br/><br/><a href="http://www.atributetohinduism.com" target="_blank"><img src="images/tribute_book_latest.png"></a>';
	$("#ddmenu").html(html);
}

function renderItem(category) {
	html += '<li><a href="" class="dir">' + getData(category, "catname") + '</a>';
	html += '<ul>';
	var chapterList = $(category).find("chapterlist");
	var chapters = $(chapterList).find("chapter");
	$.each(chapters, function(j, listItem) { setList(listItem); });
	html += '</ul>';
	html += '</li>';
}

function getData(item, value) {
	return $(item).find(value).text();
}

function setList(listItem) {
	var target = $(listItem).find("target").text();
	html += '<li><a href="' + $(listItem).find("path").text();
	html += '" target="' + target + '">' + $(listItem).find("name").text() + '</a></li>';
}