function CambiarEstadoItemMenu (Opcion, PrimerOn, PrimerOff, SecOn, SecOff, TerOn, TerOff){

    switch(Opcion) {
        case "1":
                    PrimerOff.style.display = "none";
                    PrimerOn.style.display = "block";
                    
                    
                    document.getElementById('EligeTuBebida').style.display = ("block");
                    document.getElementById('TrabajaConNosotros').style.display = ("none");
                    document.getElementById('TakeACold').style.display = ("none");
                    
                    
                    document.getElementById('SubRecuadro1').style.backgroundColor = '#000';
                    document.getElementById('SubRecuadro2').style.backgroundColor = '#847D73';
                    document.getElementById('SubRecuadro3').style.backgroundColor = '#847D73';
                    
                    SecOff.style.display = ("block");
                    SecOn.style.display = ("none");
                    TerOff.style.display = ("block");
                    TerOn.style.display = ("none");                    
            break;
          case "2":
                    SecOff.style.display = "none";
                    SecOn.style.display = "block";                    
                    
                    document.getElementById('EligeTuBebida').style.display = ("none")
                    document.getElementById('TrabajaConNosotros').style.display = ("block")
                    document.getElementById('TakeACold').style.display = ("none")
                    
                    document.getElementById('SubRecuadro1').style.backgroundColor = '#847D73';
                    document.getElementById('SubRecuadro2').style.backgroundColor = '#000';
                    document.getElementById('SubRecuadro3').style.backgroundColor = '#847D73';                    

                    PrimerOff.style.display = ("block");
                    PrimerOn.style.display = ("none");
                    TerOff.style.display = ("block");
                    TerOn.style.display = ("none");                    
            break;
          case "3":
                    TerOff.style.display = "none";
                    TerOn.style.display = "block";
                    
                    document.getElementById('EligeTuBebida').style.display = ("none")
                    document.getElementById('TrabajaConNosotros').style.display = ("none")
                    document.getElementById('TakeACold').style.display = ("block")
                    
                    document.getElementById('SubRecuadro1').style.backgroundColor = '#847D73';
                    document.getElementById('SubRecuadro2').style.backgroundColor = '#847D73';
                    document.getElementById('SubRecuadro3').style.backgroundColor = '#000';                 

                    PrimerOff.style.display = ("block");
                    PrimerOn.style.display = ("none");
                    SecOff.style.display = ("block");
                    SecOn.style.display = ("none");                    
            break;
    
    }

}

 function OnCompleteConfiguracion_Js(arg, ImgIzquierda, Titulo, Descripcion) {
    
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    var img = "images/"
    
    ImgIzquierda.src = img + (result.DetallesXmlImg);
    Titulo.innerHTML = (result.DetallesXmlTitulo);
    Descripcion.innerHTML = (result.DetallesXmlDescripcion);
        
    //runEffect('blind','#TextoSeleccionMenu');
}
 function OnCompleteConfiguracionBebidas_Js(arg, DescBebida, ImgBebida, TituloBebida, Copete ,TituloDesc) {
    
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    DescBebida.innerHTML = (result.DetallesXmlDescBebida);
    ImgBebida.src = result.DetallesXmlImgBebida;
    TituloBebida.innerHTML = (result.DetallesXmlTituloBebida);
    Copete.innerHTML = (result.DetallesXmlCopeteBebida);
    TituloDesc.innerHTML = (result.DetallesXmlTituloDescripcion);
    
    //runEffect('fold','#DescEfecto2');
}
 function OnCompleteConfiguracionExplora_Js(arg, ImgExplora, Titulo, Descripcion, ImgDescExplora, Region, Termino, Clasificacion, Sabores, Ubicacion, Zona, Opcion) {
    
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    var img = "images/"
    
    ImgExplora.src = img + (result.DetallesXmlImg);
    Titulo.innerHTML = (result.DetallesXmlTituloDesc);
    Descripcion.innerHTML = (result.DetallesXmlDescripcion);
    ImgDescExplora.src = img + (result.DetallesXmlImgDesc);
    
    Region.innerHTML = (result.DetallesXmlRegion);
    Termino.innerHTML = (result.DetallesXmlTermino);
    Clasificacion.innerHTML = (result.DetallesXmlClasificacion);
    Sabores.innerHTML = (result.DetallesXmlSabores);
    Ubicacion.src = img + (result.DetallesXmlImgUbicacion);
    Zona.innerHTML = (result.DetallesXmlTitulo);
    Opcion.innerHTML = (result.DetallesXmlOpcion);
    
    //runEffect('fold','#DescEfecto2');
}
function OnCompleteConfiguracionAlimentos_Js(arg, ImgPrincipalAlimentos, TitDescAlimento, DescripcionAlimento) {
        
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);    
    
    ImgPrincipalAlimentos.src = result.DetallesXmlImg;
    //runEffect('slide','#' + ImgPrincipalAlimentos.id);
    TitDescAlimento.innerHTML = (result.DetallesXmlTitulo);
    DescripcionAlimento.innerHTML = (result.DetallesXmlDescripcion);
      
    //runEffect('blind','#DivDescAlimentos');
}
function OnFault() {

}
function EfectosSeleccionSubItem(Seleccion, CantidadNodos, Nodo, CantidadSubnodos, Tipo)
{    
    var sNodoId;
    var SubItemMenu;
    
    for(var i=1;i<=CantidadNodos; i++)
    {
        //desmarco todos los nodos
        sNodoId = "ListadoItems" + i;
        $get(sNodoId).style.backgroundColor = ('#F9F9F9');
        SubItemMenu = "SubItem" + i;
        $get(SubItemMenu).style.display = ('none');
    }
    
    //desmarco los subnodos
    
    if(parseInt(CantidadSubnodos) > 0) {
        var sSubnodoId;        
        for(var j=1;j<=CantidadSubnodos; j++)
        {
            sSubnodoId = "ListadoSubItems" + Nodo + j;
            $get(sSubnodoId).style.backgroundColor = ('#F9F9F9');
        }    
    }
    
   var itemMarcar
   switch(Tipo) {   
        case "item":
            itemMarcar = "ListadoItems" + Seleccion;            
            break;
        case "subItem":
            itemMarcar = "ListadoSubItems" + Seleccion;
            break;
   }
   SubItemMenu = "SubItem" + Nodo;
   
   if($get(SubItemMenu) != undefined)
    $get(SubItemMenu).style.display = ('block');
   
   $get(itemMarcar).style.backgroundColor = ('#CEC7BF');
}    


