/* Meetup Repeater Widget Navigation Controls (<< - < --- > --- >>) */
/* this is here because firefox likes it, ie and chrome are ok with it in the body */

/* global variables */
var currEvent=0; 
var oldEvent=0; 
var lastEvent;  /* initialized in page load - data dependent */

/* note the naming conventions need to match the page, this is NOT generic */
function showMeetups(newEvent)
{
    // enable and disable buttons
    // oldEvent is to store the "page" we are leaving
    // newEvent is assigned by buttons calling function
    // currEvent is the new "page"  
    oldEvent = currEvent;
    currEvent = newEvent;
    
    // on first or last page, disable appropriate buttons
    switch (currEvent)
    {
        case -1:
            currEvent = 0;  // note NO BREAK            
        case 0:
            document.getElementById('cmdFirst').src='Images10/Button-FirstOff.jpg';
            document.getElementById('cmdPrev').src='Images10/Button-PrevOff.jpg';
            document.getElementById('cmdNext').src='Images10/Button-Next.jpg';
            document.getElementById('cmdLast').src='Images10/Button-Last.jpg';
            break;
        case lastEvent+1:
            currEvent = lastEvent;  // note NO BREAK
        case lastEvent:
            document.getElementById('cmdFirst').src='Images10/Button-First.jpg';
            document.getElementById('cmdPrev').src='Images10/Button-Prev.jpg';
            document.getElementById('cmdNext').src='Images10/Button-NextOff.jpg';
            document.getElementById('cmdLast').src='Images10/Button-LastOff.jpg';
            break;
        default:
            document.getElementById('cmdFirst').src='Images10/Button-First.jpg';
            document.getElementById('cmdPrev').src='Images10/Button-Prev.jpg';
            document.getElementById('cmdNext').src='Images10/Button-Next.jpg';
            document.getElementById('cmdLast').src='Images10/Button-Last.jpg';            
    }
        
    // hide the old and show the new; update counter display
    document.getElementById('meetup'+oldEvent).style.display = "none";    
    document.getElementById('meetup'+currEvent).style.display = "block";    
    document.getElementById('meetupLabel').innerHTML = 'Event ' + (currEvent+1) + ' of ' + (lastEvent+1);
}