(function($) {
		
	var alternateCss = false;

	$.stylesheets = (function () {
		var stylesheets,
			add,
			clear;		
	
		add = function (cssfile) {
			$('head').append('<link href="' + cssfile + '" id="altStyle" rel="stylesheet" />');
			alternateCss = true;
			//$.cookies('browserColor', "black");
			$.cookies.set('browserColor', 'black', {path: '/'});
			return stylesheets;
		};
	
		clear = function () {
			$('#altStyle').remove();
			alternateCss = false;
			$.cookies.set('browserColor', 'white', {path: '/'});
			return stylesheets;
		};
		
		getState = function () {
			return alternateCss;
		};
		
		return stylesheets = {
			add: add,
			clear: clear,
			alternateOn: getState
		};
	} ());

})(jQuery);

function styleSwitcherInit(){
	
	//get cookie
	if($.cookies.get('browserColor') == 'black') $.stylesheets.clear().add("css/alternative.css");
	
	$("body").click(function() {
	 	if($.stylesheets.alternateOn()){
			$.stylesheets.clear();
		} else {
			$.stylesheets.clear().add("css/alternative.css");
		}
		
		return false;
	 });
	
	 //make sure we can still click on the links
	 $('body a, .infoBlock').bind('click', function(e){
		e.stopPropagation();
     });
}

var changeStyles = false;
function styleSwitcherToBlack(){
	if($.stylesheets.alternateOn()) return;
	changeStyles = true;
	$.stylesheets.clear().add("css/alternative.css");
}

//switches it back to regular only if it was changed to black before
function styleSwitcherToBack(){
	if($.stylesheets.alternateOn() && changeStyles ){
		 $.stylesheets.clear();
		 changeStyles = false;
	}
}