var page_id = "sst";
var ob_key;


function sst_page_loaded() {
	top.any_page_loaded(page_id);
}


function write_image_map() {
	str = ""; r = 7;
	
	for (i=0; i<spots.length; i++) {
		spot = spots[i];
		x = spot.x;
		y = spot.y;

		str += '<area shape="circle"';
		str += ' coords="' + x + ',' + y + ',' + r + '"';
		cmd = 'view_observation(' + spot.ob + ')';
		str += ' href="JavaScript:' + cmd + '"';
		str += ' alt="' + cmd + '"';
		str += '>';
	}
	str += '<area shape="rect" coords="0,0,615,320" href="JavaScript: shift_color_scale()" alt="shift color scale">'

	//alert(str)
	document.write(str);
}


function view_observation(p) {
	top.obs.set_option(p-1);
}


function display_option(opt) {
	ob_key = top.obs.get_option_key(opt);
	update_display();
}


function shift_color_scale() {
	if (top.help_off()) return;

	switch (parent.sst_color_mode) {
	case "abs": parent.sst_color_mode = "anom"; break;
	case "anom": parent.sst_color_mode = "abs"; break;
	}
	update_display();
}


function update_display() {
	color_mode = parent.sst_color_mode
	img_url = parent.storm_folder + "sst/" + color_mode + "/" + parent.storm_key + "_sst_" + color_mode + "_" + ob_key + ".png";
	document.images["sst"].src = img_url;
}


function help() {
	document.images["sst"].src = "img/help/sst.gif";
}


function help_off() {
	update_display();
}