function createGUI(planetShortcuts, triggerAnimationParameter) {
        triggerAnimation = triggerAnimationParameter;
        
        var canvasContainer       = document.getElementById('canvas_solar_system__container'),
            instructionsContainer = document.createElement('DIV'),
            guiContainer          = document.createElement('DIV');
        
        canvasContainer.insertBefore(instructionsContainer, canvasContainer.firstChild);
        canvasContainer.appendChild(guiContainer);
        guiContainer.id = 'webgl_solarsystem_gui';
        instructionsContainer.id = 'webgl_solarsystem_instructions';

        createInstructions(instructionsContainer, planetShortcuts);
        createSliders(guiContainer);
    }
/**
     * Creates the GUI.
     * @method createGUI
     * @param  {object} planetShortcuts    Array of planet names and the keyboard shortcut to use to snap to them.  
     * @param  {Function} triggerAnimationParameter Provides a hook for updating animation after changing input values (@TODO - this is a code smell. Should decouple the animation from the GUI inputs.)
     */
Creates the GUI.
@method createGUI
@param  {object} planetShortcuts    Array of planet names and the keyboard shortcut to use to snap to them.
@param  {Function} triggerAnimationParameter Provides a hook for updating animation after changing input values (@TODO - this is a code smell. Should decouple the animation from the GUI inputs.)
Creates the GUI . @method createGUI @param { object } planetShortcuts Array of planet names and the keyboard shortcut to use to snap to them . @param { Function } triggerAnimationParameter Provides a hook for updating animation after changing input values ( @TODO - this is a code smell . Should decouple the animation from the GUI inputs . )
function createGUI(planetShortcuts, triggerAnimationParameter) {
        triggerAnimation = triggerAnimationParameter;
        var canvasContainer       = document.getElementById('canvas_solar_system__container'),
            instructionsContainer = document.createElement('DIV'),
            guiContainer          = document.createElement('DIV');
        canvasContainer.insertBefore(instructionsContainer, canvasContainer.firstChild);
        canvasContainer.appendChild(guiContainer);
        guiContainer.id = 'webgl_solarsystem_gui';
        instructionsContainer.id = 'webgl_solarsystem_instructions';
        createInstructions(instructionsContainer, planetShortcuts);
        createSliders(guiContainer);
    }
function createGUI ( planetShortcuts , triggerAnimationParameter ) { triggerAnimation = triggerAnimationParameter ; var canvasContainer = document . getElementById ( 'canvas_solar_system__container' ) , instructionsContainer = document . createElement ( 'DIV' ) , guiContainer = document . createElement ( 'DIV' ) ; canvasContainer . insertBefore ( instructionsContainer , canvasContainer . firstChild ) ; canvasContainer . appendChild ( guiContainer ) ; guiContainer . id = 'webgl_solarsystem_gui' ; instructionsContainer . id = 'webgl_solarsystem_instructions' ; createInstructions ( instructionsContainer , planetShortcuts ) ; createSliders ( guiContainer ) ; }
Creates the GUI.
Creates the GUI .