var req;

function LoadTopList(url,topListContainers) 
{
    // branch for native XMLHttpRequest object
  if (window.XMLHttpRequest) 
	{
        req = new XMLHttpRequest();
        req.onreadystatechange = function() { processReqChange(topListContainers); };
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } 
	else if (window.ActiveXObject) 
	{
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) 
		{
            req.onreadystatechange = function() { processReqChange(topListContainers); };
            req.open("GET", url, true);
            req.send();			
        }
    }
}


function processReqChange(topListContainers) 
{
    
	
	// only if req shows "complete"
    if (req.readyState == 4)
	{
        // only if "OK"
        if (req.status == 200) 
		{
            
            for (var topList in topListContainers) 
	        {
                OpenTopList(topList,topListContainers[topList]);           
            } 
        } 
		else 
		{
			return;
        }
    }
	else
	{
		
		
		for (var topList in topListContainers) 
	    {
		    var TopListContainer = document.getElementById(topListContainers[topList]);
		
		    while(TopListContainer.hasChildNodes()) 
	        {
                TopListContainer.removeChild(TopListContainer.firstChild);
            }	
		
		   //var oText = document.createTextNode("loading");
	       // TopListContainer.appendChild(oText); 
	        var LoadingImg = document.createElement("img");	
			LoadingImg.setAttribute("src","/content/downloads/img_loading_progress.gif");
            LoadingImg.className = "loading-progress";
			TopListContainer.appendChild(LoadingImg);
		}
		
	}
}


