// --------------------------------------------------------------------------------

// ow_cssswitch.js

// Matthew Hogg 20-Apr-2004

// Contains core functions for generation and population of stylesheet switcher.

// --------------------------------------------------------------------------------

// IOTBS2.0 :: Invasion of the Body Switchers - Look Who's Switching Too

// --------------------------------------------------------------------------------

// This copyright statement must remain in place for both personal and commercial use

// GNU General Public License -- http://www.gnu.org/copyleft/gpl.html

// --------------------------------------------------------------------------------

// Original concept by Andy Clarke -- http://www.stuffandnonsense.co.uk/

// DOM scripting by brothercake -- http://www.brothercake.com/

// Create element and attributes based on a method by beetle -- http://www.peterbailey.net/

// --------------------------------------------------------------------------------



// --------------------------------------------------------------------------------

// This function is run upon page loading and sets up the stylewheet switcher.

// Modify this to change the options available via the switcher.

// --------------------------------------------------------------------------------



function loadEvent(f){

	var oldonload=window.onload;

	if(typeof window.onload!="function"){

		window.onload=f;

	}else{

		window.onload=function(){

			oldonload();

			f();

		}

	}

}





loadEvent(

function() {

	var switcher = new switchManager("html", "/french/css/");

	var swch = new bodySwitcher("css_switch", "", "no", "");

	swch.defineClass("default", "A");

	swch.defineClass("big", "A");

	swch.defineClass("bigger", "A");

}

);



// --------------------------------------------------------------------------------

// switchManager functions.

// --------------------------------------------------------------------------------



function switchManager(canvas, path, useCookie) {

	switcher = this;

	this.canvas = canvas == "body" && typeof document.body != "undefined" ? document.body : document.getElementsByTagName(canvas)[0];

	this.initial = this.canvas.className;

	if (this.initial == "") { this.initial = "itobs"; }

	this.path = (typeof path != "undefined" && path != "" ? path : null);

	this.itoken = /(\:\[[0-9]+\])/;

	if (this.path != null) {

		this.tokenrefs = ["", -1];

		this.linkeles = document.getElementsByTagName("link");

	}

	this.master = null;

	this.string  = "";

	this.idstring = "";

	this.isop = typeof window.opera != "undefined";

	this.isie = typeof window.attachEvent != "undefined" && !this.isop;

	this.iskde = navigator.vendor == "KDE";

	

	this.cookie = this.read();

	

	if (typeof window.attachEvent != "undefined") {

		window.attachEvent("onunload", function() {

			var closures = ["onchange", "onclick", "onkeydown", "checker"];

			for (var i = 0; i<document.all.length; i++) {

				for(var j = 0; j < closures.length; j++) {

					document.all[i][closures[j]] = null;

				}

			}

		});

	}

};



switchManager.prototype.set = function(days) {

	var thedate = new Date();

	thedate.setTime(thedate.getTime() + ( days * 24 * 60 * 60 * 1000));

	var info = this.idstring;

	if (info == "") { thedate.setTime(0); }

	document.cookie = "CSSSwitch=" + info+ ";expires=" + thedate.toGMTString()+ ";path=/";

};



switchManager.prototype.read = function() {

	this.cookie = null;

	if (document.cookie && document.cookie.indexOf("CSSSwitch=") != -1) {

		this.idcookie = [];

		this.cookie = document.cookie.split("CSSSwitch=")[1].split(";")[0].split("&");

		var tmp = "", len = this.cookie.length;

		for (var i = 0; i < len; i++) {

			this.cookie[i] = this.cookie[i].split("=");

			if (this.cookie[i].length > 1) {

				if (this.path != null && this.itoken.test(this.cookie[i][1])) { this.tokenrefs = [this.cookie[i][0],parseInt(this.cookie[i][1].split(":[")[1], 10)]; }

				this.cookie[i][1] = this.cookie[i][1].replace(this.itoken, "");

				tmp += " " + this.cookie[i][1] + " ";

				this.idcookie[i] = this.cookie[i];

			}

		}

		this.cookie = tmp;

	}

	return this.cookie;

};



