//////// Jquery function that allows for switchign CSS styles from a Hyperlink ////////
//////// Usage: first you must set up your styles as follows: ////////
//////// 1) define your fixed stylesheet as you normally would ////////
////////    i.e: <link rel="stylesheet" type="text/css" href="style.css" /> ////////
//////// 2) define any alternate style choices by adding a title attribute and specifying rel="alternate stylesheet" ////////
////////  	i.e: <link rel="alternate stylesheet" type="text/css" href="green.css" /> ////////
//////// 3) For the links, add a title attribute and set its value to match the title attribute of the alternate stylesheet you want to select ////////
////////  	also be sure to add the class attribute to the link and set it to styleswitcher ////////
////////  	i.e: <a href="#" class="styleswitcher" title="green"> ////////

$.styleswitcher = 
function(name) 
{
	$("body").fadeOut("fast", function() {
										$("link[rel*=stylesheet][title]").each(function(i)
												{
													//alert('yo');
													this.setAttribute("rel", "alternate stylesheet");
													this.disabled = true;
	
													if (this.title == name)
													{
														//alert('yo');
														this.disabled = false;
														this.setAttribute("rel", "stylesheet");
													}
												});
										$("body").fadeIn(1000);
										$.cookie("stylesheet", name, {expires: 365});
									});
};


<!-- //////// This document.ready function has to be added to the head of the HTML document ////////  -->
/*
	$(document).ready(function() {
		$(".styleswitcher").click(function()
									{
										$.styleswitcher(this.getAttribute("title"));
										return false;
									});
		if ($.cookie("stylesheet"))
		{
			$.styleswitcher($.cookie("stylesheet"));
		};
	});
*/