$(document).ready(function(){

	$('ul.hp_links_list a').hover(
		//mouseenter
		function() {
			var infoboxObj = $('#' + $(this).attr('id') + '_infobox');
			if ( infoboxObj.length ) {
				/**
				* zastavení všech animací prvků "hp_infobox"
				* a odstranění všech inline stylů, které prvkům přidaly funkce pro animaci
				* !!Tzn. prvkům !hp_infobox" nesmí být na úrovni HTML kódu přiřazeny žádné inline styly.
				*/
				$('div.hp_infobox').stop().removeAttr('style');
				$('ul.hp_links_list a').addClass('inactive');

				/**
				* nastavení display:block protože metoda fadeOut použitá pro skrytí prvku
				* (viz níže definice události $('div.hp_infobox').mouseleave())
				* mu nastaví display:none
				*/
				infoboxObj.css('display', 'block');

				infoboxObj.animate(
					{
						//left: 5,
						top: '-=323',
						width: 324,
						height: 324,
						opacity: 1
					},
					{
						duration:750,
						complete: function() {
							//$(this).children('.hp_infobox_child').slideDown();
						}
					}
				);
				//infoboxObj.fadeIn();
			}
		},

		//mouseleave
		function() {
		}
	);

	$('div.hp_infobox').mouseleave(function() {
		$(this).fadeOut('fast', function() {
			$('ul.hp_links_list a').removeClass('inactive');
		});

	});

	$('div.hp_infobox').click(function() {
		var id = $(this).attr('id');
		var linkId = id.substring(0, id.length - '_infobox'.length);
		//window.location.assign($('#' + linkId).attr('href'));
		window.open($('#' + linkId).attr('href'));
	});
});