function toggleContent(categoryName)
{
var targetContent = $("ul[@id*=bandCat_]").slideUp(300);
	var targetContent = $("#"+categoryName);
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
	} else {
		targetContent.slideUp(300);
	}
	return false;
}

    function clearText(control)
    {
        var curText = control.value;
        
        if (curText == 'Search artists')
        {
            control.value = '';
        }
    }
    function setText(control)
    {
        var curText = control.value;
        
        if (curText == '')
        {
            control.value = 'Search artists';
        }
    }
var loadingImage = '<img src="/images/ajax/indicator.gif" alt="" id="loading_image" border="0" />';

function loadSpeakerbox(catid)
{
    var url = "/feeds/getfeed.aspx?url=http://www.speakerbox.co.za/rss/hubs.aspx?limit=5%26type=getArticles%26catid=" + catid;
        
        $("ul#speakerbox_tabs > li:eq(0)").before('<li class="loadinggif">'+loadingImage+'</li>');
        
        $.ajax({
            url: url,
            type: "GET",
            success: function(msg)
            {
                var output = '';
                var articles = msg.getElementsByTagName("ARTICLE");
                
                for (var i = 0;i < articles.length; i++)
                {
                    var title = articles[i].getElementsByTagName("TITLE")[0].firstChild.nodeValue;
                    var blurb = articles[i].getElementsByTagName("BLURB")[0].firstChild.nodeValue;
                    var image = articles[i].getElementsByTagName("IMAGE")[0].firstChild.nodeValue.replace("w=250","w=100");
                    var pubdate = articles[i].getElementsByTagName("PUBDATE")[0].firstChild.nodeValue;
                    var link = articles[i].getElementsByTagName("LINK")[0].firstChild.nodeValue;
                    
                    

                    output += '<li style="float:left; width:480px;">';
                    output += '<div class="r-image">';					
                    output += '<a href="'+link+'" target="_blank"><img border="0" src="'+image+'" /></a>';
                    output += '</div>';						
                    output += '<div class="r-meta">';						
                    output += '<b style="font-size:150%"><a href="'+link+'" target="_blank">'+title+'</a></b>';
                    output += '<div class="meta">'+pubdate+'</div>';
                    output += '<div>'+blurb+'</div>';
					output += '<a class="readmore" href="'+link+'" target="_blank">Read more...</a>';
                    output += '</div>';						
                    output += '</li>';
                    
                    $("ul#speakerbox_tabs > li.loadinggif").remove();
                }
                
                $("ul#speakerbox").html(output);
            }
        });
}

$(document).ready(function() {
    loadSpeakerbox("All");
    
    $("ul#speakerbox_tabs > li > a").click(function() {
        $("ul#speakerbox_tabs > li > a").removeClass("active");
        
        $(this).addClass("active");
        
        loadSpeakerbox($(this).attr("rel"));
    });
    
    $(".player").jmp3({
		    filepath: "",
		    width: "200"
	});
		
    loadArtists("ul_latest_artists_container", "All");
    loadGigguide("ul_gigguide_container","All");
    
    $("ul#ul_latest_artists > li > a").click(function() {
        $(this).parent().siblings().find("a").removeClass("active");
        $(this).addClass("active");
        
        loadArtists($(this).parent().parent().attr("id") + "_container", $(this).text());
    });
    
    $("ul#ul_gigguide > li > a").click(function() {
        $(this).parent().siblings().find("a").removeClass("active");
        $(this).addClass("active");
        
        loadGigguide($(this).parent().parent().attr("id") + "_container", $(this).text());
    });
    
});

