/*****************************************************************************
 * Open MCT Web, Copyright (c) 2014-2015, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
 * Administration. All rights reserved.
 *
 * Open MCT Web is licensed under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * Open MCT Web includes source code licensed under additional open source
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 * this source code distribution or the Licensing information page available
 * at runtime from the About dialog for additional information.
 *****************************************************************************/
/*global define*/

define(
    ['../InfoConstants'],
    function (InfoConstants) {
        "use strict";

        var BUBBLE_TEMPLATE = InfoConstants.BUBBLE_TEMPLATE,
            OFFSET = InfoConstants.BUBBLE_OFFSET;

        /**
         * Displays informative content ("info bubbles") for the user.
         * @constructor
         */
        function InfoService($compile, $document, $window, $rootScope, agentService) {

            function display(templateKey, title, content, position) {
                var body = $document.find('body'),
                    scope = $rootScope.$new(),
                    winDim = [$window.innerWidth, $window.innerHeight],
	                bubbleSpaceLR = InfoConstants.BUBBLE_MARGIN_LR + InfoConstants.BUBBLE_MAX_WIDTH,
                    goLeft = position[0] > (winDim[0] - bubbleSpaceLR),
                    goUp = position[1] > (winDim[1] / 2),
                    bubble;

                // Pass model & container parameters into the scope
                scope.bubbleModel = content;
                scope.bubbleTemplate = templateKey;
                scope.bubbleLayout = (goUp ? 'arw-btm' : 'arw-top') + ' ' +
                        (goLeft ? 'arw-right' : 'arw-left');
                scope.bubbleTitle = title;

                // Create the context menu
                bubble = $compile(BUBBLE_TEMPLATE)(scope);

                // Position the bubble:
                // Phone: On a phone the bubble is specifically positioned
                //  so that it takes up the width of the screen.
                // Tablet/Desktop: On other devices with larger screens, the
                //  info bubble positioned as normal (with triangle pointing 
                //  to where clicked or pressed)
                bubble.css('position', 'absolute');
                if (agentService.isPhone(navigator.userAgent)) {
                    bubble.css('right', '0px');
                    bubble.css('left', '0px');
                    bubble.css('top', 'auto');
                    bubble.css('bottom', '25px');
                } else {
                    if (goLeft) {
                        bubble.css('right', (winDim[0] - position[0] + OFFSET[0]) + 'px');
                    } else {
                        bubble.css('left', position[0] + OFFSET[0] + 'px');
                    }
                    if (goUp) {
                        bubble.css('bottom', (winDim[1] - position[1] + OFFSET[1]) + 'px');
                    } else {
                        bubble.css('top', position[1] + OFFSET[1] + 'px');
                    }
                }
                // Add the menu to the body
                body.append(bubble);
                
                // Return a function to dismiss the bubble
                return function () { bubble.remove(); };
            }

            return {
                /**
                 * Display an info bubble at the specified location.
                 * @param {string} templateKey template to place in bubble
                 * @param {string} title title for the bubble
                 * @param {*} content content to pass to the template, via
                 *        `ng-model`
                 * @param {number[]} x,y position of the info bubble, in
                 *        pixel coordinates.
                 * @returns {Function} a function that may be invoked to
                 *          dismiss the info bubble
                 */
                display: display
            };
        }

        return InfoService;
    }
);