// JavaScript Document

jQuery(document).ready(function(){
	function animateBreakingNewsIn() {
	}
	function animateBreakingNewsOut() {
	}
	
	if(window.location.pathname == '/' || window.location.pathname == '/index.php') jQuery.getJSON('/breaking-news/feed.php', function(data) {
                // @todo: For now, were randomising between the final two boats, so we show ads all the time.
		var news = data['news'][data['news'].length - Math.floor(Math.random() * 2 + 1)];
		//if(get_environment() == 'dev' || (!data['options']['disabled'] && (jQuery.cookie('breakingNews') != news['id'] || data['options']['development'] == true))) {
			jQuery.cookie('breakingNews', news['id']);
			var domain = 'http://www.sunseeker.com/';
                        if(get_environment() == 'dev') domain = 'http://sunseeker_dev.mmdigitalsolutions.co.uk/';
			var image = 'background: url(\'' + domain + 'breaking-news/images/' + news['image'] + '\') no-repeat ';
			var button = '<a ' + (news['link_type'] != 'pdf' && news['link_type'] != 'link' ? ' class="lightwindow hidden" params="lightwindow_width=640,lightwindow_height=352"' : '') + ' href="' + news['link'] + '" style="position: relative; font-size: 12px;"><span style="position: absolute; top: 39px; left: 12px; font-size: 10px; color: #DDD; width: 150px;">' + (news['link_type'] == 'video' ? news['link_duration'] : news['link_type'].toUpperCase() + (news['link_type'] != 'link' ? ' &mdash; ' + news['link_size'] : '')) + '</span><img src="' + domain + 'breaking-news/' + (news['link_type'] == 'video' ? 'video.png' : 'content.png') + '" /></a>'
			var element = '<div id="breakingNews" style="position: absolute; top: ' + ((jQuery(window).height() / 2) - 223.5) + 'px; width: 100%; z-index: 999;">' +
				'<div style="width: 640px; margin: 0 auto;">' +
					'<img src="' + domain + 'breaking-news/top.png" />' +
					'<div style="background: url(' + domain + 'breaking-news/middle.png); padding: 0 30px 0 20px; height: 397px;">' +
						'<table style="width: 100%;">' +
							'<tr>' +
								'<td style="text-align: left;">' +
									'<img src="' + domain + 'breaking-news/header.png" />' +
								'</td>' +
								'<td style="text-align: right;">' +
									'<img id="breakingNewsSkip" src="' + domain + 'breaking-news/skip.png" style="display: inline-block; cursor: pointer;" />' +
								'</td>' +
							'</tr>' +
							'<tr><td colspan="2"><img src="' + domain + 'images/General/top_divide.jpg" width="586" /></td></tr>' +
							'<tr><td colspan="2"><img src="' + domain + 'breaking-news/images/titles/' + news['title_image'] + '" style="margin-top: 15px;" alt="' + news['title'] + '" /></td></tr>' +
							'<tr>' +
								'<td' + (news['layout'] != 'vertical' ? ' colspan="2"' : '') + ' style="' + (news['layout'] != 'vertical' ? image + (news['image_position'] ? news['image_position'] : 'right center') + ';' : '') + (news['layout'] == 'vertical' ? 'height: 150px;' : 'height: 340px;') + ' text-align: left; font-size: ' + (news['text_font_size'] || 16) + 'px;" valign="' + (news['text_vertical_align'] || 'top') + '">' +
									'<p style="' + (news['text_width'] && news['layout'] != 'vertical' ? 'width: ' + news['text_width'] + 'px; ' : '') + ' overflow: hidden; color: #DDD;">' + news['text'] + '</p>' +
									'<div style="text-align: left;">' +
										button +
									'</div>' +
								'</td>' +
								(news['layout'] == 'vertical' ? '<td style="width: 200px;">' + button + '</td>' : '') +
							'</tr>' +
							(news['layout'] == 'vertical' ? '<tr><td colspan="2" style="' + image + ' center; height: 175px;"></td></tr>' : '') +
						'</table>' +
					'</div>' +
					'<img src="' + domain + 'breaking-news/bottom.png" />' +
				'</div>' +
			'</div>';
			jQuery(element).insertBefore('#container');
			jQuery('#breakingNewsSkip').click(function() {
				jQuery('#breakingNews').hide();
			});

			if(!myLightWindow) lightwindowInit();
		//}
	});
});