sCurrentPage = 'navEvents';

function InitEvents() {
    // Facebook is our default tab
    //jQuery('#eventsSummer').css('display', 'none');

    //Until there are more Facebook events, summer will be default
    ShowSummerEvents();

    jQuery('#tabFacebook').click(function (event) {
        ShowFacebookEvents();
    });

    jQuery('#tabSummer').click(function (event) {
        ShowSummerEvents();
    });

    jQuery("#eventsSummer input:radio[@name='cities']").change(function () {
        jQuery('#eventList').html('<img src="/Images/Events/loading.gif" alt="Loading" />');
        PopulateSummerEvents(jQuery(this).val());
    });
}

function ShowFacebookEvents() {
    jQuery('#tabFacebook').css('z-index', '201');
    jQuery('#tabSummer').css('z-index', '200');
    jQuery('#eventsTop').removeClass('topRedRounded').addClass('topBlueRounded');
    jQuery('#eventsCallout').html('<img src="/Images/Events/eventsBubble.png" alt="RSVP now" />');
    jQuery('#eventsContent').removeClass('contentRed').addClass('contentBlue');
    jQuery('#eventsBottom').removeClass('bottomRedRounded').addClass('bottomBlueRounded');
    jQuery('#eventsFacebook').css('display', 'block');
    jQuery('#eventsSummer').css('display', 'none');
}

function ShowSummerEvents() {
    jQuery('#tabFacebook').css('z-index', '200');
    jQuery('#tabTwitter').css('z-index', '201');
    jQuery('#eventsTop').removeClass('topBlueRounded').addClass('topRedRounded');
    jQuery('#eventsCallout').html('<img src="/Images/Events/eventsCities.png" alt="Cities" />');
    jQuery('#eventsContent').removeClass('contentBlue').addClass('contentRed');
    jQuery('#eventsBottom').removeClass('bottomBlueRounded').addClass('bottomRedRounded');
    jQuery('#eventsFacebook').css('display', 'none');
    jQuery('#eventsSummer').css('display', 'block');

    jQuery('#eventCityDallas').attr('checked', 'checked');
    jQuery('#eventList').html('<img src="/Images/Events/loading.gif" alt="Loading" />');
    PopulateSummerEvents(jQuery("#eventsSummer input:radio[@name='cities']").val());
}

function PopulateSummerEvents(_sMarket) {
    jQuery.get("/API/Slurpee/GetEvents.ashx", { sMarket: _sMarket }, function(xml) { PopulateSummerEventsHTML(xml); }, "xml");
}

function PopulateSummerEventsHTML(xml) {
    var sHTML = '';

    jQuery(xml).find('event').each(function() {
        sHTML += '<p class="header">' + jQuery(this).attr('name') + '</p>';
        sHTML += '<p>Date: <b>' + jQuery(this).attr('date') + '</b><br />Where: <b>' + jQuery(this).attr('location') + '</b></p>';
        sHTML += '<div class="separator"></div>';
    });

    $("#eventList").slideUp("fast", function () {
        if (sHTML.length > 0)
            jQuery('#eventList').html(sHTML);
        else
            jQuery('#eventList').html('<p class="header">No events were found in the selected city.</p><p>Please check back later as events are added throughout the summer.</p>');
        $("#eventList").slideDown("fast");
    });
}