function OpenTopList(tab,container)
{
    var TopListBox;	
	
		var TopListContainer = document.getElementById(container);
		
		while(TopListContainer.hasChildNodes()) 
	    {
            TopListContainer.removeChild(TopListContainer.firstChild);
        }
		
		
		var LoadingImg = document.createElement("img");	
			LoadingImg.setAttribute("src","/content/downloads/img_loading_progress.gif");
			LoadingImg.className = "loading-progress";
			TopListContainer.appendChild(LoadingImg);
		
		
		var LiColumn = document.createElement("li"); 
		LiColumn.className = "column";			
		var UlTopContent = document.createElement("ul");
		UlTopContent.className = "top-content";
		
	
		var response = req.responseXML.documentElement; 
		
		
        var lists;
		switch(tab)
		{
			case "Music": lists = response.getElementsByTagName("MusicList");break;
			case "Albums": lists = response.getElementsByTagName("AlbumsList");break;
  		    case "RealTones": lists = response.getElementsByTagName("RealTonesList"); break;	
			case "Games": lists = response.getElementsByTagName("GamesList"); break;
			case "NewGames": lists = response.getElementsByTagName("NewGamesList"); break;
			default: lists = response.getElementsByTagName("MusicList"); break;
		}
		

		var items = lists[0].getElementsByTagName('Item');		
        for(i=0,j=0;i<items.length;i++,j++)
        {	
		    var ItemImg = items[i].getElementsByTagName('Img')[0].firstChild.nodeValue;
	        var ItemLink = items[i].getElementsByTagName('ItemLink')[0].firstChild.nodeValue;
	        if(tab != "Games" && tab != "NewGames")        
	            var ItemArtistName = items[i].getElementsByTagName('ArtistName')[0].firstChild.nodeValue;	        
	        var ItemTrackName = items[i].getElementsByTagName('TrackName')[0].firstChild.nodeValue;
				  //var PopSizeW = items[i].getElementsByTagName('PopSizeW')[0].firstChild.nodeValue;
				  //var PopSizeH = items[i].getElementsByTagName('PopSizeH')[0].firstChild.nodeValue;
			
			if(i == 5)
			{
				var LiColumn = document.createElement("li");
				LiColumn.className = "column";			
				var UlTopContent = document.createElement("ul");
				UlTopContent.className = "top-content";	
				j--;			
			}
					
			var LiItemWhite = document.createElement("li");
		    
			if(j % 2)
			    LiItemWhite.className = "item pink";
			else

			    LiItemWhite.className = "item white";			
			
			
			var DivItem1 = document.createElement("div");
			
			
			var DivImage = document.createElement("div");
			DivImage.className = "image";
			
			var AItemImage1 = document.createElement("a");
			AItemImage1.setAttribute("href",ItemLink);	
			AItemImage1.setAttribute("title","");	
			AItemImage1.onclick= function() {return popUp(this.href,PopSizeW,PopSizeH);};			
			
			var Image1 = document.createElement("img");	
			Image1.setAttribute("src",ItemImg);
			//Image1.setAttribute("alt","");	
			
			if (ItemArtistName == undefined)
				Image1.setAttribute("alt",ItemTrackName);	
			else
				Image1.setAttribute("alt",ItemArtistName + ' - ' +ItemTrackName);
			
			AItemImage1.appendChild(Image1);
			DivImage.appendChild(AItemImage1);
			
			//LiItemWhite.appendChild(DivImage);
			DivItem1.appendChild(DivImage);
			
			
			var DivDescription = document.createElement("div");
			DivDescription.className = "description";		
			
			var UlItem = document.createElement("ul");	
					
					
			
			var LiNumber = document.createElement("li");
			LiNumber.className = "number";		
			
			var StrongHighlight = document.createElement("strong");
			StrongHighlight.className = "highlight";
			
			var TextItem1 = document.createTextNode(i+1);
			StrongHighlight.appendChild(TextItem1);		
			
			LiNumber.appendChild(StrongHighlight);
			UlItem.appendChild(LiNumber);
					
					
			
			if(tab != "Games" && tab != "NewGames")
			{
			    var LiItem1 = document.createElement("li");			
			    var StrongItem1 = document.createElement("strong");
			
			    var TextItem2 = document.createTextNode(ItemArtistName);
			    StrongItem1.appendChild(TextItem2);		
			
			    LiItem1.appendChild(StrongItem1);
			    UlItem.appendChild(LiItem1);
			}			
						
			
			var LiItem2 = document.createElement("li");	
			
			var AItem = document.createElement("a");
			AItem.setAttribute("href",ItemLink);
			AItem.setAttribute("title","");		
			AItem.onclick= function() {return popUp(this.href,800,600);};
							
			var TextItem3 = document.createTextNode(ItemTrackName);			
			AItem.appendChild(TextItem3);
				
			LiItem2.appendChild(AItem);	
			
			
			UlItem.appendChild(LiItem2);			
			
		   
			
			
			DivDescription.appendChild(UlItem);
			
			DivItem1.appendChild(DivDescription);

			var DivClear = document.createElement("div");
			DivClear.className = "clear";
			
			DivItem1.appendChild(DivClear);	
			
			
			
			LiItemWhite.appendChild(DivItem1);
			UlTopContent.appendChild(LiItemWhite);
			
			if(i == 4 && items.length > 5)
			{
				LiColumn.appendChild(UlTopContent);	
				var LiColumnFirst = LiColumn;		
			}
		}		
		
		LiColumn.appendChild(UlTopContent);
        
		while(TopListContainer.hasChildNodes()) 
	    {
            TopListContainer.removeChild(TopListContainer.firstChild);
        }
		
		if(LiColumnFirst)
		    TopListContainer.appendChild(LiColumnFirst);		  
		TopListContainer.appendChild(LiColumn);
									
		var MusicTabElement = document.getElementById("MusicTab");
		var AlbumsTabElement = document.getElementById("AlbumsTab");	
		var RealTonesTabElement = document.getElementById("RealTonesTab");
		var GamesTabElement = document.getElementById("GamesTab");
		var MusicTabElement = document.getElementById("MusicTab");
		var TopListActionLinkEl=document.getElementById("TopListActionLink");	
		switch(tab)
		{
			case "Music": 
			              try
						  {			
						      AlbumsTabElement.className="";	               
			                  MusicTabElement.className="first current";
			                  RealTonesTabElement.className="";
							  changeActionLink(TopListActionLinkEl,'https://www.music.t-zones.co.uk/','See all music tracks');
			                  GamesTabElement.className="";
							  
						  }
						  catch(err)
						  {						  
						  }
						  break;
			case "Albums": 
			              try
						  {	 	
						      MusicTabElement.className="first";               
			                  AlbumsTabElement.className="current";
			                  RealTonesTabElement.className="";
							  GamesTabElement.className="";
							  changeActionLink(TopListActionLinkEl,'https://www.music.t-zones.co.uk/','See all albums');
						  
						  }
						  catch(err)
						  {						  
						  }
						  break;
  		    case "RealTones": 
			                  try
							  {
							 		AlbumsTabElement.className="";	
								  MusicTabElement.className="first";
			                      RealTonesTabElement.className="current";							   			changeActionLink(TopListActionLinkEl,'http://pfw.t-zones.co.uk/web/Downloads/en/Downloads/27realtones.jsp?toplevel=37386','See all Realtones');
			                      GamesTabElement.className="";
							  }
						      catch(err)
						      {						  
						      }
			                  break;	
			case "Games": 
			              try
						  {
						  		AlbumsTabElement.className="";	
						      MusicTabElement.className="first";
			                  RealTonesTabElement.className="";
							  changeActionLink(TopListActionLinkEl,'http://pfw.t-zones.co.uk/web/Downloads/en/Downloads/40games.jsp?toplevel=17421','See all Games');
			                  GamesTabElement.className="current";
							  

						  }
						  catch(err)
						  {						  
						  }
						  break;	
			default: 
			              try
						  {
						  AlbumsTabElement.className="";	
			                  MusicTabElement.className="first current";
			                  RealTonesTabElement.className="";
							  changeActionLink(TopListActionLinkEl,'https://www.music.t-zones.co.uk/','See all music tracks');
			                  GamesTabElement.className="";							  
						  }
						  catch(err)
						  {						  
						  }
						  break;
		    }
		
		
	var style = document.createElement('link');
    style.rel = 'stylesheet';
    style.type = 'text/css';
    style.href = "/content/css/personal/do/content/css/personal/downloads.css";
	document.getElementsByTagName('head')[0].appendChild(style);
}

		function changeActionLink(el,elHref,elValue){
			var elParent=el.parentNode;
		    elParent.removeChild(el);
			var newEl=document.createElement('a');
			newEl.setAttribute("href",elHref);
			newEl.setAttribute("title",elValue);
			newEl.onclick= function() {return popUp(this.href,800,800);};
			newEl.className='action-link-white pointer';
			newEl.id='TopListActionLink';
			var elText = document.createTextNode(elValue);
			newEl.appendChild(elText);
			
			elSpan=document.createElement('span');
			
			var elSpanText = document.createTextNode(String.fromCharCode(160));
			elSpan.appendChild(elSpanText);
			
			newEl.appendChild(elSpan);
			elParent.appendChild(newEl);

			
		}