function pintaestrellas(num) {
    var img1 = document.images['img1'];
    var img2 = document.images['img2'];
    var img3 = document.images['img3'];
    var img4 = document.images['img4'];
    var img5 = document.images['img5'];

    //alert(img1.src);
    switch (num) {
        case 1:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-green.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 2:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 3:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 4:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 5:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-yellow.png"
            break;
    }
}

function votarReceta(num, hdnId) {
    //alert('has votado por la numero: ' + num);
    var img1 = document.images['img1'];
    var img2 = document.images['img2'];
    var img3 = document.images['img3'];
    var img4 = document.images['img4'];
    var img5 = document.images['img5'];

    var url = 'VotaRecetas.aspx';
    var vars = "?IdReceta=" + document.getElementById(hdnId).value + "&rank=" + num;
    var xml = null;
    try {
        xml = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (expeption) {
        xml = new XMLHttpRequest();
    }
    xml.open("POST", url + vars, false);
    xml.send(null);
    if (xml.status == 404) alert("Url no válida");
    alert(xml.responseText);

    switch (num) {
        case 1:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-green.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 2:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 3:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 4:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 5:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-yellow.png"
            break;
    }
}

function votarRecetaFoodservice(num, hdnId) {
    //alert('has votado por la numero: ' + num);
    var img1 = document.images['img1'];
    var img2 = document.images['img2'];
    var img3 = document.images['img3'];
    var img4 = document.images['img4'];
    var img5 = document.images['img5'];

    var url = '../VotaRecetas.aspx';
    var vars = "?IdReceta=" + document.getElementById(hdnId).value + "&rank=" + num;
    var xml = null;
    try {
        xml = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (expeption) {
        xml = new XMLHttpRequest();
    }
    xml.open("POST", url + vars, false);
    xml.send(null);
    if (xml.status == 404) alert("Url no válida");
    alert(xml.responseText);

    switch (num) {
        case 1:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-green.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 2:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-green.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 3:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-green.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 4:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-green.png"
            break;
        case 5:
            img1.src = "imagenes/png/star-yellow.png"
            img2.src = "imagenes/png/star-yellow.png"
            img3.src = "imagenes/png/star-yellow.png"
            img4.src = "imagenes/png/star-yellow.png"
            img5.src = "imagenes/png/star-yellow.png"
            break;
    }
}

function cambiaEstilo(id, tipo, img, btnFav) {
    var Div = document.getElementById(id);
    if (tipo == 1) {
        Div.style.textDecoration = "underline";
        switch (img) {
            case 1:
                document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-agregar-favoritos-over.jpg';
                break;
            case 2:
                document.images['imgMoreRecipes'].src = 'imagenes/jpg/ico-mas-recetas-over.jpg';
                break;
            case 3:
                document.images['imgPrint'].src = 'imagenes/jpg/ico-imprimir-over.jpg';
                break;
            case 4:
                document.images['imgShare'].src = 'imagenes/jpg/ico-share-over.jpg';
                break;
        }
    }
    else {
        Div.style.textDecoration = "none";
        switch (img) {
            case 1:
                document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-agregar-favoritos.jpg';
                break;
            case 2:
                document.images['imgMoreRecipes'].src = 'imagenes/jpg/ico-mas-recetas.jpg';
                break;
            case 3:
                document.images['imgPrint'].src = 'imagenes/jpg/ico-imprimir.jpg';
                break;
            case 4:
                document.images['imgShare'].src = 'imagenes/jpg/ico-share.jpg';
                break;
        }
    }
    Div.style.cursor = "pointer";
}

function cambiaEstiloDetalles(id, tipo, img, btnFav, ancla) {

    var Div = document.getElementById(id);
    var ancla = document.getElementById(ancla);
    if (tipo == 1) {
        Div.style.textDecoration = "underline";

        switch (img) {
            case 1:
                if (ancla.innerText.indexOf("Remove") != -1) {
                    document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-quitar-favoritos-over.jpg';
                }
                else {
                    document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-agregar-favoritos-over.jpg';
                }

                break;
            case 2:
                document.images['imgMoreRecipes'].src = 'imagenes/jpg/ico-mas-recetas-over.jpg';
                break;
            case 3:
                document.images['imgPrint'].src = 'imagenes/jpg/ico-imprimir-over.jpg';
                break;
            case 4:
                document.images['imgShare'].src = 'imagenes/jpg/ico-share-over.jpg';
                break;
        }
    }
    else {
        Div.style.textDecoration = "none";
        switch (img) {
            case 1:
                if (ancla.innerText.indexOf("Remove") != -1) {
                    document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-quitar-favoritos.jpg';
                }
                else {
                    document.getElementById(btnFav).src = 'imagenes/jpg/ico-mini-agregar-favoritos.jpg';
                }

                break;
            case 2:
                document.images['imgMoreRecipes'].src = 'imagenes/jpg/ico-mas-recetas.jpg';
                break;
            case 3:
                document.images['imgPrint'].src = 'imagenes/jpg/ico-imprimir.jpg';
                break;
            case 4:
                document.images['imgShare'].src = 'imagenes/jpg/ico-share.jpg';
                break;
        }
    }
    Div.style.cursor = "pointer";
}

//Función que muestra/oculta el Div de Facebook y/o Twitter
function MostrarDivRedesSociales(strDivMostrar, strDivOcultar) {
    document.getElementById(strDivMostrar).style.display = "";
    document.getElementById(strDivOcultar).style.display = "none";
}

function redirect(IdHref) {
    var link = document.getElementById(IdHref);
    top.location.href = link.href;
}
function redirect(IdHref, NewWindow) {
    var link = document.getElementById(IdHref);
    if (NewWindow) {
        window.open(link.href);
    }
    else { 
        top.location.href = link.href;
    }
}

function ConteoChars(IdObj, IdLabel, MaxChars, MostrarNegativo, colorNegativo, colorPositivo) {
    txtAreaChars = $('#' + IdObj).val().length;
    $('#' + IdLabel).text(MaxChars - txtAreaChars);
    if (MostrarNegativo) {
        if (txtAreaChars > MaxChars) {
            $('#' + IdLabel).css('color', colorNegativo);
        }
        else {
            $('#' + IdLabel).css('color', colorPositivo);
        }
    }
    else {
        if (txtAreaChars > MaxChars) {
            var count = MaxChars - txtAreaChars;
            strTxtArea = $('#' + IdObj).val();
            strTxtArea = strTxtArea.slice(0, count);
            $('#' + IdObj).val(strTxtArea);
            $('#' + IdLabel).text('0');
        }
    }
}