﻿// ************ RELATED CONTENT ************
function relatedContent_Load(postID) {
	if (postID != null) {
		$('#relatedContent div.data').empty();

		relatedContent_LoadPartnerPoi(postID, false);
		relatedContent_LoadWeather(postID, false);
		relatedContent_LoadPhotos(postID, false);
		relatedContent_LoadWiki(postID, false);
	}
}

function relatedContent_LoadWeather(postID, showLoadStatusIndikator) {
	$.getJSON(
		'/getrelatedweather.ashx?postID=' + postID,
		function(weather) {
			var holder = $('#relatedContent div.-sel-weather');
			if (weather != null) {
				holder.show();

				$('<img/>').attr({ src: 'http://www.ontheroad.to/res/skins/weather-big-' + weather.DaySky.toLowerCase() + '.png', width: 140, height: 96 })
					.appendTo(holder.find('div.data'));

				var el = $('<ul/>').appendTo(holder.find('div.data'));
				el.append($('<li/>').text(weather.DateTime));
				el.append($('<li/>').text(weather.LocalizedDaySky));
				el.append($('<li/>').text(weather.DayMinTemperature + " °C - " + weather.DayMaxTemperature + " °C"));

				if (showLoadStatusIndikator) {
					relatedContent_ShowLoadStatusIndicatorHolder();
					$('#relatedContent_isWeather').show();
				}
			}
			else {
				holder.hide();
			}
		}
	);
}

function relatedContent_LoadPhotos(postID, showLoadStatusIndikator) {
	$.getJSON(
		'/getrelatedphotos.ashx?postID=' + postID,
		function(photos) {
			var flickrPhotos = new Array();
			var panoramioPhotos = new Array();

			$.each(photos, function(i, photo) {
				var img = $('<li/>').append($('<a/>').attr({ href: photo.url, target: '_blank' }).append($('<img/>').attr({ src: photo.thumbnailUrl })));

				if (photo.source == 0)
					panoramioPhotos.push(img);
				else if (photo.source == 1)
					flickrPhotos.push(img);
			});

			var flickrHolder = $('#relatedContent div.-sel-flickr');
			if (flickrPhotos.length > 0) {
				flickrHolder.show();
				var el = $('<ul/>').appendTo(flickrHolder.find('div.data'));
				$.each(flickrPhotos, function(i, photo) {
					el.append(photo);
				});

				if (showLoadStatusIndikator) {
					relatedContent_ShowLoadStatusIndicatorHolder();
					$('#relatedContent_isFlickr').show();
				}
			}
			else {
				flickrHolder.hide();
			}

			var panoramioHolder = $('#relatedContent div.-sel-panoramio');
			if (panoramioPhotos.length > 0) {
				panoramioHolder.show();
				var el = $('<ul/>').appendTo(panoramioHolder.find('div.data'));
				$.each(panoramioPhotos, function(i, photo) {
					el.append(photo);
				});

				if (showLoadStatusIndikator) {
					relatedContent_ShowLoadStatusIndicatorHolder();
					$('#relatedContent_isPanoramio').show();
				}
			}
			else {
				panoramioHolder.hide();
			}
		}
	);
}

function relatedContent_LoadWiki(postID, showLoadStatusIndikator) {
	$.getJSON(
		'/getrelatedwikicontent.ashx?postID=' + postID,
		function(articles) {
			var holder = $('#relatedContent div.-sel-wiki');
			if (articles != null && articles.length != 0) {
				holder.show();
				$.each(articles, function(i, article) {
					var el = $('<div/>').appendTo(holder.find('div.data'));

					el.append($('<h4/>').append($('<a/>').attr({ href: article.Url, target: '_blank' }).text(article.Title)));

					if (article.Description.length > 0)
						el.append($('<p/>').text(article.Description));
				});

				if (showLoadStatusIndikator) {
					relatedContent_ShowLoadStatusIndicatorHolder();
					$('#relatedContent_isWikipedia').show();
				}
			}
			else {
				holder.hide();
			}
		}
	);
}

function relatedContent_LoadPartnerPoi(postID, showLoadStatusIndikator) {
	$.getJSON(
		'/getrelatedpartnerpoi.ashx?postID=' + postID,
		function(articles) {
			var holder = $('#relatedContent div.-sel-partners');
			var lastp = '';
			if (articles != null && articles.length != 0) {
				holder.show();
				var datadiv = holder.find('div.data');
				$.each(articles.items, function(i, article) {
					if (article.partnerName != null && article.partnerName.length > 0 && article.partnerName != lastp) {
						lastp = article.partnerName;
						datadiv.append($('<h3/>').text(RS_TIPS_FROM + article.partnerName));
					}
					var el = $('<div/>').appendTo(datadiv);

					el.append($('<h4/>').append(
						$('<a/>').attr({ href: article.url, target: '_blank' }).text(article.name)
						)
					);

					if (article.description != null && article.description.length > 0) {
						var img;
						//if (article.thumbUrl.length > 0)
						img = $('<img/>').addClass('thumbnail').attr({ src: article.thumbUrl });

						if (img != null)
							el.append($('<div/>').addClass('description').text(article.description).prepend(img));
						else
							el.append($('<div/>').addClass('description').text(article.description));

						//el.append(
						//	$('<div/>').addClass('partner')
						//	.append(
						//		$('<a/>').attr({ href: article.partnerUrl, target: '_blank' }).text(article.partnerName)
						//		)
						//);
					}
					datadiv.append($('<div/>').addClass('clearfloat'));
				});

				if (showLoadStatusIndikator) {
					relatedContent_ShowLoadStatusIndicatorHolder();
					$('#relatedContent_isPartnerPoi').show();
				}
			}
		}
	);
}


function relatedContent_ShowLoadStatusIndicatorHolder() {
	$('#relatedContent_IndicatorHolder').show();
}