switchManager.prototype.save = function(ident, chosen, ind, obj) {

	this.ident = ident;

	this.idstring = this.idstring.replace(this.ident + "=", "");

	var len = obj.classes.length;

	for (var i = 0; i < len; i++) {

		this.string = this.string.replace(" " + obj.classes[i] + " ","");

		var reg = new RegExp("(" + obj.classes[i] + ")" + "(\:\[[0-9]+\])?" + "&", "");

		this.idstring = this.idstring.replace(reg,"");

	}

	if (chosen != "default") {

		this.string += " " + chosen + " ";

		this.idstring += this.ident + "=" + chosen;

		if (this.master == obj) { this.idstring += ":[" + ind + "]"; }

		this.idstring +=  "&";

	}

	if (this.path != null) {

		if (this.master != obj) {

			var linkele = document.getElementById(this.ident + "_stylesheet");

			if (linkele != null) {

				var sheetpath = this.path + this.ident + "_" + chosen + ".css";

				if (this.isop) { setTimeout(function() { linkele.href = sheetpath; }, 10); }

				if (this.isie) {

					var request = new ActiveXObject("Microsoft.XMLHTTP");

					request.open("GET", sheetpath, true);

					request.send(null);

					request.onreadystatechange = function() {

						if (request.readyState == 4 && request.status == 200) { linkele.href = sheetpath; }

					};

				}

				linkele.href = sheetpath;

			}

		} else {

			len = this.alternates.length;

			for (i = 0; i < len; i++) { this.alternates[i].disabled = i != ind; }

		}

	} else {

		this.canvas.className = this.initial + this.string;

	}

	this.set(365);

};



switchManager.prototype.integrate = function(obj, divid) {

	this.master = obj;

	this.alternates = [document.getElementById(divid + "_stylesheet")];

	var inscope = false;

	var len = this.linkeles.length;

	for (var i = 0; i < len; i++) {

		if (i > 0 && this.linkeles[i - 1] == this.alternates[0]) { inscope = true;}

		if (inscope) {

			if (this.linkeles[i].getAttribute("title") != null && this.linkeles[i].getAttribute("rel") != null && /(alternat)(iv)?(e stylesheet)/i.test(this.linkeles[i].rel)) {

				this.alternates[this.alternates.length] = this.linkeles[i];

			} else {

				inscope = false;

				break;

			}

		}

	}

	var isenabled = 0;

	var watcher = window.setInterval(function() {

		var len = switcher.alternates.length;

		for (var i = 0; i<len; i++) {

			if (!switcher.alternates[i].disabled) {

				if (i != isenabled) {

					isenabled = i;

					obj.update(i);

					switcher.save(divid, switcher.alternates[i].href.split(divid + "_")[1].split(".css")[0], i, obj);

				}

				break;

			}

		}

	}, 55);

};



switchManager.prototype.create = function(tag, attrs) {

	var ele = (typeof document.createElementNS != "undefined") ? document.createElementNS("http://www.w3.org/1999/xhtml",tag) : document.createElement(tag);

	if (typeof attrs != "undefined") {

		for (var i in attrs) {

			switch (i) {

				case "text" : ele.appendChild(document.createTextNode(attrs[i])); break;

				case "class" : ele.className = attrs[i]; break;

				case "for" : ele.setAttribute("htmlFor", attrs[i]); break;

				default : ele.setAttribute(i, ""); ele[i] = attrs[i]; break;

			}

		}

	}

	return ele;

};



// --------------------------------------------------------------------------------

// bodySwitcher functions.

// --------------------------------------------------------------------------------



