var videoLayer = {

/*
    // mandatory params
    var params = {
        elementId: 'name',
        videoId: 111111,
        title: 'title name'
    }
*/

    "defaltVimeo": {
        "videoWidth": 680,
        "videoHeight": 481,
        "boxWidth": 710,
        "title": ""
    },

    "vimeo":function(params){
        params = $.extend({},this.defaltVimeo, params);

        var elementId = params.elementId;
        if( $('#'+elementId).length == 0 ){
            $('<div id="'+elementId+'" class="dialog"></div>').appendTo('body');
        }

        vimeoVideo = $("#"+elementId);

        var myOptions = {
            "width": params.boxWidth,
            "close": function(e,ui){ vimeoVideo.html(""); }
        }

        myOptions = $.extend({},modalDefault, myOptions);

        var content = '<iframe src="https://player.vimeo.com/video/'+params.videoId+'?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="'+params.videoWidth+'" height="'+params.videoHeight+'" frameborder="0"></iframe>'

        vimeoVideo.attr('title',params.title)
                  .html(content)
                  .css('background-color','#000000')
                  .dialog(myOptions);
    },

    "youtube":function(params){

        var elementId = params.elementId;
        if( $('#'+elementId).length == 0 ){
            $('<div id="'+elementId+'" class="dialog"></div>').appendTo('body');
        }

        youtubeVideo = $("#"+elementId);

        var myOptions = {
            "width": params.boxWidth,
            "close": function(e,ui){ youtubeVideo.html(""); }
        };
        myOptions = $.extend({},modalDefault, myOptions);

        var content = '<iframe width="640" height="510" src="https://www.youtube.com/embed/'+params.videoId+'?autoplay=1&rel=0" frameborder="0"></iframe>';

        youtubeVideo.attr('title',params.title)
                  .html(content)
                  .css('background-color','#000000')
                  .dialog(myOptions);
    }

}