var tooltip = null;

$(document).ready(function(){
		$('p.tools a').button();

		$('p.tools a.monitor').button({
				icons: {
					primary: 'ui-icon-mail-closed'
				}
		});
		$('p.tools a.first-unread').button({
				icons: {
					primary: 'ui-icon-arrow-1-s'
				}
		});
		$('p.tools a.add').button({
				icons: {
					primary: 'ui-icon-comment'
				}
		});
		$('p.tools a.edit').button({
				icons: {
					primary: 'ui-icon-pencil'
				}
		});
		$('p.tools a.delete').button({
				icons: {
					primary: 'ui-icon-trash'
				}
		});
		$('p.tools a.f-rss').button({
				icons: {
					primary: 'ui-icon-signal-diag'
				}
		});

		$('body.forum div#stredny-stlpec div.forum-panel a').button();
		$('body.forum div#stredny-stlpec div.forum-panel a.add').button({
				icons: {
					primary: 'ui-icon-plus'
				}
		});
		$('body.forum div#stredny-stlpec div.forum-panel a.comments').button({
				icons: {
					primary: 'ui-icon-comment'
				}
		});

		if (window.location.hash) {
			var hash = window.location.hash;
			if (hash.substr(0, 6) == '#post-') {
				$(hash + ' > div.header').css('backgroundColor', '#D2F3E6');
			}
		}

		$('a.reply-to').hover(
			function() {
				var url = $(this).attr('href');
				var hash = url.substring(url.indexOf('#'));
				var parentContent = $(hash + ' div.content').html();
				var tooltip = $('<div id="parent-tooltip">').html(parentContent);
				$('body').append(tooltip);

				var left = $('#discussion').offset();
				left = left.left + 5;

				$(this).mousemove(function(e){
						var top = e.pageY + 15;

						$('div#parent-tooltip').css({
								background: '#fff',
								border: '1px solid #000',
								position: 'absolute',
								top: top + 'px',
								left: left + 'px',
								width: '567px',
								padding: '10px'
						});
				});
			},
			function() {
				$('div#parent-tooltip').remove();
			}
		);

		$('a.post-link').click(function() {
				var link = $(this);
				var header = link.parent().parent();

				$('#link-to-clipboard').remove();
				header.append('<fieldset style="border: 0; padding: 0; margin: 0; clear: both;"><p id="link-to-clipboard"><input type="text" value="' + link.attr('href') + '" name="link-to-clipboard" />&nbsp;&nbsp;<a href="#">Zatvoriť</a></p></fieldset>');
				var inputContainer = $('#link-to-clipboard');
				var input = $('#link-to-clipboard input');

				input.select();

				var w = header.width();
				var w2 = $('a', inputContainer).width();

				input.width(w - w2 - 30);

				$('#link-to-clipboard a').click(function() {
						inputContainer.remove();
						return false;
				});

				return false;
		});

		if ($('#discussion').hasClass('loggedin') == true) {
			$('textarea.editor').markItUp(onionEditorSettings);
		}


		$('div.post div.content a').each(function(index, value) {
				var link = $(this);
				var url =  link.attr('href');

				var articleBaseUrl = systemPath + 'clanok/'
				var len = articleBaseUrl.length;

				if (url.substr(0, len) == articleBaseUrl) {
					link.addClass('link-with-tooltip');

					link.hover(
						function() {
							getToolTip(link, url);
						},
						function() {
							$('div#link-tooltip').remove();
						}
					);
				}

				var gpBaseUrl = systemPath + 'upn/'
				var len = gpBaseUrl.length;

				if (url.substr(0, len) == gpBaseUrl) {
					link.addClass('link-with-tooltip');

					link.hover(
						function() {
							getToolTip(link, url);
						},
						function() {
							$('div#link-tooltip').remove();
						}
					);
				}
		});

		if ($.browser.msie == true
			&& jQuery.browser.version > 8) {
			$('div.post div.content a').mouseout(function(){
					$('div#link-tooltip').remove();
			});
		}
});

function getToolTip(link, url) {
	tooltip = $('<div id="link-tooltip"><p>Načítavam ...</p></div>');
	tooltip.css({
			background: '#fff',
			border: '1px solid #000',
			position: 'absolute',
			width: '300px',
			padding: '10px'
	});

	$('body').append(tooltip);

	$.get(url, function(tooltipHtml) {
			$('div#link-tooltip').remove();
			tooltip = $(tooltipHtml);
			$('body').append(tooltip);

			var tooltipHeight = tooltip.height();

			tooltip.css({
					background: '#fff',
					border: '1px solid #000',
					position: 'absolute',
					width: '300px',
					padding: '10px',
					display: 'none'
			});
	});

	link.mousemove(function(e){
			var tooltipHeight = tooltip.outerHeight();

			var topBorder = $(window).scrollTop();
			var bottomBorder = $(window).height() + topBorder;

			var top = e.pageY + 15;
			var left = e.pageX - 15;

			if ((top + tooltipHeight) > bottomBorder) {
				top = e.pageY - (tooltipHeight + 25);
			}

			tooltip.css({
					display: 'block',
					top: top + 'px',
					left: left + 'px'
			});
	});
}