function bodySwitcher(divid, label, isnative, selected) {

	if (switcher.path != null && !switcher.isie && typeof isnative != "undefined" && isnative == "yes") { switcher.integrate(this, divid); }

	this.classes = [];

	if (document.getElementById(divid) == null) { return false; }

	this.labels = [];

	var attrs = { "id" : "select_" + divid };

	this.dl = document.getElementById(divid).appendChild(switcher.create("dl", attrs));

	attrs = { "text" : label } ;

	this.dl.appendChild(switcher.create("dt", attrs));

	this.selected = typeof selected != "undefined" ? selected : "";

	return true;

};



bodySwitcher.prototype.defineClass = function(key, val) {

	this.classes[this.classes.length] = key;

	if (typeof this.dl == "undefined") { return false; }

	var self = this;

	this.labels[this.labels.length] = val;

	var item = this.dl.appendChild(switcher.create("dd"));

	if (this.dl.childNodes.length == 2) item.id = "swchFirst";

	item.className = "selected " + key;

	if (key == "default") {

		var link = item.appendChild(document.createTextNode(val + this.selected));

	} else if (switcher.cookie != null && switcher.cookie.indexOf(' ' + key + ' ') != -1) {

		link = item.appendChild(document.createTextNode(val + this.selected));

		if (key != "default") {

			var defitem = this.dl.childNodes[1];

			defitem.className = "default";

			this.dl.childNodes[1].removeChild(defitem.firstChild);

			var attrs = { "href" : "javascript:void(\"" + this.classes[0] + "\", \"" + this.labels[0] + "\")", "text" : this.labels[0] };

			link = defitem.appendChild(switcher.create("a", attrs));

		}

	} else {

		item.className = key;

		attrs = { "href" : "javascript:void(\"" + key + "\", \"" + val + "\")", "text" : val};

		link = item.appendChild(switcher.create("a", attrs));

	}

	item.onclick = function() {

		if (this.getElementsByTagName("a").length == 0) { return false; }

		var items = self.dl.getElementsByTagName("dd");

		var len = items.length;

		var dd = new Array(0);

		for (var i = 0; i < len; i++) if (items[i].className != "swchSeparator") dd[dd.length] = items[i];

		len = dd.length;

		for (var i = 0; i < len; i++) {

			if (dd[i] == this) {

				var ind = i;

				break;

			}

		}

		switcher.save(self.dl.id.replace("select_", ""), self.classes[ind], ind, self);

		self.redraw(ind, this);

		return true;

	};

	return true;

};



bodySwitcher.prototype.defineSeparator = function(sep) {

	if (typeof this.dl == "undefined") { return false; }

	var self = this;

	var item = this.dl.appendChild(switcher.create("dd"));

	if (this.dl.childNodes.length == 2) item.id = "swchFirst";

	item.className = "swchSeparator";

	attrs = { "text" : sep };

	link = item.appendChild(switcher.create("span", attrs));

	return true;

};



bodySwitcher.prototype.redraw = function(ind, link) {

	var items = this.dl.getElementsByTagName("dd");

	var len = items.length;

	var dd = new Array(0);

	for (var i = 0; i < len; i++) if (items[i].className != "swchSeparator") dd[dd.length] = items[i];

	len = dd.length;

	for(var i = 0; i < len; i++) {

		if (dd[i].firstChild.nodeName == "#text") {

			dd[i].className = this.classes[i];

			dd[i].removeChild(dd[i].firstChild);

			var attrs = { "href" : "javascript:void(\"" + this.classes[i] + "\", \"" + this.labels[i] + "\")", "text" : this.labels[i] };

			dd[i].appendChild(switcher.create("a", attrs));

		}

	}

	// setting this focus causes the wrong element to be focussed, and then the colour (white) causes it to be hidden

	// dd[(ind == len - 1 ? 0 : ind + 1)].firstChild.focus();

	link.removeChild(link.firstChild);

	link.appendChild(document.createTextNode(this.labels[ind] + this.selected));

	dd[ind].className += " selected";

};



bodySwitcher.prototype.update = function(ind) {

	if (typeof this.dl != "undefined") { this.redraw(ind, this.dl.getElementsByTagName("dd")[ind]); }

};