/***********************************************
* Style Sheet Switcher v1.1- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

//Style Sheet Switcher version 1.1 Oct 10th, 2006
//Author: Dynamic Drive: http://www.dynamicdrive.com
//Usage terms: http://www.dynamicdrive.com/notice.htm

/* ThinkQuest International 2006/2007
   TQ Toolkit - A web building guide for ThinkQuesters (C)
   Your TQ Guides (R)
   Visit http://library.thinkquest.org/06aug/02048/

*/

var manual_or_random="manual" //"manual" or "random"
var randomsetting="eachtime" //"eachtime", "sessiononly", or "x days (replace x with desired integer)". Only applicable if mode is random.
var curStyle = "";

//////No need to edit beyond here//////////////

function getCookie(Name) { 
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
}

function setCookie(name, value, days) {
var expireDate = new Date()
//set "expstring" to either future or past date, to set or delete cookie, respectively
var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5)
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

function deleteCookie(name){
setCookie(name, "moot")
}

function setStylesheet(title, randomize){ //Main stylesheet switcher function. Second parameter if defined causes a random alternate stylesheet (including none) to be enabled
// Code below customized for current site div positioning
curStyle = title;
if (document.getElementById) {
var togglediv = document.getElementById("texttoggle");
var toolboxdiv = document.getElementById("toolbox");
var factboxdiv = document.getElementById("factbox");
var triviadiv = document.getElementById("trivia");
var submenudiv = document.getElementById("submenu");

switch (title)
{
	case "none":
		togglediv.style.left = '5px';
		togglediv.style.top = '285px';
		toolboxdiv.style.left = '600px';
		toolboxdiv.style.top = '750px';
		factboxdiv.style.left = '600px';
		factboxdiv.style.top = '980px';
		triviadiv.style.left = '600px';
		triviadiv.style.top = '1150px';
		submenudiv.style.left = '600px';
		submenudiv.style.top = '318px';
		imageStatus();
		break;
	case "toolkit":
		togglediv.style.left = '1px';
		togglediv.style.top = '270px';
		toolboxdiv.style.left = '600px';
		toolboxdiv.style.top = '540px';
		factboxdiv.style.left = '600px';
		factboxdiv.style.top = '750px';
		triviadiv.style.left = '600px';
		triviadiv.style.top = '900px';
		submenudiv.style.left = '600px';
		submenudiv.style.top = '330px';
		imageStatus();
		break;
	case "txtonly":
		togglediv.style.left = '570px';
		togglediv.style.top = '114px';
		toolboxdiv.style.left = '0px';
		toolboxdiv.style.top = '730px';
		factboxdiv.style.left = '0px';
		factboxdiv.style.top = '960px';
		triviadiv.style.left = '0px';
		triviadiv.style.top = '1140px';
		submenudiv.style.left = '0px';
		submenudiv.style.top = '210px';
		imageStatus();	
		break;
	case "tqstyle":
		togglediv.style.left = '10px';
		togglediv.style.top = '148px';
		toolboxdiv.style.left = '0px';
		toolboxdiv.style.top = '505px';
		factboxdiv.style.left = '0px';
		factboxdiv.style.top = '720px';
		triviadiv.style.left = '0px';
		triviadiv.style.top = '870px';
		submenudiv.style.left = '0px';
		submenudiv.style.top = '200px';
		imageStatus();
		break;
	case "lucidity":
		togglediv.style.left = '575px';
		togglediv.style.top = '122px';
		toolboxdiv.style.left = '12px';
		toolboxdiv.style.top = '485px';
		factboxdiv.style.left = '12px';
		factboxdiv.style.top = '705px';
		triviadiv.style.left = '12px';
		triviadiv.style.top = '860px';
		submenudiv.style.left = '12px';
		submenudiv.style.top = '150px';
		imageStatus();
		break;
	case "futura":
		togglediv.style.left = '5px';
		togglediv.style.top = '165px';
		toolboxdiv.style.left = '615px';
		toolboxdiv.style.top = '770px';
		factboxdiv.style.left = '615px';
		factboxdiv.style.top = '990px';
		triviadiv.style.left = '615px';
		triviadiv.style.top = '1150px';
		submenudiv.style.left = '615px';
		submenudiv.style.top = '470px';
		imageStatus();
		break;
	case "playground":
		togglediv.style.left = '48px';
		togglediv.style.top = '200px';
		toolboxdiv.style.left = '10px';
		toolboxdiv.style.top = '770px';
		factboxdiv.style.left = '10px';
		factboxdiv.style.top = '1000px';
		triviadiv.style.left = '10px';
		triviadiv.style.top = '1170px';
		submenudiv.style.left = '10px';
		submenudiv.style.top = '400px';
		imageStatus();
		break;
	case "cubicgreen":
		togglediv.style.left = '35px';
		togglediv.style.top = '216px';
		toolboxdiv.style.left = '585px';
		toolboxdiv.style.top = '730px';
		factboxdiv.style.left = '585px';
		factboxdiv.style.top = '960px';
		triviadiv.style.left = '590px';
		triviadiv.style.top = '1135px';
		submenudiv.style.left = '577px';
		submenudiv.style.top = '300px';
		imageStatus();
		break;
	default:
		break;
}
}
// End of added code
var i, cacheobj, altsheets=[""]
for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title")) { //if this is an alternate stylesheet with title
cacheobj.disabled = true
altsheets.push(cacheobj) //store reference to alt stylesheets inside array
if(cacheobj.getAttribute("title") == title) //enable alternate stylesheet with title that matches parameter
cacheobj.disabled = false //enable chosen style sheet
}
}
if (typeof randomize!="undefined"){ //if second paramter is defined, randomly enable an alt style sheet (includes non)
var randomnumber=Math.floor(Math.random()*altsheets.length)
altsheets[randomnumber].disabled=false
}
return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : "" //if in "random" mode, return "title" of randomly enabled alt stylesheet
}