function runEffect(efect,Texto){

    //get effect type from 
    //var selectedEffect = $('#effectTypes').val();
	
    //most effect types need no options passed by default
    var options = {};
    //check if it's scale, transfer, or size - they need options explicitly set
    if(efect == 'scale'){ options = {percent: 0}; }
    else if(efect == 'transfer'){ options = { to: "#SeccionMenu1"}; }
    else if(efect == 'size'){ options = { to: {width: 200,height: 60} }; }
	
    //options = { to: {width: 200,height: 60} };
    //run the effect

    $(Texto).show(efect,options,4000);
	
    //$("#TextoDefault").show(efect,options,500);
}
function MostrarImagenSubItem(div)
{
    //$get('divGris').style.display = ('block')
    $get(div).style.display = ('block');
    $("#" + div).dialog('open');
    //MostrarDivGris();
}


function MostrarDivGris() {            
    var Ancho = 0, Alto = 0;
    Ancho = document.body.scrollWidth;         
    var navegador = navigator.appName
    if (navegador == "Microsoft Internet Explorer")    
        Alto = document.body.scrollHeight;   
    else    
        Alto = window.innerHeight + window.scrollMaxY;
           
    
    document.getElementById("divGris").style.width = Ancho + "px";
    document.getElementById("divGris").style.height = Alto + "px";
    document.getElementById("divGris").style.visibility = "visible";
    document.getElementById("divGris").style.display = "block";              
    document.getElementById("divGris").style.zIndex = 999;
}

