Almacenar y recuperar cookies

[MadDunDee]

Hola!

estoy trabajando en un "style switcher" que necesita almacenar una cookie que guarde varias cosas.

Por un lado necesito guardar los cambios relativos al fondo de la web y por otro los colores de las tipos.

Tengo una hoa de estilos principal con todo, luego otras donde solo tengo los fondos y otras donde solo tengo los colores. Pues bien, consigo guardar correctamente una, la correspondiente a los fondos. Pero la otra no puedo, no sé como guardar dos parámetros. Os dejo el código q seguro os aclara más cosas:

Código PHP:

  var cookie_name = "selected_theme";
var cookie_options = { path: '/', expires: 7 };
 
var get_cookie = $.cookie(cookie_name);
    if(get_cookie != null) {
        $("#active-theme").attr({ href: "themes/" + get_cookie + "/theme.css"});
                $("#active-theme-color").attr({ href: "themes/" + get_cookie + "/theme.css"});
        }
 
$("#themes-frame a").click(function() {
    var themename = $(this).attr("rel");
    $("#active-theme").attr({ href: "themes/" + themename + "/theme.css"});
    hideDrawer();
    $.cookie(cookie_name, themename, cookie_options);
    return false;
    });
    
    $("#theme-colors li a").click(function() {
    var themenamecolor = $(this).attr("rel");
    $("#active-theme-color").attr({ href: "themes/" + themenamecolor + "/color.css"});
    hideDrawer();
    $.cookie(cookie_name, themenamecolor, cookie_options);
    return false;
    }); 
   

Lo que básicamente hago es coger el atributo rel de cada objeto (theme(n) o color(n)) y pasarlo al atributo href del link a la css del tema. Estos son id=active-theme para los fondos y id="active-theme-color" para los colores.

Con esto consigo almacenar correctamente fondos pero no los colores de las tipos.

Espero que me podáis echar una mano!! Muchas gracias!!!

[MadDunDee]

Por cierto, ya probé hacer algo así:

Código PHP:

  var cookie_name = [selected_theme, selected_color];
 
var get_cookie = $.cookie(cookie_name);
    if(get_cookie != null) {
        $("#active-theme").attr({ href: "themes/" + get_cookie("0") + "/theme.css"});
        $("#active-theme-color").attr({ href: "themes/" + get_cookie("1") + "/theme.css"});
        }
 
 $("#theme-colors li a").click(function() {
    var themenamecolor = $(this).attr("rel");
    $("#active-theme-color").attr({ href: "themes/" + themenamecolor + "/color.css"});
    hideDrawer();
    $.cookie(cookie_name, themenamecolor, cookie_options);
    return false;
    });
    
    /* theme switcher */
    $("#themes-frame a").click(function() {
    var themename = $(this).attr("rel");
    $("#active-theme").attr({ href: "themes/" + themename + "/theme.css"});
    hideDrawer();
    $.cookie(cookie_name, themename, cookie_options);
    return false;
    });