/**
 *  Switches to a new tab in the tabbed worklist container
 *  This function renders either the Worklist or the Viewer template with new data.
 *
 * @param contentId The unique ID of the tab to be switched to
 */
switchToTab = function(contentId) {
    if (!contentId) {
        return;
    }

    log.info('Switching to tab: ' + contentId);

    // Use Bootstrap's Tab JavaScript to show the contents of the current tab
    // Unless it is the worklist, it is currently an empty div
    $('.tabTitle a[data-target="#' + contentId + '"]').tab('show');

    // Remove any previous Viewers from the DOM
    $('.viewerContainer').remove();
    $('.worklistContainer').remove();

    // Update the 'activeContentId' variable in Session
    Session.set('activeContentId', contentId);

    // If we are switching to the Worklist tab, reset any CSS styles
    // that have been applied to prevent scrolling in the Viewer.
    // Then stop here, since nothing needs to be re-rendered.
    var container;
    if (contentId === 'worklistTab') {
        container = $('.tab-content').find('#worklistTab').get(0);
        var worklistContainer = document.createElement('div');
        worklistContainer.classList.add('worklistContainer');
        container.appendChild(worklistContainer);

        // Use Blaze to render the WorklistResult Template into the container
        Blaze.render(Template.worklistResult, worklistContainer);

        document.body.style.overflow = null;
        document.body.style.height = null;
        document.body.style.minWidth = null;
        document.body.style.position = null;
        return;
    }

    // Tab was closed at some point, stop here
    if (!ViewerData[contentId]) {
        return;
    }

    // Use the stored ViewerData global object to retrieve the studyInstanceUid
    // related to this tab
    var studyInstanceUids = ViewerData[contentId].studyInstanceUids;

    // Attempt to retrieve the meta data (it might be cached)
    getStudiesMetadata(studyInstanceUids, function(studies) {
        // Tab closed while study data was being retrieved, stop here
        if (!ViewerData[contentId]) {
            log.warn('Tab closed while study data was being retrieved');
            return;
        }

        // Once we have the study data, store it in a structure with
        // any other saved data about this tab (e.g. layout structure)
        var data = jQuery.extend({}, ViewerData[contentId]);
        data.studies = studies;
        data.contentId = contentId;

        if (ViewerData[contentId].studies && ViewerData[contentId].studies.length) {
            data.studies = ViewerData[contentId].studies;
        }

        // Get tab content container given the contentId string
        // If no such container exists, stop here because something is wrong
        var container = $('.tab-content').find('#' + contentId).get(0);
        if (!container) {
            log.warn('No container present with the contentId: ' + contentId);
            return;
        }

        // Remove the loading text template that is inside the tab container by default
        var viewerContainer = document.createElement('div');
        viewerContainer.classList.add('viewerContainer');
        container.innerHTML = '';
        container.appendChild(viewerContainer);

        // Use Blaze to render the Viewer Template into the container
        Blaze.renderWithData(Template.viewer, data, viewerContainer);

        // Retrieve the DOM element of the viewer
        var imageViewer = $('#viewer');

        // If it is present in the DOM (it should be), then apply
        // styles to prevent page scrolling and overscrolling on mobile devices
        if (imageViewer) {
            document.body.style.overflow = 'hidden';
            document.body.style.height = '100%';
            document.body.style.width = '100%';
            document.body.style.minWidth = 0;

            // Prevent overscroll on mobile devices
            document.body.style.position = 'fixed';
        }
    });
};