function OcultarDivGris(Div) {        
    document.getElementById("divGris").style.visibility = "hidden";
    document.getElementById("divGris").style.display = "none";
    $get(Div).style.display = ('none');
}
function OcultarDivGrisImgSubItem() {        
    document.getElementById("divGris").style.visibility = "hidden";
    document.getElementById("divGris").style.display = "none";
    $get('divGrafico').style.display = ('none');
}
function MostrarDescBaso(BasoOn, BasoOff, BasoOff2)
{
    $get(BasoOn).style.display = ('block');
    $get(BasoOff).style.display = ('none');
    $get(BasoOff2).style.display = ('none');
}
function MostrarInfoBaso(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo)
{
    
    switch(Seleccion)
    {
        case "11":
                $get('Item1').style.display = ('block');
                $get('Item2').style.display = ('none');
                $get('Item3').style.display = ('none');
                //$get('subItem11').style.backgroundColor = ('#958E84');
                //$get('subItem11').style.color = ('#FFFFFF');
                $get('DescEspresso').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
                CargarSeleccion(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo);
            break;
        case "211":
                $get('Item1').style.display = ('none');
                $get('Item2').style.display = ('block');
                $get('SubItemRec21').style.display = ('block');
                //$get('subSubItem211').style.backgroundColor = ('#958E84');
                //$get('subSubItem211').style.color = ('#FFFFFF');
                $get('subItem21').style.display = ('none');
                $get('Item3').style.display = ('none');
                $get('SubItemRec22').style.display = ('none');
                $get('SubItemRec23').style.display = ('none');
                $get('DescFrapCafe').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
                CargarSeleccion(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo);
            break;
        case "221":
                $get('Item1').style.display = ('none');
                $get('Item2').style.display = ('block');
                $get('SubItemRec21').style.display = ('none');
                //$get('subSubItem221').style.backgroundColor = ('#958E84');
                //$get('subSubItem221').style.color = ('#FFFFFF');
                $get('subItem22').style.display = ('none');
                $get('Item3').style.display = ('none');
                $get('SubItemRec22').style.display = ('block');
                $get('SubItemRec23').style.display = ('none');
                $get('DescFrapTe').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
                CargarSeleccion(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo);
            break;
        case "231":
                $get('Item1').style.display = ('none');
                $get('Item2').style.display = ('block');
                $get('SubItemRec21').style.display = ('none');
                //$get('subSubItem231').style.backgroundColor = ('#958E84');
                //$get('subSubItem231').style.color = ('#FFFFFF');
                $get('subItem23').style.display = ('none');
                $get('SubItemRec22').style.display = ('none');
                $get('SubItemRec23').style.display = ('block');
                $get('Item3').style.display = ('none');
                $get('DescFrapCrema').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                CargarSeleccion(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo);
            break;
        case "31":
                $get('Item1').style.display = ('none');
                $get('Item2').style.display = ('none');
                $get('Item3').style.display = ('block');
                //$get('subItem31').style.backgroundColor = ('#958E84');
                //$get('subItem31').style.color = ('#FFFFFF');
                $get('DescAlternativos').style.display = ('block');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
                CargarSeleccion(Seleccion, hdnId, TNodo, CantidadNodos, Nodo, CantidadSubNodos, SubNodo);
            break;
    }
    //$get('SubSubItem22').style.top = "-20px";
}
function MarcarSeleccionBebida (Seleccion, Nodo, CantidadSubnodos, SubNodo)
{
    
    var Item;
    var itemMarcar;
    var subNodoCont;
    
    if(Nodo == "1" || Nodo == "3")
    itemMarcar = "subItem" + Seleccion;
    if(Nodo == "2")
    itemMarcar = "subSubItem" + Seleccion;
    switch(Nodo)
    {
        case "1":
            Item = "subItem" + Nodo
            break;
        case "2":
            Item = "subSubItem" + SubNodo
            break;
        case "3":
            Item = "subItem" + Nodo
            break;
    }
    
    //alert(CantidadSubnodos);
    for(var i=1;i<=(CantidadSubnodos); i++)
    {
        subNodoCont = Item + i;
        if($get(subNodoCont) != undefined){
            $get(subNodoCont).style.backgroundColor = ('#F9F9F9');
            $get(subNodoCont).style.color = ('#321D02');
        }
        if($get('subItem34') != undefined){
            $get('subItem34').style.backgroundColor = ('#F9F9F9');
            $get('subItem34').style.color = ('#321D02');
        }
        if($get('subItem17') != undefined){
            $get('subItem17').style.backgroundColor = ('#F9F9F9');
            $get('subItem17').style.color = ('#321D02');
        }
        if($get('subSubItem215') != undefined){
            $get('subSubItem215').style.backgroundColor = ('#F9F9F9');
            $get('subSubItem215').style.color = ('#321D02');
        }
        if($get('subSubItem222') != undefined){
            $get('subSubItem222').style.backgroundColor = ('#F9F9F9');
            $get('subSubItem222').style.color = ('#321D02');
        }
        if($get('subSubItem233') != undefined){
            $get('subSubItem233').style.backgroundColor = ('#F9F9F9');
            $get('subSubItem233').style.color = ('#321D02');
        }
        /*
        if($get('subSubItem231') != undefined){
            $get('subSubItem231').style.backgroundColor = ('#F9F9F9');
            $get('subSubItem231').style.color = ('#321D02');
        }
        if($get('subSubItem31') != undefined){
            $get('subSubItem31').style.backgroundColor = ('#F9F9F9');
            $get('subSubItem31').style.color = ('#321D02');
        }*/
    }            
  
 if ($get(itemMarcar) != undefined) {
     $get(itemMarcar).style.backgroundColor = ('#958E84');
     $get(itemMarcar).style.color = ('#FFFFFF');
 }

}
function IrBebidaSeleccionada(Seleccion, hdnId, TNodo)
{
    
    $get('SeleccionBebida').style.display = ('none');
    $get('ListadoBebidas').style.display = ('block');
    switch(TNodo)
            {
            case "Espresso":
                $get('Item1').style.display = ('block');
                $get('Item2').style.display = ('none');
                $get('Item3').style.display = ('none');
                $get('subItem11').style.backgroundColor = ('#958E84');
                $get('subItem11').style.color = ('#FFFFFF');
                $get('DescEspresso').style.display = ('block');
                CargarSeleccion(Seleccion, hdnId, TNodo);
                break;
            case "BaseCafe":
                $get('Item2').style.display = ('block');
                $get('Item1').style.display = ('none');
                $get('Item3').style.display = ('none');
                $get('SubItemRec21').style.display = ('block');
                $get('subItem21').style.display = ('none');
                $get('SubItemRec22').style.display = ('none');
                $get('SubItemRec23').style.display = ('none');
                $get('subSubItem211').style.backgroundColor = ('#958E84');
                $get('subSubItem211').style.color = ('#FFFFFF');
                CargarSeleccion(Seleccion, hdnId, TNodo);
                $get('DescFrapCafe').style.display = ('block');
                break;
            case "Alternativos":
                $get('Item3').style.display = ('block');
                $get('Item1').style.display = ('none');
                $get('Item2').style.display = ('none');
                $get('subItem31').style.backgroundColor = ('#958E84');
                $get('subItem31').style.color = ('#FFFFFF');
                CargarSeleccion(Seleccion, hdnId, TNodo);
                $get('DescAlternativos').style.display = ('block');
                break;
            }
}
function MostrarInfoBasoOver(Opcion)
{

    switch(Opcion)
    {
        case "1":
                $get('DescEspresso').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
            break;
        case "2":
                $get('DescFrapCafe').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
            break;
        case "3":
                $get('DescFrapTe').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
            break;
        case "4":
                $get('DescFrapCrema').style.display = ('block');
                $get('DescAlternativos').style.display = ('none');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
            break;
        case "5":
                $get('DescAlternativos').style.display = ('block');
                $get('DescEspresso').style.display = ('none');
                $get('DescFrapCafe').style.display = ('none');
                $get('DescFrapTe').style.display = ('none');
                $get('DescFrapCrema').style.display = ('none');
            break;
    }
    //$get('SubSubItem22').style.top = "-20px";
}
function MostrarSubItemsAlimentos(Opcion, CantidadSubnodos, Seleccion)
{
$get('DivDescAlimentos').style.display = ('none');
var Item2 = "Item"

for(var i=1;i<=CantidadSubnodos; i++)
    {
        TipoAlimento = "TipoAlimento" + i;
        $get(TipoAlimento).style.backgroundColor = ('transparent');
        $get(TipoAlimento).style.color = ('#321D02');
    }
for(var j=1;j<=CantidadSubnodos; j++)
    {
        Item = "Item" + j;
        $get(Item).style.display = ('none');
    }
if (Item = (Item2 + Seleccion ))
    {
    $get(Item).style.display = ('block');
    }


itemMarcar = "TipoAlimento" + (Seleccion);


$get(itemMarcar).style.backgroundColor = ('#948E84');
$get(itemMarcar).style.color = ('#FFFFFF');


}
function MarcarSubItemAlimentos(Opcion, CantidadSubnodos, Seleccion )
{
$get('DivDescAlimentos').style.display = ('block');
for(var i=1;i<=CantidadSubnodos; i++)
    {
        TipoSubItem = "TipoAlimento" + Opcion + i;
        $get(TipoSubItem).style.backgroundColor = ('transparent');
        $get(TipoSubItem).style.color = ('#321D02');
    }
SubitemMarcar = "TipoAlimento" + (Seleccion);

$get(SubitemMarcar).style.backgroundColor = ('#CFC6BD');
$get(SubitemMarcar).style.color = ('#FFFFFF');
}



