/**
 * Styleswitch Stylesheet Switcher jQuery Plugin 2008.05.18 
 * A simple jQuery Plugin to switch the stylesheet.
 * 
 * This is based upon Kelvin Luck's ( http://www.kelvinluck.com/ )
 * "Styleswitch stylesheet switcher built on jQuery"
 * Under an Attribution, Share Alike License
 * Original by Kelvin Luck ( http://www.kelvinluck.com/ )
 * By Seamus P. H. Leahy ( http://moronicbajebus.com/ )
 *
 * 
 * This plugin gives you a simple way to turn on and off stylesheets. It will also store 
 * the current stylesheets state in a user cookie so they can be restored when they come 
 * to the page the next time. This is good if you want to switch the theme via stylesheet
 * or make the text bigger by turning on an additional stylesheet.
 *
 * To utilize the storing the user's settings in a cookie, you will need to also use the 
 * jQuery cookie plugin: http://plugins.jquery.com/project/cookie
 *
 * 
 * Interface:
 *
 * jQuery.styleswitch
 *  This is the namespace and object for Styleswitch.
 *
 * jQuery.styleswitch.disable(title, [cookie])
 *  Disable the stylesheets (via the link element) with the title attr matching the title param.
 *  @param title string - the title attr on the link elements you will be disabling
 *  @param cookie object optional - the cookie options to save it (see Cookie Options below)
 *  @return jQuery global object
 *
 * jQuery.styleswitch.enable(title, [cookie])
 *  Enable the stylesheets (via the link element) with the title attr matching the title param.
 *  @param title string - the title attr on the link elements you will be enabling
 *  @param cookie object optional - the cookie options to save it (see Cookie Options below)
 *  @return jQuery global object
 *
 * jQuery.styleswitch.toggle(title, [cookie])
 *  Toggles the stylesheets (via the link element) with the title attr matching the title param.
 *  If the stylesheets have different disabled states, then all of them will be set to match the
 *  toggle state of the first match.
 *  @param title string - the title attr on the link elements you will be toggling
 *  @param cookie object optional - the cookie options to save it (see Cookie Options below)
 *  @return jQuery global object
 *
 * jQuery.styleswitch.isDisabled(title)
 *  Checks if the stylesheet with the title attr matching the param title is disabled.
 *  If the stylesheets have different disabled states, then the disabled state of the first
 *  matched element is checked.
 *  @param title string - the title attr on the link elements you want to check
 *  @return boolean - true if is disabled, false if enabled
 *
 * jQuery.styleswitch.load([cookie])
 *  Loads the stylesheet disabled settings from the cookie (if set).
 *  If cookie is not passed in, then the default cookie will be used.
 *  Because of how cookies are handled with Javascript, only the cookie name is used for retrieving
 *  cookies instead of the cookie ID triple of name, domain, and path. 
 *  @param cookie object optional - the cookie options of the cookie to load.
 *
 * jQuery.styleswitch.reset([cookie])
 *  Resets the stylesheet disabled state to their states before this plugin changed the
 *  disabled state for a stylesheet.
 *  
 *  If you want to reset the states without clearing out the cookie, pass false for the cookie.
 *  @param cookie object optional - the cookie settings to save it (see Cookie Settings below)
 *
 * 
 * jQuery.styleswitch.removeCookie([cookie])
 *  This will remove the cookie used to save the users settings. This is for advance users.
 *  @param cookie object optional - removes the particular cookie
 *
 * 
 * setCookie
 *  This is for moderate to advance users. This sets the default cookie
 *  options to be used.
 * @param object cookieOptions - the options to change with the cookie 
 *
 * getCookie
 * This returns the default cookie options.
 * @return object cookieOptions
 *
 * The default default cookie options are the following:
 *    name: 'StyleSwitch',
 *    expires: 14, 
 *    path: '/', 
 *    domain:  window.location.hostname, 
 *    secure: window.location.protocol == 'https'
 *
 * 
 * Cookie Options
 * 1. If nothing is passed in, then the default cookie options from getCookie are used
 * 2. If false is passed for the cookie, then no cookie will be used
 * 3. If an object is passed with options, then those options will be 
 *    used and override the default options
 *
 * Settings:
 *   name string - the name of the cookie (this is not from jQuery.cookie plugin)
 *   expires number - the number of days until the cookie is expired
 *   path string - the path which the cookie will use for
 *   domain string - the domain the cookie will be valid for
 *   secure boolean - is this a secure cookie
 *
 *   For more information about the settings, visit http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/
 *
 *
 * Event
 * The Styleswitch plugin has a custom event that is triggered when the styleswitch plugin is updated.
 * Whenever the disabled state is updated (even to the same state), the event "styleswitch" is acted 
 * upon for the document. Three additional parameters are passed to the event function: 
 * title string, disabled boolean, and prevDisabled boolean.
 * 
 * The Event Function
 * function myStyleswitchEventFunc(event, title, disabled, prevDisabled){
 * 	alert("The stylesheet "+title+" disabled state has been updated from "+prevDisabled+" to "+disabled);
 * 	// ...
 * }
 *
 * How to Bind Event Function
 * jQuery(document).bind('styleswitch', myStyleswitchEventFunc);
 *
 **/



