");
var layer = images.find("layer[type='" + mapsArray[i] + "']");
var currentArea = ( layer.attr("type") == ("Pressure MSL") ? "wuk" : mapArea);
var image = $(layer).find("image:first");
var layerTitle = labels.layer[layer.attr("title")];
if (image.length) {
isImageOutput = true;
var timestamp = new Date();
timestamp.setISO8601(image.attr("timestamp"));
var outputDate = timestamp.componentDateFormat(labels.calendar.month);
mapContainer.append("
" + layerTitle + "
");
mapContainer.append("
" + outputDate + "
");
mapContainer.append("
" +
"
![](\"../images/maps/")
" +
"
![\""](\"")
" +
(layer.attr("type") == ("Pressure MSL") ? "" : "
") +
"
" );
mapContainer.appendTo("#mapContainerGroup");
} else {
mapContainer.append("
" + layerTitle + "
");
mapContainer.append("
" + layer.attr("title") + labels.error.layernotretrievablepostamble + "
");
mapContainer.appendTo("#mapContainerGroup");
}
}
if (isImageOutput) {
// wrap required instead of an inline href, because IE making overlays opaque with latter.
$(".imageholder img").attr("title", labels.link.alt.maps).wrap("
");
if (multipleMaps ) {
$("#maps").prepend("
");
$("#maps").append("
![](\"../images/right.jpg\")
");
$(".next").click(nextMap);
$(".previous").click(previousMap);
} else {
$(".nav").addClass("inactiveNav");
}
$(".mapContainer:first").addClass("current");
}
}
function nextMap() {
if (! $(".mapContainer.current").removeClass("current").next(".mapContainer").addClass("current").length) {
$(".mapContainer:first").addClass("current");
};
}
function previousMap() {
if (! $(".mapContainer.current").removeClass("current").prev(".mapContainer").addClass("current").length) {
$(".mapContainer:last").addClass("current");
};
}
function processLocationData(location) {
$("#location").css("zoom", 1); // IE hasLayout fix
var region = location.getRegion();
// get the location name from the data.xml xml.
moLocation = location.getName();
if(typeof(labels.places) != "undefined" && typeof(labels.places[moLocation]) != "undefined") {
moLocation = labels.places[moLocation];
}
$("#location span").html(moLocation);
resizeText();
mapArea = component.getAreaCode(location.getLat(), location.getLon(), region);
$("#moredetaillink").attr("href", "//www.metoffice.gov.uk/weather/uk/" + region + "/" + region + "_forecast_weather.html"); // set up more details link
// now get the forecast data.
// if not found, we show an error message.
MetOffice.forecast.getById(moFSSI, processWxData, showError);
}
function processWxData(data) {
//add the maps
if (moMapsRequired !== "") {
$.ajax({url: "/public/data/WCCache/ItemList/Images/All",
method: "GET",
success: processMaps,
timeout: 15000,
cache: false
});
}
// get the weather data out of the forecast xml
var counter = 0 ;
var displayDate = internationalDate(data.days[0].date);
$("#moredetail").show(); // show the more detail link.
$("#date").html(displayDate + ((moShowWind == "true") ? " • " + textWindUnits : "")).css("zoom", 1); // show the date & wind units
$("#content").html("
"); // clear the panel ready for use
$("#content").addClass(moListStyle); // the moListStyle class is added,
// as this dictates the formatting of the days, which we add next.
for (var i = 0; i < data.days.length; i++) {
counter++;
appendDay(data.days[i], counter); // adds to the document another div with the day's data in
if (counter == moDays) break; // stop adding days when got enough.
}
// set content to be in the middle (proving difficult in IE6 CSS)
$("#content").css("margin-left", ( $("#content").width() - $(".days").width() ) / 2 + "px");
//below: work around to fix positioning of "more details" when there are less than 5 days available in side map view.
if (moMapDisplay == "side" && counter < moDays) {
for (var c = counter;c
");
spaceFill.appendTo("#content .days");
}
}
}
function appendDay(day, counter) {
// creates a div for this day and adds a dl to it. The dl contains dl and dt for each type of reading (temp, wind, etc).
var dayElement = $("
![](\"../images/ajax-loader")
");
$("#optionslink").unbind("click").click(showOptions);
// Show day or night time?
displayPeriod = getDisplayPeriod();
if (moSpeedUnits){
textWindUnits = labels.weather.wind[moSpeedUnits];
}
// get the advert.
// if not found, we hide the advert URL.Still enable widget loading if an adblocker employed
try {
$.ajax({url: "data/adverts.xml",
method: "GET",
success: processAdvert,
error: adError,
timeout: 15000,
cache: true
});
}
catch(err) {}
// get the location name.
// if not found, we show an error message.
MetOffice.locations.getById(moFSSI, processLocationData, showError);
component.displayHeaderWarning(requiredLanguage, labels.weather.warnings);
}
function setupLanguage(language) {
var result = {};
$.ajax({url: "/public/pws/components/lib/data/language/" + language + ".txt",
method: "GET",
dataType: "json",
async: false,
success: function(data) {
result = data;
},
failure: function() {
result = {};
},
timeout: 15000,
cache: true
});
labels = result;
setLabelText();
$("body *").attr("dir", labels.language.direction).attr("lang", labels.language.code);
$("#componentCSS").remove();
var headID = document.getElementsByTagName("head")[0];
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'component' + labels.language.direction + '.css';
cssNode.media = 'screen';
cssNode.id = "componentCSS";
headID.appendChild(cssNode);
}
function setLabelText() {
// options panel
$("#optionsHeader").html(labels.options.header);
$("#optionslink").attr("title", labels.link.alt.options);
$("#optionslink").html(labels.link.text.options);
$("#optionsSaveContents").html(labels.options.save);
$("#optionsCancelContents").html(labels.options.cancel);
$("#optionsForecastSelectionCancelContents").html(labels.options.cancel);
$("#optionsLocationSearchContents").html(labels.options.search);
$("#optionsLocationMessage").html(labels.options.location);
$("#optionsForecastSelectionPanelMessage").html(labels.options.locationselect);
$("#optionsLanguageMessage").html(labels.options.language);
// help link
$("#helplink").attr("href", labels.link.url.help);
$("#helplink").attr("title", labels.link.alt.help);
$("#helplink").html(labels.link.text.help);
// more details link
$("#moredetaillink").attr("title", labels.link.alt.moredetails);
$("#moredetaillink").html(labels.link.text.moredetails);
// Copyright link
$("#copyright a").attr("title", labels.link.alt.copyright);
$("#copyright a").html(labels.link.text.copyright);
$("#copyrightsymbol").html("©");
$("#logo a").attr("title", labels.link.alt.metoffice);
$("#logo img").attr("alt", labels.link.alt.logo);
}
function getDisplayPeriod() {
$.ajax({url: "/public/data/WCCache/Item/DisplayPeriod",
method: "GET",
async: false,
success: function(data) {
try {
data = data.toLowerCase().substr(0,3);
if (data == "day") {
displayPeriod = "day";
} else {
displayPeriod = "night";
}
}
catch(err) {
displayPeriod = "day";
}
},
error: function() {
displayPeriod = "day";
},
timeout: 15000,
cache: true
});
return displayPeriod;
}
function setNecessaryStyling() {
// Only apply msie class if browser < 9
if ($.browser.msie && $.browser.version <9) {
$("#mainWrapper").addClass("msie");
} else {
// border inside / outside issues!
h-=6;
w-=10;
}
// setting the height helps styling layout in FF and Chrome on corners.
$("#mainWrapper").css("height", parseInt(h) + "px").css("width", parseInt(w) + "px");
$("#optionsLocationSearch").button();
$("#optionsSave").button();
$("#optionsCancel").button();
$("#optionsForecastSelectionCancel").button();
$("#optionsForecastSelectionPanel").width(w - 30);
$("#optionsLocation").width(w - 30);
}
function processAdvert(xml) {
var adverts = $(xml).find("advert");
var adCount = adverts.length;
if (adCount === 0) {
$("#advert").hide();
return;
};
var chosenOne = Math.floor(Math.random() * adCount);
var advert = $(adverts[chosenOne]);
if (advert.attr("format") == "swf") {
swfobject.embedSWF(advert.attr("image"), "advert", "180", "32", "9.0.0", "expressInstall.swf");
$("#advert").wrapInner("")
} else {
$("#advert").html("![](\"../images/left.jpg\")
![](\"../images/wxsymbols/w")
")) + "![](\"../images/windSymbols/")
![](\"../images/uvSymbols/")
")) + "