var estilosFucsia = 'http://www.vive.in/css/COLOR_FUCSIA.css';
var estilosAzul = 'http://www.vive.in/css/COLOR_AZUL.css';
var estilosVerde = 'http://www.vive.in/css/COLOR_VERDE.css';
var estilosNaranja = 'http://www.vive.in/css/COLOR_NARANJA.css';
var estilosGris = 'http://www.vive.in/css/COLOR_GRIS.css';

function cambiarHoja(colorHoja, fue_al_click){
    var estiloColor = '';
    
        var objEstilosColor = document.getElementById("estilosColor");
    
        if (colorHoja == '' || colorHoja==null){
        arrayColores = new Array(5);
        arrayColores[0] = 'fucsia';
        arrayColores[1] = 'verde';
        arrayColores[2] = 'azul';
        arrayColores[3] = 'naranja';
        arrayColores[4] = 'gris';
        var randomnumber=Math.floor(Math.random()*5);
        colorHoja = arrayColores[randomnumber];
    }

        var linkTempColor = document.createElement("LINK");
    linkTempColor.rel = 'stylesheet';
    linkTempColor.type = 'text/css';
    linkTempColor.id = 'estilosColor';
    
    
        switch(colorHoja.toString()){
        case 'verde':
            estiloColor = estilosVerde;
            codigocolor = 3;
        break;
        case 'azul':
            estiloColor = estilosAzul;
            codigocolor = 4;
        break;
        case 'naranja':
            estiloColor = estilosNaranja;
            codigocolor = 5;
        break;
        case 'gris':
            estiloColor = estilosGris;
            codigocolor = 6;
        break;
        case 'fucsia':
            estiloColor = estilosFucsia;
            codigocolor = 2;
        break;
        default:
            estiloColor = estilosFucsia;
            codigocolor = 2;
    }
    
        linkTempColor.href = estiloColor;
   
    objEstilosColor.parentNode.replaceChild(linkTempColor,objEstilosColor);
    
    /*
    var cookieEstilos = getCookie('estilo_vivein');
    
    if(cookieEstilos)
    {
        alert("ya existe la cookie: " + document.cookie);
    }
    else
    {
        //setCookie('estilo_vivein',colorHoja,null,'/');
    }*/
    
    if (loginUsuario != '' && fue_al_click!=null)
    { 
        incluirObjeto('ASIGNAR_COLOR_USUARIO', idUsuario , codigocolor , asignarColorCokie);
    }
    else 
    {
        setCookie('estilo_vivein',colorHoja,null,'/','.vive.in');
    }
    
     //CODIGO PARA PINTAR LA PAUTA DE AGUA 
     kw14 = colorHoja;
     var funcion;
     var div_pauta = document.getElementById("div_logoagua");
     if(kw14=='azul')
     {
         if(window.urlClicLogoAgua === undefined || window.urlLogoAgua === undefined)
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlClicLogoAgua && urlLogoAgua)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\"\" target=\"_blank\"><img src=\"\"/></a>'";
         }
         else
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlClicLogoAgua && urlLogoAgua)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\""+urlClicLogoAgua+"\" target=\"_blank\"><img src=\""+urlLogoAgua+"\"/></a>'";
         }
         window.onload= new Function( funcion );
     }
     else if(kw14=='naranja')
     {
         if(window.urlClicLogoAguaNaranja === undefined || window.urlLogoAguaNaranja === undefined)
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaNaranja && urlClicLogoAguaNaranja)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\"\" target=\"_blank\"><img src=\"\"/></a>'";
         }
         else
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaNaranja && urlClicLogoAguaNaranja)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\""+urlClicLogoAguaNaranja+"\" target=\"_blank\"><img src=\""+urlLogoAguaNaranja+"\"/></a>'";
         }
         window.onload= new Function( funcion );
     }
     else if(kw14=='gris')
     {
         if(window.urlClicLogoAguaGris === undefined || window.urlLogoAguaGris === undefined)
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaGris && urlClicLogoAguaGris)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\"\" target=\"_blank\"><img src=\"\"/></a>'";
         }
         else
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaGris && urlClicLogoAguaGris)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\""+urlClicLogoAguaGris+"\" target=\"_blank\"><img src=\""+urlLogoAguaGris+"\"/></a>'";
         }
         window.onload= new Function( funcion );
     }
     else if(kw14=='verde')
     {
         if(window.urlClicLogoAguaVerde === undefined || window.urlLogoAguaVerde === undefined)
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaVerde && urlClicLogoAguaVerde)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\"\" target=\"_blank\"><img src=\"\"/></a>'";
         }
         else
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaVerde && urlClicLogoAguaVerde)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\""+urlClicLogoAguaVerde+"\" target=\"_blank\"><img src=\""+urlLogoAguaVerde+"\"/></a>'";
         }
         window.onload= new Function( funcion );
     }
     else if(kw14=='fucsia')
     {
         if(window.urlClicLogoAguaFucsia === undefined || window.urlLogoAguaFucsia === undefined)
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaFucsia && urlClicLogoAguaFucsia)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\"\" target=\"_blank\"><img src=\"\"/></a>'";
         }
         else
         {
             funcion = "if(document.getElementById(\"div_logoagua\")!=null && urlLogoAguaFucsia && urlClicLogoAguaFucsia)document.getElementById(\"div_logoagua\").innerHTML = '<a href=\""+urlClicLogoAguaFucsia+"\" target=\"_blank\"><img src=\""+urlLogoAguaFucsia+"\"/></a>'";
         }
         window.onload= new Function( funcion );
     }
     
     //Si fue cliqueado hay que cambiar el footer tambien
     if (fue_al_click=="click")
     {
         if(kw14=='azul' && (window.urlClicLogoAgua === undefined || window.urlLogoAgua === undefined) )
         {
           //No es necesariio
         }
         else if(kw14=='naranja' && (window.urlClicLogoAguaNaranja === undefined || window.urlLogoAguaNaranja === undefined) )
         {
           //No es necesariio
         }
         else if(kw14=='gris' && (window.urlClicLogoAguaGris === undefined || window.urlLogoAguaGris === undefined) )
         {
           //No es necesariio
         }
         else if(kw14=='verde' && (window.urlClicLogoAguaVerde === undefined || window.urlLogoAguaVerde === undefined) )
         {
           //No es necesariio
         }
         else if(kw14=='fucsia' && (window.urlClicLogoAguaFucsia === undefined || window.urlLogoAguaFucsia === undefined) )
         {
           //No es necesariio
         }
         else
         {
            if(div_pauta!=null )
            {
               if(kw14=='azul')
               {
                   div_pauta.innerHTML = '<a href="'+urlClicLogoAgua+'" target="_blank"><img src="'+urlLogoAgua+'"/></a>';
               }
               else if(kw14=='naranja')
               {
                   div_pauta.innerHTML = '<a href="'+urlClicLogoAguaNaranja+'" target="_blank"><img src="'+urlLogoAguaNaranja+'"/></a>';
               }
               else if(kw14=='gris')
               {
                   div_pauta.innerHTML = '<a href="'+urlClicLogoAguaGris+'" target="_blank"><img src="'+urlLogoAguaGris+'"/></a>';
               }
               else if(kw14=='verde')
               {
                   div_pauta.innerHTML = '<a href="'+urlClicLogoAguaVerde+'" target="_blank"><img src="'+urlLogoAguaVerde+'"/></a>';
               }
               else if(kw14=='fucsia')
               {
                   div_pauta.innerHTML = '<a href="'+urlClicLogoAguaFucsia+'" target="_blank"><img src="'+urlLogoAguaFucsia+'"/></a>';
               }
               else
               {
                   div_pauta.innerHTML = '';
               }
            }
         }
         cargarEstilo();
     }     
}


function asignarColorCokie(color){
    colorUsuario = color;
    return;
}

 function cargarEstilo() {
     //Obtengo el valor de la hoja de estilos actual 
     var hojaEstilos = document.getElementById('estilosColor').href;
     
     //Se asigna la misma hoja de estilos al footer 
     var objIframe = window.frames['iframe_footer'];
    /* var objDiv = objIframe.document.getElementById("estilosColorIframe");
     objDiv.href = hojaEstilos;*/
 }

