tvguide/example/web/js/index.js

Node module that auto-gets current (Dutch) tv show information

// Color scheme
var colors = { white: '#f0f0f0', light: '#6ca284', normal: '#2c7a4f', dark: '1d4f33', black: '#303030' };

var visibilityCount = 0;

/* Onload
 *
 * Start content loading here
 */
$(function () {
    // Get content (calls client.js)
    client.requestGuide();

    // Add click listeners
    // Listeners for the guide pages are added in initGuide();
    $('.menuButton').on('tap', function () {
        menuButtonHandler(this);
    });
    // Add settings listeners
    $('.settingsMenuButton').on('tap', function () {
        settings.menuHandler(this);
    });
    $('.settingButton').on('tap', function () {
        settings.buttonHandler(this);
    });

    // Add listener for visibilitychange
    document.addEventListener('visibilitychange', function (e) {
        visibilityCount++;
        if (visibilityCount == 2) {
            client.connect();
            client.requestProgresses();
            visibilityCount = 0;
        }
    });
});

// Menu click handler
function menuButtonHandler(item) {
    // Get current and clicked Menu item & Page id's
    var activeId = $('.menuButton.menuActive').attr('id');
    var thisId = item.id;
    var activePage = '#' + activeId.substr(4).toLowerCase();
    var thisPage = '#' + thisId.substr(4).toLowerCase();
    activeId = '#' + activeId;
    thisId = '#' + thisId;

    // Show selected page
    $(activePage).addClass('hidden');
    $(thisPage).removeClass('hidden');

    // Update menu button
    $(activeId).removeClass('menuActive');
    $(thisId).addClass('menuActive');

    // Update the menu background indicator
    var bgx = $(item).position().left;
    $('#menuBackground').animate({ 'left': bgx }, 200);
}