(function(){
    var type = "2";
    var msg = {};
    msg["reviews"] = "Opiniones";
    msg["webs"] = "Fuentes";
    msg["pos"] = "Positivas";
    msg["neu"] = "Neutrales";
    msg["neg"] = "Negativas";
    msg["dialogTitle"] = "¿Qué es el Gueset Rating Score™?";
    msg["dialog1"] = "El Gueset Rating Score™(GRS™) es un indicador independiente del nivel de calidad del hotel, basado en valoraciones online a nivel mundial.";
    msg["dialog2"] = "El GRI™ es calculado a través del análisis de más de 100 millones de comentarios de consumidores en 40 idiomas, incluyendo más de 100 de las principales agencias de viaje online, como Travelocity, Expedia, etc.";
    msg["dialog31"] = "Proporcionado por,";
    msg["dialog32"] = "ReviewPro,";
    msg["dialog33"] = "proveedor lÍder de herramientas de análisis para la gestión de la reputación online del sector hotelero; y ofrece una medición completa e imparcial de la reputación online de este hotel.";
    msg["dialog41"] = "ReviewPro certifica";
    msg["dialog42"] = "que la información presentada en este sello de calidad es precisa y fiable.";
    msg["good"] =  "Muy Bueno";
    msg["medium"] =  "Bueno";
    msg["bad"] =  "Mal";
    msg["noData"] = "Datos Insf.";

    //var gri = parseFloat("8.7");
    var gri = 8.7;
                var reviews = 722;
                    var websites = 19;
                var positive = 519;
        var neutral = 174;
        var negative = 29;
    
function init(){
        var scriptcss = document.createElement("link");
        scriptcss.setAttribute("type", "text/css");
        scriptcss.setAttribute("media", "screen");
        scriptcss.setAttribute("rel", "stylesheet");
        scriptcss.setAttribute("href", "https://sapi.reviewpro.com/static/css/widget.css");
        var html = generateWidgetHtml();
        document.getElementById('rpro-external-widget').innerHTML = html;
        document.getElementById('rpro-external-widget').appendChild(scriptcss);
        setTimeout(function(){document.getElementById('rp-widget').style.display = "block";}, 800);
        initEvents();
    }

    function generateWidgetHtml(){
        var html = '<div id="rp-widget" style="display:none" ';
        if(parseInt(type,10) == 4){
            html += 'class="widget-type-4"';
        }
        html += '>';
        html += '<div class="rp-widget-top"><div class="rp-widget-top-title">';
            html += '<img alt="ReviewPro" title="ReviewPro" src="https://sapi.reviewpro.com/static/img/widget/widget-rp-logo.png" id="rp-widget-logo"><img id="rp-widget-js-info" src="https://sapi.reviewpro.com/static/img/widget/widget-info.png" alt="i"/></div>';
            html += '<div class="rp-widget-gri-title">Guest Rating Score&trade;</div>';
            if(isNaN(gri)){
                html += '<div class="rp-widget-gri-text">' + (typeof(msg["noData"]) !== "undefined" && msg["noData"] != "" ?  msg["noData"] : "Insf.Data") + '</div>';
            }else if(typeof(positiveThreshold) !== "undefined"){
                if(gri >= positiveThreshold ){
                    html += '<div class="rp-widget-gri-text">' + msg["good"] + '</div>';
                }else if(gri < neutralThreshold){
                    html += '<div class="rp-widget-gri-text">' + msg["bad"] + '</div>';
                }else{
                    html += '<div class="rp-widget-gri-text">' + msg["medium"] + '</div>';
                }
            }else{
                html += '<div class="rp-widget-gri-value">8.7<span style="font-size: 60%;font-weight: normal;">/10</span></div>';
            }
            if(type != 1){
            html += '<div class="rp-widget-sources">';
                html += '<div class="rp-widget-sources-element"><span class="rp-widget-number">' + reviews + '</span><span class="rp-widget-label">' + (typeof(msg["reviews"]) !== "undefined" && msg["reviews"] != "" ?  msg["reviews"] : "Reviews") + '</span></div>';
                html += '<div class="rp-widget-sources-element"><span class="rp-widget-number">' + websites + '</span><span class="rp-widget-label">' + (typeof(msg["webs"]) !== "undefined" && msg["webs"] != "" ?  msg["webs"] : "Websites") + '</span></div>';
                html += '</div>';
            }
            html += '<div class="rp-widget-graph">';
                html += '<div title="' + (typeof(msg["pos"]) !== "undefined" && msg["pos"] != "" ?  msg["pos"] : "Positive") + ': ' + positive +  '(71%)" style="width:71%;" class="rp-widget-green-segment"></div>';
                html += '<div title="' + (typeof(msg["neu"]) !== "undefined" && msg["neu"] != ""  ?  msg["neu"] : "Neutral") + ': ' + neutral  +  '(24%)" style="width:24%;" class="rp-widget-orange-segment"></div>';
                html += '<div title="' + (typeof(msg["neg"]) !== "undefined" && msg["neg"] != ""  ?  msg["neg"] : "Negative") + ': ' + negative +  ' (5%)" style="width:5%;" class="rp-widget-red-segment"></div>';
                html += '</div>';
            if(type == 3){
                html += '<div class="rp-widget-reviews">';
                html += '<div class="rp-widget-reviews-element"><span class="rp-widget-number">' + positive + '</span><span class="rp-widget-label">' + (typeof(msg["pos"]) !== "undefined" && msg["pos"] != "" ?  msg["pos"] : "Positive") + '</span></div>';
                html += '<div class="rp-widget-reviews-element"><span class="rp-widget-number">' + neutral + '</span><span class="rp-widget-label">' + (typeof(msg["neu"]) !== "undefined" && msg["neu"] != ""  ?  msg["neu"] : "Neutral") + '</span></div>';
                html += '<div class="rp-widget-reviews-element"><span class="rp-widget-number">' + negative + '</span><span class="rp-widget-label">' + (typeof(msg["neg"]) !== "undefined" && msg["neg"] != ""  ?  msg["neg"] : "Negative") + '</span></div>';
                html += '</div>';
            }
            html += '</div>';
        html += '<div class="rp-widget-bottom"></div>';
        html += '<div id="rp-widget-dialog">';
            html += '<div class="tooltip-bubrt tooltip-bubrt352wblue">';
                html += '<div class="tooltip-bubrt352wblue-inner">';
                    html += '<div class="tooltip-content">';
                        html += '<a id="rp-widget-dialog-cross-close" class="cross-close" ></a><h5>' + (typeof(msg["dialogTitle"]) !== "undefined" && msg["dialogTitle"] != "" ?  msg["dialogTitle"] : "What is the Global Review Index&trade;") + '</h5>';
                        html += '<p class="first">' + (typeof(msg["dialog1"]) !== "undefined"&& msg["dialog1"] != "" ?  msg["dialog1"] : "The Global Review Index(GRI&trade;) is an independent assessment of this hotel&#39;s quality  rating based upon consumer reviews from around the internet.") + '</p>';
                        html += '<p>' + (typeof(msg["dialog2"]) !== "undefined"  && msg["dialog2"] != "" ?  msg["dialog2"] :"The GRI&trade; is calculated by analyzing more than 100 million consumer reviews in 15 languages including more than 80 leading online travel agencies such as Travelocity, Expedia, etc.") + '</p>';

                        html += '<p>' + (typeof(msg["dialog31"]) !== "undefined" && msg["dialog31"] != "" ?  msg["dialog31"] :"Provided by ");
                        html += ' <a href="http://www.reviewpro.com" target="_blank">' + (typeof(msg["dialog32"]) !== "undefined"  && msg["dialog32"] != "" ?  msg["dialog32"] : "Reviewpro ") + '</a> ';
                        html += (typeof(msg["dialog33"]) !== "undefined" && msg["dialog33"] != "" ?  msg["dialog33"] :"the leading provider of online reputation management analytics for the hotel sector, the GRI&trade; offers a complete and unbiased measurement of this hotel&#39;s online reputation.") + '</p>';

                        html += '<p><a target="_blank" href="https://verify.reviewpro.com/2/widgets/validation/wbt_jsjJ3B2AYcSZvOdqyPRwhUDzgzAvYXIIaXE9_Q0/28132?type=2&gri=8.7&negative=519&neutral=174&positive=29&timestamp=1428626616961&websites=19&locale=es&mac=4f4YQD6YF4Jm_mnnltEDhpdbsVmzQJzZOJrHBWeKDgs">' + (typeof(msg["dialog41"]) !== "undefined"  && msg["dialog41"] != "" ?  msg["dialog41"] :"ReviewPro certifies") + '</a>';
                        html += ' <strong>' +  (typeof(msg["dialog42"]) !== "undefined"  && msg["dialog42"] != "" ?  msg["dialog42"] : "that the data presented in this quality seal is accurate and reliable.") + '</strong></p>';


                        html += '</div>';
                    html += '</div>';
                html += '</div>';
            html += '</div>';
        html += '</div>';
    return html;
    }


    function initEvents(){
        var infoIcon = document.getElementById('rp-widget-js-info');
        var closeDialog = document.getElementById('rp-widget-dialog-cross-close');
        if(infoIcon.addEventListener){
            infoIcon.addEventListener("click", showInfoBox, false);
            closeDialog.addEventListener("click", hideInfoBox, false);
        } else if (infoIcon.attachEvent) {
            infoIcon.attachEvent ("onclick",showInfoBox);
            closeDialog.attachEvent ("onclick",hideInfoBox);
        }else{
            infoIcon.onclick = showInfoBox;
            closeDialog.onclick = hideInfoBox;
        }
    }


    function showInfoBox(){
        var width = 115;
        var infoBox = document.getElementById("rp-widget-dialog");
        var widget = document.getElementById("rp-widget");
        if(widget.className.indexOf("widget-type-4") != -1){
            width = 225;
        }
        if(infoBox.style.display === "block"){
            hideInfoBox();
        }else{
            infoBox.style.display = "block";
            infoBox.style.position = "absolute";
            infoBox.style.top = findPosY(widget) - 10 + "px";
            infoBox.style.left = findPosX(widget) + width + "px";
        }
        return false;
    }


    function findPosX(obj) {
        if(typeof(jQuery) !== "undefined"){
            return $(obj).position().left;
        }

        var curleft = 0;

        if(obj.offsetParent) {
            while(1) {
                curleft += obj.offsetLeft;
                if(!obj.offsetParent)
                break;
                obj = obj.offsetParent;
            }
        } else if(obj.x) {
            curleft += obj.x;
        }

        obj.style.position = "static";

        return curleft;
    }

    function findPosY(obj) {
        if(typeof(jQuery) !== "undefined"){
            return $(obj).position().top;
        }
        var curtop = 0;

        if(obj.offsetParent) {
            while(1) {
                curtop += obj.offsetTop;
                curtop -= parseFloat(obj.style.marginTop)||0;
                if(!obj.offsetParent)
                    break;
                    obj = obj.offsetParent;
            }
        } else if(obj.y) {
            curtop += obj.y;
        }

        return curtop;
    }


    function hideInfoBox(){
        var infoBox = document.getElementById("rp-widget-dialog");
        infoBox.style.display = "none";
        return false;
    }


    init();
})();