/**
 * @module Player
 */


/**
 * I am the type definition of an Hypervideo (as an item in the overview mode or in project manager).
 * __Do not confuse me__ with the data model of the current hypervideo stored
 * in {{#crossLink "HypervideoModel"}}HypervideoModel{{/crossLink}}!
 *
 * @class Hypervideo
 * @category TypeDefinition
 */


FrameTrail.defineType(

    'Hypervideo',
    

    function(data){

        this.data = data;


    },

    {
        
        /**
         * I render a thumb for the hypervideo data in my this.data attribute.
         *
         * The jquery-enabled HTMLElement which I return contains all necessary meta information needed by
         * e.g. the {{#crossLink "ViewOverview"}}ViewOverview{{/crossLink}}.
         *
         * @method renderThumb
         * @return HTMLElement
         */
        renderThumb: function() {

            var hypervideoID    = FrameTrail.module('Database').getIdOfHypervideo(this.data),

                href            =     '?project='
                                    + FrameTrail.module('RouteNavigation').projectID
                                    + '&hypervideo='
                                    + hypervideoID,

                thumbBackground = (this.data.thumb ? 
                    'background-image: url('+ FrameTrail.module('RouteNavigation').getResourceURL(this.data.thumb) +');' : '' );

                thumbElement    =   $('<div class="hypervideoThumb" data-hypervideoID="'+ hypervideoID +'" data-name="'+ this.data.name +'" style="'+ thumbBackground +'">'
                                    + '    <div class="hypervideoThumbContent">'
                                    + '        <a href="'+ href +'" class="hypervideoIcon"></a>'
                                    + '    </div>'
                                    + '    <div class="hypervideoTitle">'+ this.data.name +'</div>'
                                    + '</div>');

            return thumbElement;


        }
        



    }

);