function MarcarSubSubItemAlimentos(Opcion, CantidadSubnodos, Seleccion,hdnSubnodos)
{
$get('DivDescAlimentos').style.display = ('block');
var result = Sys.Serialization.JavaScriptSerializer.deserialize(hdnSubnodos.value);

for(var i=0; i< result.length;i++)
{
    TipoSubSubItem = "TipoAlimento" + result[i].ItmSubnodosId;
    $get(TipoSubSubItem).style.backgroundColor = ('#F9F9F9');
    $get(TipoSubSubItem).style.color = ('#321D02');
    for(var j = 1;j <= result[i].ItmSubnodosCantidad; j++)
    {
        TipoSubSubItem = "TipoAlimento" + result[i].ItmSubnodosId + j;        
        $get(TipoSubSubItem).style.backgroundColor = ('transparent');
        $get(TipoSubSubItem).style.color = ('#321D02');
    }
}


SubSubItemMarcar = "TipoAlimento" + (Seleccion);

$get(SubSubItemMarcar).style.backgroundColor = ('#CFC6BD');
$get(SubSubItemMarcar).style.color = ('#FFFFFF');
}


function MostrarModal(div, e) {
    $("#" + div).dialog('open');
}

function SeleccionSubItemOrigen(Opcion, CantidadSubnodos, Seleccion,hdnSubnodos)
{    
var result = Sys.Serialization.JavaScriptSerializer.deserialize(hdnSubnodos.value);
for(var i=0; i< result.length;i++)
{
    TipoSubSubItem = "ListadoSubItems" + result[i].ItmSubnodosId;
    //alert(TipoSubSubItem);
        $get(TipoSubSubItem).style.backgroundColor = ('#F9F9F9');
        $get(TipoSubSubItem).style.color = ('#321D02');

}


SubSubItemMarcar = "ListadoSubItems" + (Seleccion);

$get(SubSubItemMarcar).style.backgroundColor = ('#958E84');
$get(SubSubItemMarcar).style.color = ('#FFFFFF');

}
function OnCompleteAroma_Js(arg, Cafe) {
    //alert(arg);
    var IdCafe;
    var Texto = "";
    var Especial = 0;
    //alert(Cafe[2]);
    //var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    
    //ImgIzquierda.src = img + (result.DetallesXmlImg);
    var sAcidez = "";
    var i = ""
    switch(arg){
        case "Guatemala Antigua":
            IdCafe = "11";
            break;
        case "Arabian Mocha Sanani":
            IdCafe = "23";
            break;
        case "Colombia":
            arg = "Colombia Nariño Supremo"
            IdCafe = "12"
            break;
        case "1":
            Especial = 1;
            break;
        case "Kenya":
            IdCafe = "22";
            break;
        case "Sumatra":
            IdCafe = "31";
            break;
        case "Sulawesi":
            IdCafe = "32";
            break;
        case "Komodo Dragon Blend":
            IdCafe = "33";
            break;
        case "Espresso Roast":
            IdCafe = "41";
            break;
        case "Italian Roast":
            IdCafe = "42";
            break;
    }
    if(Especial == 1){
    
        for(i=12; i<=14; i++){
            if(i == 12){Texto = "Colombia Nariño Supremo"}
            if(i == 13){Texto = "Shade Grown M&eacute;xico<br />"}
            if(i == 14){Texto = "House Blend"}
            
                sAcidez = sAcidez + "<div class=\"divRecTuTazaAroma\" style=\"width:400px;\">";
                    sAcidez = sAcidez + "<div class=\"divTuTazaAromas\" style=\"width:400px;\" >";
                    sAcidez = sAcidez + "<span onclick=\"javascript:MostrarSeleccionCafe('" + i +"');\">" + Texto + "</span>";
                    sAcidez = sAcidez + "</div>";
                sAcidez = sAcidez + "</div>";
        }
    }if(Especial == 0){
        
            sAcidez = sAcidez + "<div class=\"divRecTuTazaAroma\" style=\"width:400px;\">";
                sAcidez = sAcidez + "<div class=\"divTuTazaAromas\" style=\"width:400px;\" >";
                sAcidez = sAcidez + "<span onclick=\"javascript:MostrarSeleccionCafe('" + IdCafe +"');\">" + arg + "</span>";
                sAcidez = sAcidez + "</div>";
            sAcidez = sAcidez + "</div>";
        }
     
    Cafe.innerHTML = sAcidez;
    //runEffect('blind','#TextoSeleccionMenu');
}
function MostrarSiguiente(Caso) {

//alert(Caso);
    switch(Caso)
    {
        case "Acidez":
            $get('Acidez').style.display = ('block');
            $get('Cuerpo').style.display = ('block');
            $get('Tostado').style.display = ('none');
            $get('Sabor').style.display = ('none');
            $get('Cafe').style.display = ('none');
            break;
        case "Cuerpo":
            $get('Acidez').style.display = ('block');
            $get('Cuerpo').style.display = ('block');
            $get('Tostado').style.display = ('block');
            $get('Sabor').style.display = ('none');
            $get('Cafe').style.display = ('none');
            break;
        case "Tostado":
            $get('Acidez').style.display = ('block');
            $get('Cuerpo').style.display = ('block');
            $get('Tostado').style.display = ('block');
            $get('Sabor').style.display = ('block');
            $get('Cafe').style.display = ('none');
            break;
        case "Sabor":
            $get('Acidez').style.display = ('block');
            $get('Cuerpo').style.display = ('block');
            $get('Tostado').style.display = ('block');
            $get('Sabor').style.display = ('block');
            $get('Cafe').style.display = ('block');
            break;
    }
    
   

}
function MostrarSeleccionCafe(Id)
{
    location.href = 'ExploraOrigen.aspx?Id=' + Id;
}
 function MarcarSeleccionTuTaza()
{
    
    var TipoCafe
    TipoCafe = $get('hdnTCafe').value;
    switch (TipoCafe)
        {
            case "Gua":
                break;
            case "Col":
                break;
            case "Sha":
                break;
            case "Hou":
                break;
            case "Eth":
                break;
            case "Ken":
                break;
            case "Ara":
                break;
            case "Sum":
                break;
            case "Sul":
                break;
            case "Kom":
                break;
            case "Esp":
                break;
            case "Ita":
                break;
        }
}
function OnCompleteSelect_Js(arg, Descripcion) {
    
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    var sResult = "";
    for(var i=0; i< result.length;i++)
    {
        sResult = sResult + "<div class=\"divRecTuTazaAroma\" style=\"width:200px;text-align:left;\">";
            sResult = sResult + "<div class=\"imtMenu\" style=\"width:200px;\">";
            sResult = sResult + "<a href=\"javascript:myclick('" + result[i].DetallesXmlTiendasId + "')\">" + result[i].DetallesXmlTiendas + "</a>";
            sResult = sResult + "</div>";
        sResult = sResult + "</div>";
   }
   Descripcion.innerHTML = sResult;
   
}
function MostrarDivGrisForm() {            
    var Ancho = 0, Alto = 0;
    Ancho = document.body.scrollWidth;         
    var navegador = navigator.appName
    if (navegador == "Microsoft Internet Explorer")    
        Alto = document.body.scrollHeight;
    else    
        Alto = window.innerHeight + window.scrollMaxY;
           
    
    document.getElementById("divGrisForm").style.width = Ancho + "px";
    document.getElementById("divGrisForm").style.height = Alto + "px";
    document.getElementById("divGrisForm").style.visibility = "visible";
    document.getElementById("divGrisForm").style.display = "block";              
    document.getElementById("divGrisForm").style.zIndex = 999;

}
function MostrarFormulario()
{
    MostrarDivGrisForm();
    $get('divFormulario').style.display = ('block');
}
function OcultarDivGrisForm() {
    document.getElementById("divGrisForm").style.visibility = "hidden";
    document.getElementById("divGrisForm").style.display = "none";
    $get('divFormulario').style.display = ('none');
}
function MostrarPoliticas(Id)
{
    if($get(Id).style.display == 'block'){
        $get(Id).style.display = ("none");
        }else{
            $get(Id).style.display = ("block");
        }
}
function IrATiendaSeleccionada(Combo){
    
    //NTienda = Combo.innerHTML
    Seleccion = Combo.value
    
    //Mostrar = Combo.options[Seleccion].innerHTML;
    
    //alert(Seleccion);
    
    location.href="Nuestrastiendas.aspx?Selec=" + Seleccion + "";



}
function GuardarValorSelect(Id){

    Seleccion = $get(Id).value
    //alert(Seleccion);

}
 function OnCompleteConfiguracion_JsNovedades(arg, Seleccion, Descripcion, Titulo, ImgPrincipal, ImgMenu, MenuDer, TituloSubItem) {
    
    var result = Sys.Serialization.JavaScriptSerializer.deserialize(arg);
    var sResult = "";
    var i = 0
    var TitGen
    var ImgPrin
    var ImgMenuInterior
    var img = "images/"
    //alert(Seleccion.value);
    if(Seleccion.value == "1"){
        for(var i=0; i< result.length;i++)
        {
            TitGen = result[i].TituloGeneral
            ImgPrin = result[i].ImagenPrincipal
            ImgMenuInterior = result[i].ImgItemInterior
            /*if(i == "0"){
                sResult = sResult + "<div class=\"divSubItemNovBebida\">";
                    sResult = sResult + "<span style=\"position:relative;\">";
		                sResult = sResult + "" + result[i].DescripcionGeneral + "";
	                 sResult = sResult + "</span>";
                sResult = sResult + "</div>";
            }*/
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divSubItemNovBebida\">";
	             sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"Toffee Nut Latte\" /></span>";
                 sResult = sResult + "<span style=\"position:relative;left:10px;\">";
		            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
		            sResult = sResult + "" + result[i].DescripcionItem + "";
	             sResult = sResult + "</span>";
            sResult = sResult + "</div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divLineaMarronTitulo\">&nbsp;</div>";
                
       }
       sResult = sResult + "<div class=\"divEspacio10px\"></div>";
       sResult = sResult + "<span style=\"width:341px;text-align:right;position:relative;float:left;cursor:pointer;\" onclick=\"location.href='Novedades.aspx'\"><b>[Volver]</b></span>";
       sResult = sResult + "<div class=\"divEspacio10px\"></div>";
       Titulo.innerHTML = TitGen;
       ImgPrincipal.src = img + (ImgPrin);
       Descripcion.innerHTML = sResult;
       
   }/*
  if(Seleccion.value == "2"){
        //alert(result);
        
        for(var i=0; i< result.length;i++)
            {
                
                if(i == "0"){
                    sResult = sResult + "<div class=\"divSubItemNovBebida\">";
                        sResult = sResult + "<span style=\"position:relative;\">";
		                    sResult = sResult + "" + result[i].DescripcionGeneral + "";
	                     sResult = sResult + "</span>";
                    sResult = sResult + "</div>";
                }
                if(result[i].IdSubItem == "21"){
                    if(result[i].IdSubSubItem == "211"){
                        sResult = sResult + "<span style=\"position:relative;font-size:15px;\">";
                            sResult = sResult + "<b>T&eacute; Negro</b><br />";
                        sResult = sResult + "</span>";
                    }
                    TitGen = result[i].TituloGeneral
                    ImgPrin = result[i].ImagenPrincipal
                    ImgMenuInterior = result[i].ImgItemInterior
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divSubItemNovBebida\">";
                         sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"\" /></span>";
                         sResult = sResult + "<span style=\"position:relative;left:10px;\">";
                            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
                            sResult = sResult + "" + result[i].DescripcionItem + "";
                         sResult = sResult + "</span>";
                    sResult = sResult + "</div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divLineaMarronTitulo\">&nbsp;</div>";
                    
                }
                if(result[i].IdSubItem == "22"){
                    if(result[i].IdSubSubItem == "221"){
                        sResult = sResult + "<span style=\"position:relative;font-size:15px;\">";
                            sResult = sResult + "<b>T&eacute; Verde</b><br />";
                        sResult = sResult + "</span>";
                    }
                    TitGen = result[i].TituloGeneral
                    ImgPrin = result[i].ImagenPrincipal
                    ImgMenuInterior = result[i].ImgItemInterior
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divSubItemNovBebida\">";
                         sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"\" /></span>";
                         sResult = sResult + "<span style=\"position:relative;left:10px;\">";
                            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
                            sResult = sResult + "" + result[i].DescripcionItem + "";
                         sResult = sResult + "</span>";
                    sResult = sResult + "</div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divLineaMarronTitulo\">&nbsp;</div>";
                    
                }
                if(result[i].IdSubItem == "23"){
                    if(result[i].IdSubSubItem == "231"){
                        sResult = sResult + "<span style=\"position:relative;font-size:15px;\">";
                            sResult = sResult + "<b>Infusiones Herbales (sin cafe&iacute;na)</b><br />";
                        sResult = sResult + "</span>";
                    }
                    TitGen = result[i].TituloGeneral
                    ImgPrin = result[i].ImagenPrincipal
                    ImgMenuInterior = result[i].ImgItemInterior
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divSubItemNovBebida\">";
                         sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"\" /></span>";
                         sResult = sResult + "<span style=\"position:relative;left:10px;\">";
                            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
                            sResult = sResult + "" + result[i].DescripcionItem + "";
                         sResult = sResult + "</span>";
                    sResult = sResult + "</div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divEspacio10px\"></div>";
                    sResult = sResult + "<div class=\"divLineaMarronTitulo\">&nbsp;</div>";
                    
                }
                    
                    
       }
       sResult = sResult + "<div class=\"divEspacio10px\"></div>";
       sResult = sResult + "<span style=\"width:341px;text-align:right;position:relative;float:left;cursor:pointer;\" onclick=\"location.href='Novedades.aspx'\"><b>[Volver]</b><br /><br /><br><br></span>";
       sResult = sResult + "<div class=\"divEspacio10px\"></div>";
       Titulo.innerHTML = TitGen;
       ImgPrincipal.src = img + (ImgPrin);
       Descripcion.innerHTML = sResult;
    }   
   }
   if(Seleccion.value == "2"){
        for(var i=0; i< result.length;i++)
        {
            TitGen = result[i].TituloGeneral
            ImgPrin = result[i].ImagenPrincipal
            ImgMenuInterior = result[i].ImgItemInterior
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divSubItemNovBebida\">";
	             sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"Toffee Nut Latte\" /></span>";
                 sResult = sResult + "<span style=\"position:relative;left:10px;\">";
		            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
		            sResult = sResult + "" + result[i].DescNuevoCafe + "";
	            sResult = sResult + "</span>";
            sResult = sResult + "</div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divSubItemNovBebida\">";
            sResult = sResult + "" + result[i].DescripcionItem + "";
            sResult = sResult + "</div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            
                
       }
       Titulo.innerHTML = TitGen;
       ImgPrincipal.src = img + (ImgPrin);
       Descripcion.innerHTML = sResult;
       ImgMenu.src = img + (ImgMenuInterior);
   
   }
   if(Seleccion.value == "3"){
        for(var i=0; i< result.length;i++)
        {
            TitGen = result[i].TituloGeneral
            ImgPrin = result[i].ImagenPrincipal
            ImgMenuInterior = result[i].ImgItemInterior
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divSubItemNovBebida\">";
	             sResult = sResult + "<span style=\"float:left;\"><img src=\"images/" + result[i].ImgItem +"\" alt=\"Toffee Nut Latte\" /></span>";
                 sResult = sResult + "<span style=\"position:relative;left:10px;\">";
		            sResult = sResult + "<b>" + result[i].TituloItem + "</b><br />";
	            sResult = sResult + "</span>";
            sResult = sResult + "</div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divSubItemNovBebida\">";
            sResult = sResult + "" + result[i].DescripcionItem + "";
            sResult = sResult + "</div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            sResult = sResult + "<div class=\"divEspacio10px\"></div>";
            
                
       }
       Titulo.innerHTML = TitGen;
       ImgPrincipal.src = img + (ImgPrin);
       Descripcion.innerHTML = sResult;
       ImgMenu.src = img + (ImgMenuInterior);
   
   }*/
   
}

