var web_podadresar = "sharingham2";

//----------------------------------------------------------------------------------------------------------------
//----- Funkce zabezpecujici hlavni menu s nekolika efekty (drop-down menu) + autozvyrazneni polozek

function mainmenu()
	{
	/**
	 *  Jake detaily se musely poresit:
	 *    - preneseni aktualniho podmenu vzdy do popredi, a animaci mizejiciho do pozadi
	 *    - Firefox a Opera jaksi nepodporuji backgroundPositionX/Y nutnym kvuli animacim
	 *    - animace posunu zare na stred nezdrzuje pripadne zmizeni zare
	 *    - animace neceka na dokonceni protikladne animace, bezi-li zrovna takova, ale stopne ji a animuje se z aktualniho stavu
	 *    - CSS:
	 *       aby bylo podmenu siroke podle nejsirsi polozky a vsechny odkazy mely sirku podle nejsirsiho (aby byl hover vzdy po cele sirce)
	 *       minimalni sirka podmenu
	 *    	 spravne pozicovani dalsich urovni menu
	 **/

	var sirka_zariciho_obrazku = 188;

	// EFEKT 1: fadeOut vsech submenu a sub-submenu
	$("ul#mainmenu li")
		.hover(
			function()
				{
				$(this).find('ul:first').stop().css({visibility: "visible", display: "block", opacity: "1", zIndex: "100"});
				},
			function()
				{
				$(this).find('ul:first').stop().css({zIndex: "99"}).fadeOut(150);
				}
			);

	// EFEKT 2: pozvolne rozsviceni 1st level odkazu menu (polopruhledny PNG)
	// EFEKT 3: pozvolny nabeh zare 1st level odkazu menu (zarici PNG)
	$("ul#mainmenu > li")
		.mouseenter(
			function(e)
				{
				$(this).stop().animate({backgroundPositionY: "-90px"}, 200)

				$("ul#mainmenu").stop().animate({backgroundPositionY: "0px"}, {duration: 400, queue: true})
				})
		.mouseleave(
			function(e)
				{
				$(this).stop().animate({backgroundPositionY: "0px"}, 200)

				$("ul#mainmenu").stop().animate({backgroundPositionY: "25px"}, {duration: 600, queue: false})

				$("ul#mainmenu > li > a").removeClass("hover");
				});

	// EFEKT 4: levo-pravy pohyb zare pri prechodu mysi po 1st level odkazech menu
	$("ul#mainmenu > li > a")
		.mousemove(
			function(e)
				{
				$("ul#mainmenu").css({backgroundPositionX: (e.pageX - $("ul#mainmenu").offset().left - sirka_zariciho_obrazku/2)+"px"})
				});

	// EFEKT 5: povzvolne narolovani zare na stred zvolene polozky (pri otevreni submenu a najeti mysi na nej)
	$("ul#mainmenu > li > ul > li")
		.mouseover(
			function(e)
				{
				var ul_li       = $(this).parent().parent();
				var stred_odkazu = ul_li.position().left -  ul_li.parent().position().left + ul_li.outerWidth()/2;

				$(ul_li).find("> a").addClass("hover");
				$("ul#mainmenu").animate({backgroundPositionX: (stred_odkazu - sirka_zariciho_obrazku/2)+"px"}, {duration: 500, queue: false})
				});
	
	// Autozvyrazneni polozek
	var path = location.pathname.substring(1 + web_podadresar.length + 1);
	
	if (path && path != "cs/")
		{
		$('ul#mainmenu > li > a[href*="'+path+'"]').addClass('active');
		$('ul#mainmenu > li > ul > li > a[href*="'+path+'"]')
			.each(function()
				{
				$(this).parent().parent().parent().find("> a").addClass('active');
				$(this).addClass('active');
				});
		}
	}
	

//----------------------------------------------------------------------------------------------------------------
//----- Jednoducha slideshow

function slideshow(speed)
	{
	if (speed === undefined) speed = 3000;
	if (isActive == false) return; // pokud je okno neaktivni
	
	// Prvni spusteni funkce
		if ($('#slideshow img.top').length == 0) $('#slideshow img:first').addClass('top');

	// Viditelny obrazek + novy obrazek
		var active = $('#slideshow img.top');
		var next   = (active.next().length) ? active.next() : $('#slideshow img:first');

	// Samotna animace:
		active
			.removeClass('top')
			.addClass('extop'); // viditelny oznacime jako stary
		
		next
			.css({opacity: 0.0})
			.addClass('top')
			.animate({opacity: 1.0}, speed, function()
				{
				active.removeClass('extop');
				}
			);
	}


