var index = 0;
var visibility = new Array();
var currentVisible;

$(document).ready(
	function()
	{
        $("#WhatsOn > ul").children().each
        (
            function()
            {
                $(this).click(function(event)
                {
                     if(visibility[this.attributes.id.nodeValue] == 0)
                     {
                        $(event.currentTarget).children(".content").slideDown("slow");
                        visibility[this.attributes.id.nodeValue] = 1;
                        if(currentVisible[0].attributes.id.nodeValue != this.attributes.id.nodeValue)
                        {
                            currentVisible.children(".content").slideUp("slow");
                            currentVisible = $(event.currentTarget);
                            visibility[currentVisible[0].attributes.id.nodeValue] = 0;
                        }
                     }
                     else
                     {
                        $(event.currentTarget).children(".content").slideUp("slow");  
                        visibility[this.attributes.id.nodeValue] = 0;                   
                     }
                });
                if(index == 0)
                {
                    visibility["Event"+index] = 1;
                    currentVisible = $("#Event1")
                }
                else
                {
                    visibility["Event"+index] = 0;
                    var content = $(this).children(".content");
                    content.slideUp("slow");
                }
                index ++;
            }
        )
});