// 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