function loadGigguide(containerID,category)
{
    $("#" + containerID.replace('_container','')).append('<li>'+loadingImage+'</li>');
    
    $.ajax({
        url: "/ajax/bandHandler.ashx",
        data: "type=getgigs&limit=5&bcat=" + category,
        type: "GET",
        success: function(msg)
        {
           var gigs = msg.getElementsByTagName("GIG");
           
           var list = '';
           
           if (gigs.length > 0)
           {
                for (var i = 0; i < gigs.length; i++)
                {
                    if(i==0)
                    {
                        list += '<li><div class="mb-post"><div class="mb-content"><div class="mb-entry">';
                    }
                    else
                    {
                        list += '<li><div class="mb-post"><div class="mb-content"><div class="mb-entry">';
                    }
                    list += '<small style="font-weight:normal">'+gigs[i].getElementsByTagName("SDATE")[0].firstChild.nodeValue+'</small> ';
                    list += '<a href="/events/readEvent.aspx?id='+gigs[i].getAttribute("id")+'"><b>'+gigs[i].getElementsByTagName("TITLE")[0].firstChild.nodeValue+'</b></a>';
                    list += '</div></div></div></li>';
                }
                
                $("#" + containerID + " > ul").html(list);
                $("#" + containerID + " > ul").css("display","block");
                $("#" + containerID + " > div.empty_small").css("display","none");
           }
           else
           {
                $("#" + containerID + " > ul").css("display","none");
                $("#" + containerID + " > div.empty_small").css("display","block");
           }
           
           
           $("img#loading_image").parent().remove();
        }
    });
    
}

function loadArtists(containerID,category)
{
    var linkText="All bands";
    var linkLocation="/bands/bandSearchResults.aspx?item=" + category;
    if(category != "All")
    {
        linkText=linkText+" in "+category;
    }
    document.getElementById("bandCategoryLink").innerHTML = linkText;
    document.getElementById("bandCategoryLink").href=linkLocation
     
    $("#" + containerID.replace('_container','')).append('<li>'+loadingImage+'</li>');
    
    $.ajax({
        url: "/ajax/bandHandler.ashx",
        data: "type=getbands&limit=6&bcat=" + category,
        type: "GET",
        success: function(msg)
        {
            var bands = msg.getElementsByTagName("BAND");
            var bandListLeft = '';
            var bandListRight = '';
            
            if (bands.length > 0)
            {
                for (var i = 0; i < bands.length; i++)
                {
                    var liTemplate = '';

						liTemplate += '<li>';
		
						
						var bandid = bands[i].getAttribute("id");
						var bandName = '';
						var bandPic = '';
						var bandCat = '';
						var bandSubcat = '';
						var bandDesc = '';
						
						if (bands[i].getElementsByTagName("NAME")[0].firstChild != null)
						{
						    bandName = bands[i].getElementsByTagName("NAME")[0].firstChild.nodeValue;
						}
						if (bands[i].getElementsByTagName("PIC")[0].firstChild != null)
						{
						    bandPic = bands[i].getElementsByTagName("PIC")[0].firstChild.nodeValue;
						}
						if (bands[i].getElementsByTagName("CATEGORY")[0].firstChild != null)
						{
						    bandCat = bands[i].getElementsByTagName("CATEGORY")[0].firstChild.nodeValue;
						}
						if (bands[i].getElementsByTagName("SUBCATEGORY")[0].firstChild != null)
						{
						    bandSubcat = bands[i].getElementsByTagName("SUBCATEGORY")[0].firstChild.nodeValue;
						}
						if (bands[i].getElementsByTagName("DESC")[0].firstChild != null)
						{
						    bandDesc = bands[i].getElementsByTagName("DESC")[0].firstChild.nodeValue;
						}
						
						liTemplate += '<a href="/bands/profile.aspx?id='+bandid+'"><img src="'+thumbnailer+'?section=bandPictures&w=85&h=&image='+bandPic+'" /></a>';
						liTemplate += '<h3><a href="/bands/profile.aspx?id='+bandid+'">'+bandName+'</a></h3>';
						liTemplate += '<div class="bandmeta">'+bandCat+' > '+ bandSubcat +'</div>';
						liTemplate += '<div class="banddata">'+bandDesc;
						liTemplate += '<div class="bandmore"><a href="/bands/profile.aspx?id='+bandid+'">View profile...</a></div>';
						liTemplate += '</div>';
						liTemplate += '</li>';
                    
                   if (i <= 2)
                   {
                        bandListLeft += liTemplate;
                   }
                   else
                   {
                        bandListRight += liTemplate;
                   }
                    
                }
                
                $("#bandListLeft").html(bandListLeft);
                $("#bandListRight").html(bandListRight);
                
                $("#" + containerID + " > ul").css("display","block");
                $("#" + containerID + " > div.empty").css("display","none");
                
            }
            else
            {
                $("#" + containerID + " > ul").css("display","none");
                $("#" + containerID + " > div.empty").css("display","block");
            }
            $("#loading_image").parent().remove();
         }
         
         
    });
}