var Toggle =
{
    init: function()
    {
        // Home workshop/events toggle
        var toggleTabs = $(".toggleTabs");

        for (var i = 0, ii = toggleTabs.length; i < ii; i++)
        {
            $(toggleTabs[i]).bind("click", Toggle.toggleView);
        }
        
    },

    toggleView: function(event)
    {
        var tabClicked = this;

        var workshopPanel = $(".workshopPanel")[0];
        var eventsPanel = $(".eventsPanel")[0];
        var postcodePanel = $(".postcodePanel")[0];
        var upcomingTab = $(".upcoming")[0];
        var eventSectionTab = $(".event_section")[0];

        if ($(tabClicked).hasClass("workshop"))
        {
            workshopPanel.style.display = "block";
            eventsPanel.style.display = "none";

            upcomingTab.style.display = "block";
            eventSectionTab.style.display = "none";
        }
        else if ($(tabClicked).hasClass("events"))
        {
            workshopPanel.style.display = "none";
            eventsPanel.style.display = "block";

            upcomingTab.style.display = "none";
            eventSectionTab.style.display = "block";
        }
        postcodePanel.style.display = "none";

        event.preventDefault();
    }
}

Toggle.init();