﻿

$(document).ready(function(){
	$.ajax({
		type: "GET",
		url: "nav.xml",
		dataType: "xml",
		success: function(xml) {

        $(xml).find('rss').each(function() {
                var curCount = 0;
                var counter=0;
                        $(this).find('channel').each(function() {
                        var ul;
                         
			               
                            var butterflyAwards = $(this).find('item').length;
                            var butterfly = document.createElement('div');
                            butterfly.setAttribute('id', $(this).attr('id'), true);
                            
                            $(this).find('item').each(function() {

                                var order = document.createElement('div');
                                text = $(this).find("title").text();
                                link = $(this).find("link").text();
                                image = $(this).find("enclosure").attr("url");
                                                          
                              if(image !=null)
                              {
                                    if(counter ==0)
                                     {                              	
                                         ul= document.createElement("ul");
                        	             ul.setAttribute("id", curCount);
                        	         }
                                 ul.className = "linkedimglinklist1 cf";                              
                                 ul.appendChild(GetList(text,link,counter,image));
                                 document.getElementById("more").appendChild(ul);
                              }
                              else
                              {
                                 if(counter%5 ==0 && counter!=5)
                                {
                                    ul= document.createElement("ul");
                        	        ul.setAttribute("id", curCount);
                        	    }
                        	    if(counter==4)
                        	    {
                        	        ul= document.createElement("ul");
                        	        ul.setAttribute("id", curCount);
                        	        counter++;
                        	    }
                             
                              ul.className = "linklist1";
                              ul.appendChild(createNonImageLinks(text,link,counter));
                              document.getElementById("more").appendChild(ul);
                               }
                              counter++;
                        });
 
                    curCount++;
                      });

                     });
                   }
	        });
        });

function GetList(text,url,counter,image)
{

var li = document.createElement("li");
				li.setAttribute("id", "msnMoreLink"+ counter);
				var link = document.createElement("a");
				var linkHref =url;
			
				var linkText =text;
				var img =document.createElement("img");
				img.setAttribute("alt", "msn");
				img.setAttribute("src", image)
				var span = document.createElement("span");
				var strong = document.createElement("strong");
				var link = document.createElement ("a");
				link.setAttribute("href", linkHref);
				linkText = document.createTextNode(linkText);
				strong.appendChild(linkText);
				span.appendChild(strong);
				link.appendChild(img);
				link.appendChild(span);
				li.appendChild(link);
		return li;		
}
function createNonImageLinks(text,url,counter){
		
				var li = document.createElement("li");
				li.setAttribute("id", "msnMoreLink"+ counter);
				var link = document.createElement("a");
				var linkHref = url;
				var linkText = text;
							
					link.setAttribute("href", linkHref);
					var lt = document.createTextNode(linkText);
					link.appendChild(lt);
				li.appendChild(link);


				return li;	
			
		
	}


