function VP_Editor_Embed(ParamOBJ)
{
        var vpID = 0;
        var accID = 0;
        var isGuest = 0;
        var MDvpID = 0;
        var isStudentCreated = 0;
        var domain = "//www.voki.com";
        var apiDomain = "//www.voki.com/api/vpApi.php";
        var basicUser = 0;
        var lesson_id = '';
        var student_id = '';
        var VHSSdomain = "//vhss.oddcast.com";
        var partnerId = 16;
        var partnerConfigId = 629;
        var accountLevel = 0;
        var scripts = document.getElementsByTagName("script");
        if(ParamOBJ['vpID']){ vpID = ParamOBJ['vpID']; }
        if(ParamOBJ['accID']){ accID = ParamOBJ['accID']; }
        if(ParamOBJ['isGuest']){ isGuest = ParamOBJ['isGuest']; }
        if(ParamOBJ['MDvpID']){ MDvpID = ParamOBJ['MDvpID']; }
        if(ParamOBJ['isStudentCreated']){ isStudentCreated = ParamOBJ['isStudentCreated']; }
        if(ParamOBJ['basicUser']){ basicUser = ParamOBJ['basicUser']; }
        if(ParamOBJ['lesson_id']){ lesson_id = ParamOBJ['lesson_id']; }
        if(ParamOBJ['student_id']){ student_id = ParamOBJ['student_id']; }
        if(ParamOBJ['accountLevel']){ accountLevel = ParamOBJ['accountLevel']; }
        if(student_id != '')
        {
            partnerId = 16;
            partnerConfigId = 629;
        }
        var scripts = document.getElementsByTagName("script");
        for (var i=0;i<scripts.length;i++) 
        {
            str = scripts[i].src;
            if (str.indexOf("vp_embed_presentor.php") >= 0)
            {
                var el = document.createElement("div");
                var attid = document.createAttribute("id");       // Create a "class" attribute
                attid.value = 'vp-editor-frame';  
                el.setAttributeNode(attid);
                var attstyle = document.createAttribute("style");       // Create a "class" attribute
                attstyle.value = 'float: left;width: 100%;height: 100%;';  
                el.setAttributeNode(attstyle);
                scripts[i].parentNode.insertBefore(el, scripts[i]);
                var html = '';
                html = "<iframe id='vp-editor' height='100%' width='100%' style='border: none;max-width:100%;' src='"+domain+"/vp-editor/index.html?accID="+accID+"&vpID="+vpID+"&isGuest="+isGuest+"&MDvpID="+MDvpID+"&isStudentCreated="+isStudentCreated+"&domain="+domain+"&basicUser="+basicUser+"&apiDomain="+apiDomain+"&lesson_id="+lesson_id+"&student_id="+student_id+"&VHSSdomain="+VHSSdomain+"&partnerId="+partnerId+"&partnerConfigId="+partnerConfigId+"&accountLevel="+accountLevel+"'></iframe><div id='vp-help' class='modal fade' role='dialog' style='padding-right:0 !important'><div class='modal-dialog' id='modal-dialog' style='margin:0px;width: 100%;max-width: 100%;'><div class='modal-content'><div class='modal-header' style='position: absolute;z-index: 10;float: right;width: 25px;height: 25px;right: 10px;top: 10px;cursor: pointer;padding: 0;'><img onclick='VP_closeHelpSettings(this)' src='"+domain+"/vp-editor/styles/img/savepopup-cross.png'/></div><div id='model_body' class='modal-body' style='padding: 1% 1%;height: 100%;'><div id='vp-help-overlay'><img style='width:100%;height: 100%;' src='"+domain+"/vp-editor/styles/img/overlay-bg.png' alt='help-overlay' title='Help'/></div></div></div></div></div>";
                document.getElementById("vp-editor-frame").innerHTML = html;
            }
        }
}
function VP_openHelpSettings()
{
    var modalHW = VP_CalculateModalHeightWidth();
    var winWidth = (document.body.clientWidth-20);
    var winheight = winWidth/1.33;
    var calcObj = VP_calculateXYmargin(modalHW.width,modalHW.height);
    $('#vp-help').modal('show');
    $("#vp-help").css('height',modalHW.height+'px');
    $("#vp-help").css('width',modalHW.width+'px');
    $("#vp-help").css('left',calcObj.width+'px');
    $("#vp-help").css('top',calcObj.height+'px');
    $("#vp-help").css('padding-right','0');
    $("#vp-help").css('overflow','hidden');
}
function VP_closeHelpSettings()
{
    $('#vp-help').modal('hide');
}
function VP_calculateXYmargin(width,height)
{
    var h = jQuery(window).height();
    var w = jQuery(window).width();
    var wid = (w-width)/2;
    var hei = (h-height)/2;
    return {width: (wid),height:(hei)}
}
function VP_CalculateModalHeightWidth()
{
    var win_height = jQuery(window).height();
    var win_widt = jQuery(window).width();
    var winpercent = 90;
    var heipercent = 70;
    if (win_widt < 768 || win_height < 640)
    {
        winpercent = 95;
        heipercent = 20;
    }
    var ratio = win_widt / win_height;
    if (ratio <= '1.33')
    {
        var ModalWidth = (winpercent * win_widt) / 100;
        var ModalHeight = ModalWidth / 1.33;
    }
    else
    {
        var ModalHeight = win_height - heipercent; //(93*windowHeight)/100;
        var ModalWidth = ModalHeight * 1.33;
    }
    
    var MWidth = Math.round(ModalWidth);
    var Mheight = Math.round(ModalHeight);
    if (MWidth > 1600 || Mheight > 1200)
    {
        MWidth = 1600;
        Mheight = 1200;
    }
    return {'width': MWidth, 'height': Mheight};
}