$jquery = jQuery;


$jquery.SwitchStyle = {

	style: '',

	lookup: {highvis: '/styles/highvisibility.css',
		textversion : '/styles/textversion.css',
		mobile : '/styles/handheld.css',
		normal : '/styles/temp.css'},

	Init : function() {
		var style = $jquery.cookie('switchable_style') != null ? $jquery.cookie('switchable_style') : $jquery.SwitchStyle.normal;
	        $jquery.SwitchStyle.SetStyle(style);
		var initialized = true;
		var minWidth=300;
		if ($jquery.cookie('switchable_style') == null && (screen.width < minWidth || screen.width == "" || screen.width == null)){
			$jquery.SwitchStyle.SetMobile();
		}
	},

	SetHighVis: function()
	{
		$jquery.SwitchStyle.SetStyle('highvis')
	},

	SetText: function()
        {
                $jquery.SwitchStyle.SetStyle('textversion')
        },

	SetMobile: function()
        {
                $jquery.SwitchStyle.SetStyle('mobile')
        },


	SetStyle: function(styleName)
	{
		$jquery('link#switchable').attr("href", $jquery.SwitchStyle.lookup[styleName]);
		$jquery.cookie('switchable_style',styleName, {path: '/'});
	},
	
	Reset: function()
	{
		$jquery.SwitchStyle.SetStyle('normal')
	}
};