// Main function for changing the theme
function changeStyle(title) {
 if (document.getElementsByTagName) {
 var i, link;
 for (i=0; (link=document.getElementsByTagName("link")[i]); i++) {
 if (link.getAttribute("rel")!=-1&&link.getAttribute("title")) {
 link.disabled=true;
 if (link.getAttribute("title")==title) {
 link.disabled=false;
 }
 }
 }
 }

 createCookie("style",title,30);
}

function createCookie(name,value,hours) {
 var expires = "";
 if (hours!=null) {
 expire=new Date((new Date()).getTime() + hours * 60 * 60 * 1000);
 expire="; expires="+expire.toGMTString();
 }
 document.cookie=name + "=" + value + expire;
} 
function readCookie() {
 var cValue=0;
 if (document.cookie.indexOf("style1")!=-1) changeStyle('style1');
 if (document.cookie.indexOf("style2")!=-1) changeStyle('style2');
 if (document.cookie.indexOf("style3")!=-1) changeStyle('style3');
}
readCookie()

//
// You can change the href locations on these link tags to any stylesheet file (.css)
// and reference from the HEAD of the document
//
// <link rel="stylesheet" type="text/css" title="style1" href="style1.css" />
// <link rel="alternate stylesheet" type="text/css" title="style2" href="style2.css" />
// <link rel="alternate stylesheet" type="text/css" title="style3" href="style3.css" />
//
// links used to change stylesheeto in BODY of page.
//
// <a href="#" onclick="changeStyle('style1'); return false;">Style 1</a>
// <a href="#" onclick="changeStyle('style2'); return false;">Style 1</a>
// <a href="#" onclick="changeStyle('style3'); return false;">Style 1</a>
//
// EOF