var contentType="Cape_Town";
var gender="male";

function loadTabContent(clickedTab,tabRow)
{

    //$(".active").removeClass("active");
    var feedUrl="/ajax/ajaxhandler.ashx";
    
     if(tabRow=="top")
        {
             var tabID2=clickedTab.id;
             //var index2 = tabID2.indexOf("_");
             //contentType = tabID2.substring(0,index2);
             contentType = clickedTab.id;
             //set active tabs
             $("ul.regionTabs > li > a").removeClass("active");

        }
        else
        {
             var tabID=clickedTab.id;
             var index = tabID.indexOf("_");
             gender = tabID.substring(0,index);
             $("a[@id*=_gender]").removeClass("active");
        }
        
     clickedTab.className = "active";
     document.getElementById("loadingDiv").innerHTML="<img src='/images/ajax/indicator.gif' />";
	$.ajax({
	   type: "POST",
	   url: feedUrl,
	   dataType:"xml",
	   data: "feedType=regionUsers&region="+contentType+"&gender="+gender,
	   success: function(msg)
	   {
	      document.getElementById("loadingDiv").innerHTML="";
	     var activityDiv=document.getElementById("activityDiv");
	     var bigDescription="";
	     var xmlDescription="";
	     
	     var item_message_nodes = msg.getElementsByTagName("item");
	     if(item_message_nodes.length > 0)
         {
	     
	     
         var n_messages = item_message_nodes.length;
         
         var message_nodes="";
     	 message_nodes=item_message_nodes[0].getElementsByTagName("description");

	     for(j = 0;j < message_nodes[0].childNodes.length;j++)
	     {
	             xmlDescription =message_nodes[0].childNodes[j].nodeValue; 
                 xmlDescription = xmlDescription.replace(/&lt;/g, '<').replace(/&gt;/g, ">").replace(/&amp;/g, "&");
                 bigDescription+=xmlDescription;   
          }
	       activityDiv.innerHTML=bigDescription;  
	      }
	      else
	      {
	       activityDiv.innerHTML="<p class='empty'>No users found</p>";  
	      }
	   }
	 });
}

function loadMemberTab(clickedTab)
{

    //$(".active").removeClass("active");
    var feedUrl="/ajax/ajaxhandler.ashx";
    var memberTypeContent="";
    
             var tabID=clickedTab.id;
             var index = tabID.indexOf("_");
             memberTypeContent = tabID.substring(0,index);
             $("a[@id*=_MemberTab]").removeClass("active");
        
     clickedTab.className = "active";
     document.getElementById("loadingDivTop").innerHTML="<img src='/images/ajax/indicator.gif' />";
	$.ajax({
	   type: "POST",
	   url: feedUrl,
	   dataType:"xml",
	   data: "feedType="+memberTypeContent,
	   success: function(msg)
	   {
	      document.getElementById("loadingDivTop").innerHTML="";
	     var activityDiv=document.getElementById("userDiv");
	     var bigDescription="";  
	     var xmlDescription="";  
	     
	     var item_message_nodes = msg.getElementsByTagName("item");
	     if(item_message_nodes.length > 0)
         {
	     
	     
         var n_messages = item_message_nodes.length;
         
         var message_nodes="";
     	 message_nodes=item_message_nodes[0].getElementsByTagName("description");

	     for(j = 0;j < message_nodes[0].childNodes.length;j++)
	     {
	             xmlDescription =message_nodes[0].childNodes[j].nodeValue; 
                 xmlDescription = xmlDescription.replace(/&lt;/g, '<').replace(/&gt;/g, ">").replace(/&amp;/g, "&");
                 bigDescription+=xmlDescription;   
          }
	       activityDiv.innerHTML=bigDescription;  
	      }
	      else
	      {
	       activityDiv.innerHTML="<p class='empty'>No users found</p>";  
	      }
	   }
	 });


}