$(function() {

	// config about
	var about_this_service_url;
	var about_this_service_text = "About this service";
	var labels = {'Public':'General (Land)','Fire':'Fire','Marine':'Marine'}

	if(gfeForecastType == "Fire") {
		about_this_service_url = "/weather-services/about/forecasts/about-graphical-forecasts-fire-weather.shtml";
	} 
	else{
		about_this_service_url = "/weather-services/about/forecasts/about-graphical-forecasts.shtml";
	}

	// config help
	if(gfeForecastType == "Fire") {
		var help_url = "/weather-services/about/forecasts/fire-fe-help.shtml";
	}
	else {
		var help_url = "/weather-services/about/forecasts/fe-help.shtml";
	}

	var help_image = "/images/gfe/gfe_info2.png";
	var help_text = "Help";

	// config print
	var print_img = "/forecasts/graphical/images-ui/printer-s.gif";
	var print_text = "Print";

	// init
	$("#maintabs")
		.html(	"<table summary='related links' class='tabs'><tr>"
			+ "<td class='notactivetab'>"+labels[gfeForecastType]+" View</td>"
			+ "<td class='activetab aboutthisservice'></td>"
			+ "<td class='activetab helpbutton'></td>"
			+ "<td class='activetab printbutton'></td>"
			+ "</tr></table>");

	$(".aboutthisservice")
		.text(about_this_service_text)
		.css("cursor","pointer")
		.css("cursor","hand");

	$(".helpbutton")
		.html("<img src='" + help_image + "' "
			+ "border='0' alt='" + help_text + "' "
			+ "title='" + help_text + "' class='tab_icon'>&nbsp;" + help_text)
		.css("cursor","pointer")
		.css("cursor","hand");

	$(".printbutton")
		.html("<img src='" + print_img + "' "
			+ "border='0' alt='" + print_text + "' "
			+ "title='" + print_text + "' class='tab_icon'>&nbsp;" + print_text)
		.css("cursor","pointer")
		.css("cursor","hand");

	// events
	$(".aboutthisservice").click(function(){
		window.open(about_this_service_url);
	});

	$(".helpbutton").click(function(){
		window.open(help_url);
	});

	$(".printbutton").click(function(){
		var image = $("#" + MAP_IMAGE_ID).attr("src");
		var height = $("#" + MAP_IMAGE_ID).attr("height");
		var window_height = height + 200;

		var windowstyle = "height="+window_height
			+ "px,width=520px,toolbar=0,scrollbars=1,menubar=0,"
			+ "resizable=1,location=0,directories=0,status=0,"
			+ "screenX=100,screenY=75,left=100,top=75";

		OpenWindow=window.open("", "newwin", windowstyle);

		var pstyle="vertical-align:top;text-align:left;border:solid 1px #cccccc;";

		var content = "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">"
			+ "<html><head><title>Printer-friendly graphical forecast</title>"
			+ "<style type=\"text/css\">"
			+ "@media print { .noprint {visibility:hidden;} }"+"</style>"
			+ "</head>"+"<body>"+"<p style=\"" + pstyle + "\">"
			+ "<img src=\"/images/BM_inline.gif\" alt=\"Bureau of Meteorology\""
			+ " id=\"logo\" name=\"logo\" width=\"250\" height=\"75\">"
			+ "</p>"+"<p style=\"vertical-align:middle;text-align:center;\">"
			+ "<img style=\"border:solid 1px #cccccc;\""
			+ " alt='Forecast Image' src=" + image + "></p>"
			+ "<p class=\"noprint\""
			+ " style=\"vertical-align:middle;text-align:center;\">"
			+ "<a href=\"javascript:print();\" style=\"margin:1px;\">"
			+ "<img src=\"/images/print.gif\" width=\"29\" height=\"28\""
			+ " alt=\"Print\" title=\"print\" border=\"0\""
			+ " style=\"border:solid 1px #cccccc;\"></a>"
			+ "<a href=\"javascript:close();\" style=\"margin:1px;\">"
			+ "<img src=\"/images/close.gif\" width=\"29\" height=\"28\""
			+ " alt=\"Close\" title=\"close\" border=\"0\""
			+ " style=\"border:solid 1px #cccccc;\"></a></p>"
			+ "</body>"+"</html>";

		OpenWindow.document.write(content);
		OpenWindow.document.close();
	});

});

