// themes.js
// Theme changer shamelessly ripped from www.scottandrew.com
// Cookies look like they come from the Dynamic Duo's DynAPI
// Duncan Keith (js@subtangent.com)

Cookies = {
	
	save : function(name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000))
			var expires = "; expires="+date.toGMTString()
		}
		else expires = ""
		document.cookie = name+"="+value+expires+"; path=/"
	},
	read : function(name) {
		var nameEQ = name + "="
		var ca = document.cookie.split(';')
		for(var i=0;i<ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length)
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length)
		}
		return null
	}
	
}

function getPrefs(isRoot){
	var csspref = Cookies.read("css")
	extraPath = (isRoot) ? '' : '../'
	document.write('<link rel="stylesheet" href="'+extraPath+'home_page.css" type="text/css">')
	if (csspref!=null){
		document.write('<link rel="stylesheet" href="'+extraPath+csspref+'.css" title="'+csspref+'"type="text/css" />')
	} else {
		document.write('<link rel="stylesheet" href="'+extraPath+'orange.css" type="text/css" />')
	}
}

function setPref(name,value){
	Cookies.save(name,value,365)
	location = location;
}


function setTheme(value) {
	if (value != 'z') {setPref('css', value)}
}

function OLDputThemesPanel() {
	myhtml = '<div id=themePanel class=panel style="width:100px; height:auto; background-color:transparent; layer-background-color:transparent; float:right;">\n'
	myhtml += '<span class=vsmallnote>Choose a theme:<br />\n'
	myhtml += '<a href="#" onclick="setPref(\'css\',\'black-on-white\');return false;">Classic</a><br />\n'
	myhtml += '<a href="#" onclick="setPref(\'css\',\'orange\');return false;">Orangy</a><br />\n'
	myhtml += '<a href="#" onclick="setPref(\'css\',\'subtangent\');return false;">subtangent</a></span>\n'
	myhtml += '</div>\n'
	document.write(myhtml);
}

function putThemesPanel() {
	myhtml = '<div id="themePanel" style="width:auto; height:auto; background-color:transparent; layer-background-color:transparent; float:right;">\n'
	myhtml += '<form id="themeForm">\n'
	myhtml += '<select id="themeList" class="themebox" onchange="setTheme(this.value);">\n'
	myhtml += '<option value="">Choose theme...</option>\n'
	myhtml += '<option value="black-on-white">Standard</option>\n'
	myhtml += '<option value="orange">Orangy</option>\n'
	myhtml += '<option value="subtangent">subtangent</option>\n'
	myhtml += '<option value="silo">Silo</option>\n'
	myhtml += '<option value="groovy">Groovy</option>\n'
	myhtml += '<option value="copper">Copper</option>\n'
	myhtml += '<option value="ocean">Ocean</option>\n'
	myhtml += '<option value="print">Printer friendly</option>\n'
	myhtml += '</select>\n'
	myhtml += '</form></div>\n'
	document.write(myhtml);
}
function putNavPanel() {
	myhtml = '<div class="inlinePanelTwo" style="padding-top:0px; padding-bottom:0px;"><span class="vsmallnote"><a href="../index.htm">Index</a></span></div>'
	myhtml += '<div id="navPanel" style="width:auto; height:auto; background-color:transparent; layer-background-color:transparent; float:left;">\n'
	myhtml += '<form id="navForm">\n'
	myhtml += '<select id="navList" class="themebox" size="1" onchange="location=this.value;">\n'
	myhtml += '<option value="">Navigation...</option>\n'
	myhtml += '<option value="../index.htm">Index</option>\n'
	myhtml += '<option value="../sounds/index.htm">MIDI</option>\n'
	myhtml += '<option value="../lwp/index.htm">Word Pro</option>\n'
	myhtml += '<option value="../fonts/index.htm">Fonts</option>\n'
	myhtml += '<option value="../maths/index.htm">Maths - Main</option>\n'
	myhtml += '<option value="../excel/index.html">- Excel graphs</option>\n'
	myhtml += '<option value="../about.htm">About...</option>\n'
	myhtml += '</select>\n'
	myhtml += '</form></div>\n'
	document.write(myhtml);
}

function putExcelPanel() {
	myhtml = '<div class="inlinePanelTwo" style="padding-top:0px; padding-bottom:0px;"><span class="vsmallnote"><a href="../index.htm">Index</a></span></div>'
	myhtml += '<div id="navPanel" style="width:auto; height:auto; background-color:transparent; layer-background-color:transparent; float:left;">\n'
	myhtml += '<form id="navForm">\n'
	myhtml += '<select id="navList" class="themebox" size="1" onchange="location=this.value;">\n'
	myhtml += '<option value="">Navigation...</option>\n'
	myhtml += '<option value="../index.htm">Index</option>\n'
	myhtml += '<option value="../maths/index.htm">Maths index</option>\n'
	myhtml += '<option value="index.html">Excel graphs</option>\n'
	myhtml += '<option value="excel1.html">1. Getting started</option>\n'
	myhtml += '<option value="pictograms.html">2. Pictograms</option>\n'
	myhtml += '<option value="pyramids.html">3. Population pyramids</option>\n'
	myhtml += '<option value="box-plots.html">4. Box plots</option>\n'
	myhtml += '</select>\n'
	myhtml += '</form></div>\n'
	document.write(myhtml);
}

function lm() {return '<span class="vsmallnote">Document last modified: ' + document.lastModified + '</span>'};

function detectBrowser() {
	ns4 = (document.layers)? true:false;
	ie4 = (document.all)? true:false;
	ns5 = (!ie4 && document.getElementById) ? true:false;
}