/**
* Stylesheet toggle variation on styleswitch stylesheet switcher.
* Built on jQuery.
* Under an CC Attribution, Share Alike License.
* By Kelvin Luck ( http://www.kelvinluck.com/ )
**/

(function($) {
	// Local vars for toggle
	var availableStylesheets = [];
	var activeStylesheetIndex = 0;
	
	// To loop through available stylesheets
	$.stylesheetToggle = function() {
		activeStylesheetIndex ++;
		activeStylesheetIndex %= availableStylesheets.length;
		$.stylesheetSwitch(availableStylesheets[activeStylesheetIndex]);
	};
	
	// To switch to a specific named stylesheet
	$.stylesheetSwitch = function(styleName) {
		$('link[@rel*=style][title]').each(
			function(i) {
				this.disabled = true;
				if (this.getAttribute('title') == styleName) {
					this.disabled = false;
					activeStylesheetIndex = i;
				}
			}
		);
		createCookie('style', styleName, 365);
	};
		
	// To initialise the stylesheet with it's 
	$.stylesheetInit = function() {
		$('link[rel*=style][title]').each(
			function(i) {
				availableStylesheets.push(this.getAttribute('title'));
			}
		);
		var c = readCookie('style');
		if (c) {
			$.stylesheetSwitch(c);
		}
	};
}
)(jQuery);

// cookie functions http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires="; expires="+date.toGMTString();
	} else
		var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(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 eraseCookie(name) {
	createCookie(name,"",-1);
}

$(function() {
	// Call stylesheet init so that all stylesheet changing functions
	// will work.
	$.stylesheetInit();
            
	// This code loops through the stylesheets when you click the link with
	// an ID of "toggler" below.
	$('#toggler').bind(
		'click',
		function(e) {
			$.stylesheetToggle();
			return false;
		}
	);
            
	// When one of the styleswitch links is clicked then switch the stylesheet to
	// the one matching the value of that links rel attribute.
	$('.styleswitch').bind(
		'click',
		function(e) {
			$.stylesheetSwitch(this.getAttribute('rel'));
			return false;
		}
	);
});