/*****************************************************************/
function permite(elEvento, permitidos) {
  
  // Variables que definen los caracteres permitidos
  var numeros = "0123456789";
  var caracteres = " áéíóúabcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ@";
  var numeros_caracteres = numeros + caracteres;
  var teclas_especiales = [8, 9, 13, 18, 37, 39, 46,36];
  var prohibidas = [226]
  // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha, 9 = Tab, 13 = Enter, 18 = Alt
  
  // Seleccionar los caracteres a partir del parámetro de la función
  switch(permitidos) {
    case 'num':
      permitidos = numeros;
      break;
    case 'car':
      permitidos = caracteres;
      break;
    case 'num_car':
      permitidos = numeros_caracteres;
      break;
  }
 
  // Obtener la tecla pulsada 
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  var caracter = String.fromCharCode(codigoCaracter);  
  // Comprobar si la tecla pulsada es alguna de las teclas especiales
  // (teclas de borrado y flechas horizontales)
  var tecla_especial = false;
  var prohibida = false;
  for(var i in teclas_especiales) {
    if(codigoCaracter == teclas_especiales[i]) {
      tecla_especial = true;
      break;
    }
    if(codigoCaracter == prohibidas[i]) {
      prohibida = true;
      break;
    }
  }
 
  // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  // o si es una tecla especial
  return permitidos.indexOf(caracter) != -1 || tecla_especial || prohibida;
}
function escapearTextoTrabaja(Texto) {

    var str_escapeo = Texto;
    	
	    str_escapeo = str_escapeo.replace("'","''"); 
	    str_escapeo = str_escapeo.replace("&","&");
	    str_escapeo = str_escapeo.replace("<script>","");
	    str_escapeo = str_escapeo.replace("</script>","");
	    
	    return str_escapeo;
}
function htmlEncode(source, display, tabs)
{
    //source = escapearTextoTrabaja(source);
	function special(source)
	{
		var result = '';
		for (var i = 0; i < source.length; i++)
		{
			var c = source.charAt(i);
			if (c < ' ' || c > '~')
			{
				c = '';
			}
			result += c;
		}
		return result;
	}
	
	function format(source)
	{
		// Use only integer part of tabs, and default to 4
		tabs = (tabs >= 0) ? Math.floor(tabs) : 4;
		
		// split along line breaks
		var lines = source.split(/\r\n|\r|\n/);
		
		// expand tabs
		for (var i = 0; i < lines.length; i++)
		{
			var line = lines[i];
			var newLine = '';
			for (var p = 0; p < line.length; p++)
			{
				var c = line.charAt(p);
				if (c === '\t')
				{
					var spaces = tabs - (newLine.length % tabs);
					for (var s = 0; s < spaces; s++)
					{
						newLine += ' ';
					}
				}
				else
				{
					newLine += c;
				}
			}
			// If a line starts or ends with a space, it evaporates in html
			// unless it's an nbsp.
			newLine = newLine.replace(/(^ )|( $)/g, '&nbsp;');
			lines[i] = newLine;
		}
		
		// re-join lines
		var result = lines.join('&lt;br &gt;');
		
		// break up contiguous blocks of spaces with non-breaking spaces
		result = result.replace(/  /g, ' &nbsp;');
		
		// tada!
		return result;
	}

	var result = source;
	
	// ampersands (&)
	result = result.replace(/\&/g,'&amp;');

	// less-thans (<)
	result = result.replace(/\</g,'&lt;');

	// greater-thans (>)
	result = result.replace(/\>/g,'&gt;');
	
	if (display)
	{
		// format for display
		result = format(result);
	}
	else
	{
		// Replace quotes if it isn't for display,
		// since it's probably going in an html attribute.
		result = result.replace(new RegExp('"','g'), '&quot;');
	}

	// special characters
	result = special(result);
	
	// tada!
	return result;
}