var gotoMapPage = {};
var updateMapImage = {};
var updateMapOverlays = {};
var updateMapTypes = {};


var onAnimPlayClick = 1;

	var animReload = 0;
$(document).ready(function() {


	/*-------- global variables --------*/
		var overlaysOnMap = new Array;
		overlaysOnMap['ovrHighlightus'] = 'us';
		overlaysOnMap['ovrCounties'] = 'c';
		overlaysOnMap['ovrRivers'] = 'r';
		overlaysOnMap['ovrInterstates'] = 'i,is';


		overlaysOnMap['ovrWarnings'] = 'wrn';
		overlaysOnMap['ovrStationmodels'] = 'station_models';
		overlaysOnMap['ovrFronts'] = 'fronts';
		overlaysOnMap['ovrStormreports'] = 'sels';
		overlaysOnMap['ovrRadsum'] = 'radsum';


		overlaysOnMap['ovrCities'] = 'cities';


		var underlaysOnMap = new Array;
		underlaysOnMap = overlaysOnMap;




		var mapTypes = new Array;
	  mapTypes['typeAll'] = 'sp';
	  mapTypes['typeSp'] = 'sp';
		mapTypes['typeSevere'] = 'severe';
		mapTypes['typeWintry'] = 'wintry';


		mapTypes['typeFlood'] = 'flood';
		mapTypes['typeWind'] = 'winds';
		mapTypes['typeFire'] = 'fire';
		mapTypes['typeHeat'] = 'heat';
		mapTypes['typeFrostFreeze'] = 'frostfreeze';

		mapTypes['typeHWO'] = 'hwo';
		mapTypes['typeSPS'] = 'sps';
		mapTypes['typeNOW'] = 'now';






	/*-------- global functions --------*/

	gotoMapPage = function (useState) {

		var tState = (useState) ? useState : mapState;
		if (tState.substr(0,2) != 'us' && !tState.match(/^(trop|tropw|gulf|crb|nwatl|watl|aus|afr|can|crb|eur|mx|mide|nam|sam|nas|sas|world)$/) ) tState = 'us' + tState;

		var zurl = mapPageURLTemplate.replace('[typedir]', mapTypeDir);
		zurl = zurl.replace('[type]', mapType);
		zurl = zurl.replace('[region]', tState);
		zurl = zurl.replace('[interval]', mapInt);
		if ('undefined' !== typeof mapMTypes) zurl = zurl.replace('[mtypes]', mapMTypes);
		if ('undefined' !== typeof mapBase) zurl = zurl.replace('[base]', mapBase);
		if ('undefined' !== typeof mapSize) zurl = zurl.replace('[size]', mapSize);
		if ('undefined' !== typeof mapI) zurl = zurl.replace('[msg]', mapI);


		location = zurl;

	};



	updateMapImage = function () {

		if ('undefined' === typeof mapImgURLTemplate) gotoMapPage();
		else {

			var imgUrl = mapImgURLTemplate.replace('[typedir]', mapTypeDir);

			imgUrl = imgUrl.replace('[type]', mapType);
			imgUrl = imgUrl.replace('[region]', mapState);
			imgUrl = imgUrl.replace('[interval]', mapInt);
			imgUrl = imgUrl.replace('[points]', mapPoints);
			if ('undefined' !== typeof mapI) imgUrl = imgUrl.replace('[msg]', mapI);
			if ('undefined' !== typeof mapOverlays) imgUrl = imgUrl.replace('[overlays]', mapOverlays);
			if ('undefined' !== typeof mapUnderlays) imgUrl = imgUrl.replace('[underlays]', mapUnderlays);
			if ('undefined' !== typeof mapBase) imgUrl = imgUrl.replace('[base]', mapBase);
			if ('undefined' !== typeof mapMTypes) imgUrl = imgUrl.replace('[mtypes]', mapMTypes);
			if ('undefined' !== typeof mapSize) imgUrl = imgUrl.replace('[size]', mapSize);

			if ('undefined' !== typeof mapBase && mapType == 'preciptype') {
				if (mapBase == 'flat') imgUrl.replace('.jpg', '.png');
			}

			$('#contourMap').attr('src', imgUrl);
		}


	};

	updateMapOverlays = function () {
		var tOverlay = '';
		var tUnderlay = '';
		for ( var oType in overlaysOnMap ) {
			if (oType.substr(0,3) == 'ovr') {
				var cleanType =  oType.substr(3).toLowerCase();

				if ( $('#wxm-switch-overlays > li  #overlayOnMap-' + cleanType + '-link').hasClass('on') ) {
					tOverlay = tOverlay + overlaysOnMap[oType] + ',';
				}
				else if ($('#wxm-switch-overlays > li  #underlayOnMap-' + cleanType + '-link').hasClass('on') ) {
					tUnderlay = tUnderlay + overlaysOnMap[oType] + ',';
				}
			}
		}


		mapOverlays = tOverlay;
		mapUnderlays = tUnderlay;
		//updateMapImage();
		updateMapTypes();


		if ($('#anim-radar').is('*') && animReload) animPreload()
	};

	updateMapTypes = function () {


		if ('undefined' !== typeof mapTypes) {


			var tTypes = '';
			for ( var oType in mapTypes ) {
				if (oType.substr(0,4) == 'type') {
					var cleanType =  oType.substr(4).toLowerCase();

					if ( $('#wxm-switch-types > li  #type-' + cleanType + '-link').hasClass('on') ) {
						tTypes = tTypes + mapTypes[oType] + ',';
					}
				}
			}
		}



		mapMTypes = tTypes;
		updateMapImage();


	};




	/*-------- global processes --------*/

	// setup wxmap navbar stuff
	$('li.wxm-nav-el').mouseover(function(){
		var snav = $(this).children('div').get();
		$(snav).show();
	});
	$('li.wxm-nav-el').mouseout(function(){
		var snav = $(this).children('div').get();
		$(snav).hide();
	});



	// add regional menu clicks
	$('.wxm-snav-el > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/mnu-(\w+)-link/, "$1");
 		gotoMapPage(ref.toLowerCase());
 		return false;
 	});

	// add imagemap clicks
	$('.optImageMap').click(function(e){
		var ref = $(this).attr('meta');
 		gotoMapPage(ref.toLowerCase());
 		return false;
 	});



	// contour type clicks
	$('#wxm-switch-contour > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^contour-(\w+)-link$/, "$1");

 		 mapInt = ref;
 		 updateMapImage();

 		$('#wxm-switch-contour > li > a').removeClass('on');
		$('#contour-' +ref + '-link').addClass('on');


 		return false;
 	});


	// contour type clicks
	$('#wxm-switch-data > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^data-(\w+)-link$/, "$1");
		var tRef =  (ref == 'NONE') ? '' : ref;

 		 mapPoints = tRef;
 		 updateMapImage();

 		$('#wxm-switch-data > li > a').removeClass('on');
		$('#data-' +ref + '-link').addClass('on');


 		return false;
 	});


	// date clicks
	$('#wxm-switch-dates > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^date-(\w+)-link$/, "$1");

 		 mapI = ref;
 		 updateMapImage();

 		$('#wxm-switch-dates > li > a').removeClass('on');
		$('#date-' +ref + '-link').addClass('on');


 		return false;
 	});


	// interval clicks
	$('#wxm-switch-intervals > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^interval-(\w+)-link$/, "$1");

 		 mapInt = ref;
 		 gotoMapPage();

 		return false;
 	});


	// interval clicks
	$('#wxm-switch-subtypes > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^subtype-(\w+)-link$/, "$1");

 		 mapType = ref;
 		 gotoMapPage();

 		return false;
 	});



 	/****************************************
		Overlays
	****************************************/
 	// add overlay clicks
	$('#wxm-switch-overlays > li > a').click(function(e){

		if ( $(this).attr('id').match(/overlay-(\w+)-link/) ) {
			var ref = $(this).attr('id').replace(/(\w+)-link/, "$1");
	 		if ($('#' +ref).css('display') == 'none') {
	 			$('#' +ref).show();
	 			$('#' +ref + '-link').addClass('on');

	 			$.cookie($(this).attr('id'), 1,{path: '/'} );
	 		}
	 		else {
	 			$('#' +ref).hide();
	 			$('#' +ref + '-link').removeClass('on');
	 			$.cookie($(this).attr('id'), 0,{path: '/'});
	 		}
	 	}
	 	else if ( $(this).attr('id').match(/overlayOnMap-(\w+)-link/) ) {
	 		var ref = $(this).attr('id').replace(/overlayOnMap-(\w+)-link/, "$1");

	 		if ($('#overlayOnMap-' +ref + '-link').hasClass('on')) {
	 			$('#overlayOnMap-' +ref + '-link').removeClass('on');
	 			$.cookie($(this).attr('id'), 0,{path: '/'});
	 			$('#legend-' + ref).hide();
	 		}
	 		else {
	 			$('#overlayOnMap-' +ref + '-link').addClass('on');
	 			$.cookie($(this).attr('id'), 1,{path: '/'});
	 			$('#legend-' + ref).show();
	 		}

			updateMapOverlays();

		}
	 	else if ( $(this).attr('id').match(/underlayOnMap-(\w+)-link/) ) {
	 		var ref = $(this).attr('id').replace(/underlayOnMap-(\w+)-link/, "$1");

	 		if ($('#underlayOnMap-' +ref + '-link').hasClass('on')) {
	 			$('#underlayOnMap-' +ref + '-link').removeClass('on');
	 			$.cookie($(this).attr('id'), 0,{path: '/'});
	 			$('#legend-' + ref).hide();
	 		}
	 		else {
	 			$('#underlayOnMap-' +ref + '-link').addClass('on');
	 			$.cookie($(this).attr('id'), 1,{path: '/'});
	 			$('#legend-' + ref).show();
	 		}

			updateMapOverlays();

		}

 		return false;
 	});

 	// preset overlays
 	$('#wxm-switch-overlays > li > a').each(function(e){
 		if ( $(this).attr('id').match(/^(overlay|underlay)/) ) {
 			if ($.cookie( $(this).attr('id') ) == 1) $(this).click();
 		}


 		animReload = 1;
 	});

 	/****************************************
		Map Size
	****************************************/
 	// add base clicks
	$('#wxm-switch-sizes > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^size-(\w+)-link$/, "$1");

 		 mapSize = ref;

		gotoMapPage();



 		return false;
 	});



 	/****************************************
		Base Maps
	****************************************/
 	// add base clicks
	$('#wxm-switch-bases > li > a').click(function(e){
		var ref = $(this).attr('id').replace(/^base-(\w+)-link$/, "$1");

 		 mapBase = ref;

		$.cookie($(this).attr('id'), 1,{path: '/'});

 		 if ('undefined' !== typeof mapBasePageRefresh && !mapBasePageRefresh) {

 		 	updateMapImage();
 		 	$('#wxm-switch-bases > li > a').removeClass('on');
			$('#base-' +ref + '-link').addClass('on');

		}
		else {
			gotoMapPage();
		}


 		return false;
 	});

 	// preset base only if we do not refresh on base


 	if ('undefined' !== typeof mapBasePageRefresh && !mapBasePageRefresh) {
	 	$('#wxm-switch-bases > li > a').each(function(e){
	 		if ( $(this).attr('id').match(/^base/) ) {
	 			if ($.cookie( $(this).attr('id') )) $(this).click();
	 		}
	 	});
	}

 	/****************************************
		Anims
	****************************************/
	function animEnded() {
		$('#animctrl-stop-link').click();
	}
    function onAnimBefore(curr, next, opts) {
		if ('undefined' !== typeof mapAnimonBefore) mapAnimonBefore(curr, next, opts);


    };

 	$('#wxm-switch-animctrls > li > a').click(function(e){
 		var ref = $(this).attr('id').replace(/animctrl-(\w+)-link/, "$1");
 		if (ref == 'play') {
 			if ( !$(this).hasClass('on') ) {

				var goPlay = (typeof onAnimPlayClick == 'function') ? onAnimPlayClick() : onAnimPlayClick;


 				if (goPlay) {

	 				var paused = $('#animctrl-pause-link').hasClass('on');

	 				$('#wxm-switch-animctrls > li > a').removeClass('on');
	 				$(this).addClass('on');

	 				if ( paused ) {
	 					$('.anim-images').cycle('resume');
	 				}
	 				else {
	 				    var thisAnimDelay= ('undefined' !== typeof mapAnimDelay) ? mapAnimDelay : 250;
						$('.anim-images').cycle({
					        timeout: thisAnimDelay,
					        delay: 1000,
					        speed: 1,
					        pause: 0,
					        autostopCount: 240,
					        autostop: 1,
					        end: animEnded,
					        fastOnEvent: 1,

					        prev: '#animctrl-prev-link',
					        next: '#animctrl-next-link',

					        before: onAnimBefore
					    });
					}
				}

			}
		}
		else if (ref == 'stop') {
			if ( !$(this).hasClass('on') ) {
				$('#wxm-switch-animctrls > li > a').removeClass('on');
 				$(this).addClass('on');
 				$('.anim-images').cycle('stop');
 			}
 		}
		else if (ref == 'pause') {
			if ( !$('#animctrl-stop-link').hasClass('on') ) {
				if ( !$(this).hasClass('on') ) {
					$('#wxm-switch-animctrls > li > a').removeClass('on');
	 				$(this).addClass('on');
	 				$('.anim-images').cycle('pause');
	 			}
	 			else {
	 				$(this).removeClass('on');
	 				$('#animctrl-play-link').addClass('on');
	 				$('.anim-images').cycle('resume');
	 			}
	 		}
 		}

 		return false;

 	});

	if ( $('#anim-radar').is('*') ) {
		animPreload();
	}

		function animPreloadRequest (data) {
			var now = data.done +1;
			var txt = 'Loading ' + now+ ' of ' + data.total;
			$('#mapLoadingStatusText').text(txt);
		}

		function animPreloadFinish() {
			$('#contourMapContainer').hide();
        $('#mapLoadingStatus').hide();
			$('#anim-radar').show();
			$('#animctrl-play-link').click();
		}


	function animPreload () {
		$('#mapLoadingStatus').show();
		// preload animations
		$.preload( '#anim-radar img', {
         		find:/o=[\w,\[\]]*/,
         		replace:'o=' + mapOverlays,
				onRequest: animPreloadRequest,
				onFinish: animPreloadFinish,
				threshold:1
			});

	}






 	/****************************************
		multiple Map types (adv for now & soon others)
	****************************************/
 	// add overlay clicks
	$('#wxm-switch-types > li > a').click(function(e){

		 if ( $(this).attr('id').match(/type-(\w+)-link/) ) {
	 		var ref = $(this).attr('id').replace(/type-(\w+)-link/, "$1");


	 		if ($(this).hasClass('on')) {
	 			$('#type-' +ref + '-link').removeClass('on');

	 		}
	 		else {
	 			if (ref == 'all') $('#wxm-switch-types > li > a').removeClass('on');
	 			else $('#type-all-link').removeClass('on');
	 			$(this).addClass('on');
	 		}

			updateMapTypes();

		}


 		return false;
 	});


 	/****************************************
		simple types
	****************************************/
 	// add overlay clicks
	$('#wxm-switch-simpletypes > li > a').click(function(e){

		 if ( $(this).attr('id').match(/type-(\w+)-link/) ) {
	 		var ref = $(this).attr('id').replace(/type-(\w+)-link/, "$1");


	 		if (!$(this).hasClass('on')) {

	 			if (ref == 'all') $('#wxm-switch-simpletypes > li > a').removeClass('on');
	 			else $('#type-all-link').removeClass('on');
	 			$(this).addClass('on');

	 			mapType = ref;
	 			updateMapImage();
	 		}



		}


 		return false;
 	});



});