(function(){ // Keeping the namespace tidy
	
	jQuery.styleswitch = {
		disable: 		function(title, cookie){
								setStyleSheetState(title, true);
								setStyleSheetCookiesState(cookie, title, true);
								getStyleSheets(title).each(function(){
									this.disabled = true;
								});
								setCookie(cookie);
								return this;
							},
		enable:			function(title, cookie){
								
								setStyleSheetState(title, false);
								setStyleSheetCookiesState(cookie, title, false);
								getStyleSheets(title).each(function(){
									this.disabled = false;
								});
								setCookie(cookie);
								return this;
							},
		toggle:			function(title, cookie){
								var s = getStyleSheets(title);
								
								// this is to sync all of them to be in the same state
								if(!s.get(0)){
									return this;
								}
								if(s.get(0).disabled === true) {
									jQuery.styleswitch.enable(title, cookie);
								} else {
									jQuery.styleswitch.disable(title, cookie);
								}
								return this;
							},
		load:				function(cookie){
								cookie = cookieSettings(cookie);
								
								var states = unserializeCookie(cookie.name);
								
								applyStylesheetStates(states, cookie);
								return this;
							},
		reset:			function(cookie){
								applyStylesheetStates(originalState, cookie);
							},
		removeCookie:	function(cookie){
								removeTheCookie(cookie);
							},
	/**
	 * isDisabled
	 *
	 * @param title string - the title attr for the link elements
	 * @return true if it is disabled, false if it is enabled
	 */
		isDisabled:		function(title){
								if(stylesheetState[title] !== undefined){
									return stylesheetState[title];
								} else if(!getStyleSheets(title).get(0)){
									return undefined;
								} else {
									stylesheetState[title] = getStyleSheets(title).get(0).disabled === true;
									return stylesheetState[title];
								}
							},
		setCookie:		function(options){
								defaultCookie = cookieSettings(options);
							},
		getCookie:		function(){
								return defaultCookie;
							}
	};
	
	
	// Consts
	var EVENT_NAME = 'styleswitch';
	
	
	// Internal
	
	
	var defaultCookie = {name: 'StyleSwitch', expires: 14, path: '/', domain:  window.location.hostname , secure: window.location.protocol == 'https'}
	
	
	// 
	// Returns the jQuery set for the stylesheets with the given title
	// @title string = the title attr on the link elements
	var getStyleSheets = function(title){
		return jQuery('link[@rel*=style][@title='+title+']');
	};
	
	
	var setStyleSheetState = function(title, disabled){
		if(originalState[title] === undefined){
			originalState[title] = jQuery.styleswitch.isDisabled(title);
		}
		
		var prev = stylesheetState[title];
		stylesheetState[title] = disabled;
		// trigger event
		jQuery(document).trigger(EVENT_NAME, [title, disabled, prev]);
	};
	
	// Cookie stuff
	
	// The cached states for the stylesheets
	var stylesheetState = {};
	
	// The states for the cookies
	var cookieStylesheetState = {};
	
	// The original values
	var originalState = {};
	
	
	// Converts stylesheetState into a string form to save in the cookie
	// @returns string - the serialized version
	var serializeCookie = function(states){
		var a = [];
		// create an array of the title=bool
		for(var b in states){
			if(states[b]){
				a.push(b+'=1');
			} else {
				a.push(b+'=0');
			}
		}
		
		// insert & between pairs and return
		return a.join('&');
	};
	
	
	// Converts the serialized cookie into the stylesheetState variable
	var unserializeCookie = function(cookieName){
		if(!jQuery.cookie){ // without jQuery.cookie we cannot load cookie
			return this;
		}
		var s = {};
		var v = jQuery.cookie(cookieName);
		if(v){
			// split in title=bool
			var a = v.split('&');
			for(var i=0; i<a.length; i++){
				
				var b = a[i].split('=');
				
				s[b[0]] = b[1] == '1';
			}
		}
		
		return s;
	};
	
	// This sets the users cookie for the stylesheet information.
	var setCookie = function(cookie){
		if(cookie === false || !jQuery.cookie){
			return;
		}
		
		cookie = cookieSettings(cookie);
		
		// Update the cookie state to match the DOM state
		jQuery.cookie(cookie.name, serializeCookie(getStyleSheetCookieStates(cookie)), cookie);
	};
	
	
	var removeTheCookie = function(cookie){
		if(cookie === false || !jQuery.cookie){
			return;
		}
		cookie = cookieSettings(cookie);
		jQuery.cookie(cookie.name, null, cookie);
	};
	
	
	var applyStylesheetStates = function(s, cookie){
		
		for(var c in s){
			if(s[c]){
				jQuery.styleswitch.disable(c, cookie);
			} else {
				
				jQuery.styleswitch.enable(c, cookie);
			}
		}
	};
	
	
	// Set the stylesheet state for a particular cookie
	var setStyleSheetCookiesState = function(cookie, title, disabled){
		cookie = cookieSettings(cookie);
		
		if(!cookieStylesheetState[cookie.name]){
			cookieStylesheetState[cookie.name] = {};
		}
		
		cookieStylesheetState[cookie.name][title] = disabled;
		
	};
	
	
	// Get all the titles and disabled states for a cookie triple (name, domain, path)
	var getStyleSheetCookieStates = function(cookie){
		cookie = cookieSettings(cookie);
		
		if(!cookieStylesheetState[cookie.name]){
			return {};
		}
		return cookieStylesheetState[cookie.name];
	}
	
	
	var cookieSettings = function(cookie){
		var v = {}; 
		jQuery.extend(v, defaultCookie, cookie);
		return v;
	};
	
})();