function chooseStyle(styletitle, days){ //Interface function to switch style sheets plus save "title" attr of selected stylesheet to cookie
if (document.getElementById){
setStylesheet(styletitle)
setCookie("mysheet", styletitle, days)

}
}

function indicateSelected(element){ //Optional function that shows which style sheet is currently selected within group of radio buttons or select menu
if (selectedtitle!=null && (element.type==undefined || element.type=="select-one")){ //if element is a radio button or select menu
var element=(element.type=="select-one") ? element.options : element;
for (var i=0; i<element.length; i++){
if (element[i].value==selectedtitle){ //if match found between form element value and cookie value
if (element[i].tagName=="OPTION") //if this is a select menu
element[i].selected=true
else //else if it's a radio button
element[i].checked=true
break
}
}
}
}

if (manual_or_random=="manual"){ //IF MANUAL MODE
var selectedtitle=getCookie("mysheet");
if (document.getElementById && selectedtitle!=null) //load user chosen style sheet from cookie if there is one stored
setStylesheet(selectedtitle)
else
setStylesheet("none");
}
else if (manual_or_random=="random"){ //IF AUTO RANDOM MODE
if (randomsetting=="eachtime")
setStylesheet("", "random")
else if (randomsetting=="sessiononly"){ //if "sessiononly" setting
if (getCookie("mysheet_s")==null) //if "mysheet_s" session cookie is empty
document.cookie="mysheet_s="+setStylesheet("", "random")+"; path=/" //activate random alt stylesheet while remembering its "title" value
else
setStylesheet(getCookie("mysheet_s")) //just activate random alt stylesheet stored in cookie
}
else if (randomsetting.search(/^[1-9]+ days/i)!=-1){ //if "x days" setting
if (getCookie("mysheet_r")==null || parseInt(getCookie("mysheet_r_days"))!=parseInt(randomsetting)){ //if "mysheet_r" cookie is empty or admin has changed number of days to persist in "x days" variable
setCookie("mysheet_r", setStylesheet("", "random"), parseInt(randomsetting)) //activate random alt stylesheet while remembering its "title" value
setCookie("mysheet_r_days", randomsetting, parseInt(randomsetting)) //Also remember the number of days to persist per the "x days" variable
}
else
setStylesheet(getCookie("mysheet_r")) //just activate random alt stylesheet stored in cookie
} 
}

/* Other functions customized for this site */

function getTextSize() {
	var cssRules;
	if (document.all) {
		cssRules = 'rules';
	}
	else if (document.getElementById) {
		cssRules = 'cssRules';
	}
	for (var S = 0; S < document.styleSheets.length-1 ; S++){
		for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
			if (document.styleSheets[S][cssRules][R].selectorText == '.contenttext') {
	    		return document.styleSheets[S][cssRules][R].style['fontSize'];
	   		}
	  	}
	}	
}

function textsize(command)
{
	if (!document.documentElement || !document.body) return;
	var newSize = 100;
	var initialSize = parseInt(getTextSize());
	if (!initialSize || initialSize < 85) initialSize = 100;
	switch (command) {
		case "increase":
			newSize = initialSize + 10;
			break;
		case "decrease":
			newSize = initialSize - 10;
			break;
		default:
			newSize = parseInt(getCookie("my-textsize"));
			if (!newSize) newSize = initialSize;
			break;
	}
	newSize2 = newSize + 50;
	newSize3 = newSize + 100;
	newSize += '%';
	newSize2 += '%';
	newSize3 += '%';
	changecss('.contenttext', 'fontSize', newSize);
	changecss('.subtitle', 'fontSize', newSize2);
	changecss('.title', 'fontSize', newSize3);
	setCookie("my-textsize",newSize,356);
}

/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

function imageStatus()
{
	if (document.getElementsByTagName) {
	var hid = getElementsByClassName(document, "span", "hidden");
	var pics = document.getElementsByTagName("img");
	if (curStyle == "txtonly")
	{
		for (var i=0; i<hid.length; i++)
			hid[i].style.display = 'inline';
		for (var i=0; i<pics.length; i++) {
			if (pics[i].getAttribute("class") == null)
				pics[i].style.display = 'none';
		}
	}
	else
	{
		for (var i=0; i<hid.length; i++)
			hid[i].style.display = "none";
		for (var i=0; i<pics.length; i++) {
			if (pics[i].getAttribute("class") == null)
				pics[i].style.display = "inline";
		}
	}
	}
}