//----------------------------------------------------------------------------------------------------------------
//----- Vertikalne scrolujici fotogalerie

function scrolling_gallery()
	{
	//Get our elements for faster access and set overlay width
	var div = $('div.sc_menu');
	var	ul  = $('ul.sc_menu');
	var	ulPadding = 15;
	
	//Remove scrollbars
	div.css({overflow: 'hidden'});
	
	//Get menu width
	var divWidth = div.width();

	//Find last image container
	var lastLi = ul.find('li:last-child');

	//When user move mouse over menu
	div.mousemove(function(e){

		//As images are loaded ul width increases, so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding; // = skutecne vyuzita sirka (sirka ul v css je 2000px, aby se nezalamovaly)
		
		var left = (e.pageX - div.offset().left - 120) * (ulWidth-divWidth+500) / (divWidth);
		//alert("left" + left + "\nulWidth " + ulWidth + "\ndivWidth" + divWidth + "\nulWidth-divWidth" + (ulWidth-divWidth))
		
		if (left < (ulWidth-divWidth))
		div.scrollLeft(left);
		});
	}

////////////////////

$(document)
	.ready(function()
		{
		// Nastavime slideshow - prvni obrazek a potom nekonecny casovac
			if ($.browser.msie)
				$('#slideshow img:first').hide().fadeIn(1500);
			else
				$('#slideshow img:first').hide().load(function(){ $(this).fadeIn(1500); });
				
			var slideshow_interval = ($('#slideshow img').length > 1) ? 6000 : 0;
			if (slideshow_interval != 0)
				{
				var slideshow_timer = setInterval("slideshow()", slideshow_interval);
				}
		
		// Init hlavniho menu a autozvyrazneni polozek
			mainmenu();

		$("#virtualni-prohlidka")
			.colorbox(
				{
				close: "<img src='http://www.plutanium.cz/system_img/ikony/close.png' alt='Zavřít'/> &nbsp; ",
				iframe: true,
				fixed:  true,
				innerWidth: 960,
				innerHeight: 500,
				onOpen:   function() { if (slideshow_interval != 0) clearInterval(slideshow_timer); },
				onClosed: function() { if (slideshow_interval != 0) { slideshow(); slideshow_timer = setInterval("slideshow()", slideshow_interval); } }
				});

		scrolling_gallery();
		
		$(".sc_menu a")
			.colorbox(
				{
				rel: "sc_menu",
				close: "<img src='http://www.plutanium.cz/system_img/ikony/close.png' alt='Zavřít'/> &nbsp; ",
				iframe: false,				
				});

		$('#pokus2')
			.mouseenter(function()
				{
				var start = $(this).find("> span:eq(1)").text();
				var end   = $(this).find("> span:eq(2)").text();
				
				var dv = $(this).find("> span:eq(1)");
				
				$({count: start.length}).animate({count: end.length, queue:false},
					{
					duration: 2500,
					step: function()
						{
						dv.text(end.substring(0, Math.round(this.count)));
						}
					});
					
				dv.show("slow");
				})
			.mouseleave(function()
				{
				alert($("#pokus").is(":animated"));
				
				$(this).find("> span:eq(1)").text("");
				});


		/*$('.pokus, .vypis-clanku')
			.mouseenter(function()
				{
				var tlacitko = ($(this).is(".pokus")) ? $(this) : $(this).find(".pokus") ;
				
				$(tlacitko).css({maxHeight: $(this).outerHeight+"px"});
				$(tlacitko).find("> img").hide();
				$(tlacitko).stop().animate({ width: "100px" }, 250);
				$(tlacitko).find("> span:eq(1)").show(100);
				$(tlacitko).find("> img").show();
				})
			.mouseleave(function()
				{
				var tlacitko = ($(this).is(".pokus")) ? $(this) : $(this).find(".pokus") ;
				
				$(tlacitko).find("> span:eq(1)").hide();
				$(tlacitko).stop().animate({ width: "40px" }, 150);
				});*/

		// Width fix, aby se melo tlacitko kam zvetsit
		$('.pokus3').each(function()
			{
			$(this).parent().css("width", $(this).attr("data-full-width"));
			});

		$(".klikatelne").click(function(e)
			{
			window.location.href = $(this).find("a.pokus3").attr("href");
			
			e.stopPropagation();
			})
		.mouseenter(function()
			{
			var tlacitko = ($(this).is(".pokus3")) ? $(this) : $(this).find(".pokus3") ;
			
			$(tlacitko).css({maxHeight: $(this).outerHeight+"px"});
			$(tlacitko).find("> img").hide();
			$(tlacitko).stop().animate({ width: $(tlacitko).attr("data-full-width") }, 250);
			$(tlacitko).find("> span:eq(0)").hide();
			$(tlacitko).find("> span:eq(1)").show(100);
			$(tlacitko).find("> img").show();
			
			//$(tlacitko).parent().parent().css('background', 'red');
			})
		.mouseleave(function()
			{
			var tlacitko = ($(this).is(".pokus3")) ? $(this) : $(this).find(".pokus3") ;
			
			$(tlacitko).find("> span:eq(1)").hide();
			$(tlacitko).find("> span:eq(0)").show();
			$(tlacitko).stop().animate({ width: $(tlacitko).attr("data-normal-width") }, 150);
			});
		
		// Macintosh font fix: detekujeme platformu a hodime ji do <html class=''>, potom pujde pouzit normalne css
			if (platform == "Mac" || platform == "iPhone")
			$("html").addClass("mac");
			
			
	//------------------------------------
	//----- Aktivujeme editor znacek -----
	
	var mySettings =
		{
		onTab:    		{ keepDefault: false, replaceWith: '	' },
		onShiftEnter:  	{ keepDefault: false, replaceWith: '[br]\n' },
		onCtrlEnter:  	{ keepDefault: false, openWith: '\n<p>', closeWith: '</p>' },

		markupSet:
			[
			{ name: 'Právě ve vývoji -- nová verze -- Vložit odkaz', className: 'znacka-odkaz', key:'',
				beforeInsert:function(markitup)
					{
					znacka_colorbox_odkaz(markitup);
					}
				},
			{ name: 'Právě ve vývoji -- nová verze -- Obrázek, fotogalerie a video', className: 'znacka-obrazek',  key:'',  openWith: '[img]',  closeWith: '[/img]'  },
			{ separator: ' ' },
			{ name: 'Tučné',     className: 'znacka-tucne',     key:'B', openWith: '[b]',    closeWith: '[/b]', placeHolder: 'sem vepište text' },
			{ name: 'Kurzíva',   className: 'znacka-kurziva',   key:'I', openWith: '[i]',    closeWith: '[/i]', placeHolder: 'sem vepište text' },
			{ name: 'Podtržené', className: 'znacka-podtrzene', key:'U', openWith: '[u]',    closeWith: '[/u]', placeHolder: 'sem vepište text' },
			{ name: "Poznámka<div class=mensi-pismo style=margin-top:10px>vnořený text se zobrazí v barvě světle šedá</div>", className: 'znacka-poznamka', key:'N', openWith: '[note]', closeWith: '[/note]', placeHolder: 'sem vepište text' },
			{ name: 'Bublinová nápověda<div class=mensi-pismo style=margin-top:10px>– při přejetí myší nad textem se zobrazí bublina s libovolnou vytvětlivkou<br />– text obalený touto značkou bude tečkovaně podtržený</div>', className: 'znacka-help',key:'H', 
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "help",
						nadpis: markitup.name,
						text: "Text uvnitř této značky bude tečkovaně podtržený, po najetí myší se zobrazí bublina s textem.",
						maly_text: "Vhodné pro vysvětlení zkratek, odborných výrazů apod.",
						param1: "Text bubliny:",
						param2: "Aplikovaná na text:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ separator: ' ' },
			{ name: 'Seznam – číslovaný, fajfky, plusy, mínusy a další<div class=mensi-pismo style=margin-top: 10px>Lze označit víceřádkový text a stisknout toto tlačítko, z každého řádku se vytvoří odrážka.</div>', className: 'znacka-seznam', key:'',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "seznam",
						nadpis: markitup.name,
						text: "Každá položka seznamu je uvozena hvězdičkou a mezerou. Bez uvození řádku hvězdičkou se pokračuje v textu předchozí odrážky (tzn. není problém mít víceřádkovou odrážku).",
						maly_text: "",
						param1: "Typ seznamu:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'Tabulka', className: 'znacka-tabulka', key:'',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "tabulka",
						nadpis: markitup.name,
						text: "Jednoduchá tabulka. První řádek můžete napsat rovnou tady, ale není to nutné. Hodnoty v řádku oddělujte středníkem – právě podle středníku se text rozděluje na jednotlivé buňky tabulky.",
						maly_text: "",
						param1: "Hlavička tabulky:",
						param2: "První řádek tabulky:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'Boxík<div class=mensi-pismo style=margin-top: 10px>pro zvýraznění nebo optické oddělení textu</div>', className: 'znacka-boxik', key:'',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "boxik",
						nadpis: markitup.name,
						text: "Pro zvýraznění nebo optické oddělení textu umístěte text do vybarveného rámečku (box).",
						maly_text: "Zadejte šířku jako číslo bez jednotek. Např. <b>300</b> odpovídá šířce 300 pixelů.",
						param1: "Šířka:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'Blok<div class=mensi-pismo style=margin-top: 10px>pro optické oddělení textu, bez okrajů, bez pozadí</div>', className: 'znacka-blok', key:'',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "blok",
						nadpis: markitup.name,
						text: "Pomocí značky [blok] lze v článku vytvořit více sloupců s textem, nebo třeba pravý sloupeček bez vlivu na hlavní text. Více bloků za sebou se na sebe postupně lepí zprava. Někdy může být potřeba za bloky uvést značku [clear], která zabezpečí, že všechen text za ní se zalomí až pod sloupce.",
						maly_text: "Zadejte šířku jako číslo bez jednotek. Např. <b>300</b> odpovídá šířce 300 pixelů.",
						param1: "Šířka:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ separator: ' ' },
			{ name: 'Zarovnání doprostřed', className: 'znacka-doprostred', key:'', openWith: '[center]', closeWith: '[/center]', placeHolder: 'Text zarovnaný doprostřed' },
			{ name: 'Zarovnání doprava',    className: 'znacka-doprava',    key:'', openWith: '[right]', closeWith: '[/right]', placeHolder: 'Text zarovnaný doprava' },
			{ name: 'Nadpis 2. úrovně',     className: 'znacka-h2',         key:'', openWith: '[h2]', closeWith: '[/h2]', placeHolder: 'Text nadpisu' },
			{ name: 'Nadpis 3. úrovně',     className: 'znacka-h3',         key:'', openWith: '[h3]', closeWith: '[/h3]', placeHolder: 'Text nadpisu' },
			{ separator: ' ' },
			{ name: 'Barva písma<div class=mensi-pismo style=margin-top: 10px>klikněte na ikonku přímo a zadejte libovolnu vlastní barvu. Nebo vyberte předpřipravené z podmenu. </div>', className: 'znacka-barva', key:'', openWith: '[color=[![Barva anglicky:!:red]!]]', closeWith: '[/color]', placeHolder: 'obarvený text',
				dropMenu: [
					{ name:'Žlutá',    openWith: '[color=#FCE94F]', closeWith: '[/color]',     className:"col1-1" },
					{ name:'Žlutá',    openWith: '[color=#EDD400]', closeWith: '[/color]',     className:"col1-2" },
					{ name:'Žlutá',    openWith: '[color=#C4A000]', closeWith: '[/color]',     className:"col1-3" },
					{ name:'Oranžová', openWith: '[color=#FCAF3E]', closeWith: '[/color]',     className:"col2-1" },
					{ name:'Oranžová', openWith: '[color=#F57900]', closeWith: '[/color]',     className:"col2-2" },
					{ name:'Oranžová', openWith: '[color=#CE5C00]', closeWith: '[/color]',     className:"col2-3" },
					{ name:'Hnědá',    openWith: '[color=#E9B96E]', closeWith: '[/color]',     className:"col3-1" },
					{ name:'Hnědá',    openWith: '[color=#C17D11]', closeWith: '[/color]',     className:"col3-2" },
					{ name:'Hnědá',    openWith: '[color=#8F5902]', closeWith: '[/color]',     className:"col3-3" },
					{ name:'Zelená',   openWith: '[color=#8AE234]', closeWith: '[/color]',     className:"col4-1" },
					{ name:'Zelená',   openWith: '[color=#73D216]', closeWith: '[/color]',     className:"col4-2" },
					{ name:'Zelená',   openWith: '[color=#4E9A06]', closeWith: '[/color]',     className:"col4-3" },
					{ name:'Modrá',    openWith: '[color=#729FCF]', closeWith: '[/color]',     className:"col5-1" },
					{ name:'Modrá',    openWith: '[color=#3465A4]', closeWith: '[/color]',     className:"col5-2" },
					{ name:'Modrá',    openWith: '[color=#204A87]', closeWith: '[/color]',     className:"col5-3" },
					{ name:'Fialová',  openWith: '[color=#AD7FA8]', closeWith: '[/color]',     className:"col6-1" },
					{ name:'Fialová',  openWith: '[color=#75507B]', closeWith: '[/color]',     className:"col6-2" },
					{ name:'Fialová',  openWith: '[color=#5C3566]', closeWith: '[/color]',     className:"col6-3" },
					{ name:'Červená',  openWith: '[color=#EF2929]', closeWith: '[/color]',     className:"col7-1" },
					{ name:'Červená',  openWith: '[color=#CC0000]', closeWith: '[/color]',     className:"col7-2" },
					{ name:'Červená',  openWith: '[color=#A40000]', closeWith: '[/color]',     className:"col7-3" },
					{ name:'Bílá',     openWith: '[color=#FFFFFF]', closeWith: '[/color]',     className:"col8-1" },
					{ name:'Světle šedá',openWith: '[color=#D3D7CF]', closeWith: '[/color]',   className:"col8-2" },
					{ name:'Šedá',       openWith: '[color=#BABDB6]', closeWith: '[/color]',   className:"col8-3" },
					{ name:'Šedá',       openWith: '[color=#888A85]', closeWith: '[/color]',   className:"col9-1" },
					{ name:'Tmavě šedá', openWith: '[color=#555753]', closeWith: '[/color]',   className:"col9-2" },
					{ name:'Černá',      openWith: '[color=#000000]', closeWith: '[/color]',   className:"col9-3" }
					] },
			{ name: 'Velikost písma', className: 'znacka-velikost', key:'', placeHolder: 'text s nastavenou velikostí',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "size",
						nadpis: markitup.name,
						text: "Vložte hodnotu v pixelech (např. 16px), nebo procentech (200%).",
						param1: "Velikost:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'Řádkování',  className: 'znacka-radkovani',    key:'', placeHolder: 'text s vlastním řádkováním',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "line",
						nadpis: markitup.name,
						text: "Nastavte výšku řádku. Buď v procentech (např. 150%), nebo v relativních jednotkách (1.5em, 2em apod.).",
						maly_text: "Příklad: zadejte <b>200%</b> pro dvojité řádkování",
						param1: "Výška řádku:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'Vodorovná čára', className: 'znacka-hr',    key:'',  replaceWith: '[hr]' },
			{ separator: ' ' },
			{ name: 'E-mailová adresa<div class=mensi-pismo style=margin-top: 10px>značka vytvoří odkaz, který po kliknutí otevře poštovního klienta Outlook / Thunderbird apod. s oknem Nová zpráva</div>', className: 'znacka-mail', key:'', placeHolder: 'text odkazu na e-mail',
				beforeInsert:function(markitup)
					{
					znacka_colorbox(
						{
						znacka: "mail",
						nadpis: markitup.name,
						text: "Vytvoří odkaz, který po kliknutí otevře poštovní klient Outlook/Thunderbird apod. s oknem Nová zpráva.",
						param1: "E-mail:",
						param2: "Zobrazený text:",
						oznaceny_text: markitup.selection
						});
					}
				},
			{ name: 'HTML<div class=mensi-pismo style=margin-top: 10px>neobejdete-li se na některých místech bez HTML, vložte jej do této značky, jinak se při uložení ořízne.<br /><br />(pouze v modulu Dokumenty)</div>', className: 'znacka-html',    key:'',  openWith: '[html]', closeWith: '[/html]' },
			{ name: 'Kód<div class=mensi-pismo style=margin-top: 10px>– do této značky můžete vložit jakýkoli kód: HTML, PHP apod.<br />– vložený text se zobrazí v rámečku neproporcionálním písmem</div>',  className: 'znacka-kod',    key:'',  openWith: '[code]', closeWith: '[/code]' },
			{ name: 'Vyčistit označený text od značek', className: 'znacka-vycistit', replaceWith:function(markitup) { return markitup.selection.replace(/\[(.*?)\]/g, "") } },
			{ separator: ' ' },
			{ name: 'Nápověda, příklady a jejich vysvětlení', className: 'znacka-napoveda', beforeInsert:function(markitup)
				{
				window.open("http://www.plutanium.cz/cs/dokument/zobrazit/1090");
				}
			}
			],
		
		previewTemplatePath: 'nahled.php',
		previewPosition: 'before'
		}
	
	
	
			
			$("#uvod").markItUp(mySettings);
		});
			
////////////////////