var animacia = false;
var aktualnaUkazka = 0;
var novaUkazka = 0;

var rychlost = 1;
var zrychlenie = 1.15;
var aktualnaVyska = 1;
var konecnaVyska = 300;
var odsadeniePopisky = 20;

var urlUkazky
	
function ukazka(id,url,samozatvaranie)
	{
		// pri bratislave mame inu vysku
		urlUkazky = url
		if (id == 0)
			{
				animaciaSchovat();
			}
		else
			{
				if (animacia == false)
					{
						animacia = true;
						if (aktualnaUkazka == 0)
							{
								// ukazka sa otvori
								if (id == "bratislava")
									{
										konecnaVyska = 450;
									}
								else
									{
										konecnaVyska = 300;
									}
								aktualnaUkazka = document.getElementById(id);
								
								animaciaUkazat();
							}
						else
							{
								// ulozime si ukazku, ktora sa ma otvorit po tom, ako sa zavrie aktualna ukazka
								novaUkazka = document.getElementById(id);
								// najprv sa zavre predosla ukazka
								if (aktualnaUkazka == novaUkazka && samozatvaranie == 0)
									{
										animacia = false;
										document.getElementById(id).src = url;
									}
								else
									{
										animaciaSchovat();
									}
							}
					}		
			}
	}

function animaciaUkazat()
	{
		document.getElementById(aktualnaUkazka.id + "Popiska").style.marginBottom = odsadeniePopisky + "px";
						
		if (aktualnaVyska < konecnaVyska)
			{
				aktualnaUkazka.style.visibility = "visible";
				if (aktualnaVyska < konecnaVyska / 2)
					{
						// do polky animacia zrychluje
						rychlost = rychlost * zrychlenie;
						aktualnaVyska = aktualnaVyska + rychlost;
						aktualnaUkazka.style.height = aktualnaVyska + "px";
					}
				else	
					{
						aktualnaUkazka.style.marginBottom = "0px";
						document.getElementById(aktualnaUkazka.id + "Popiska").innerHTML = document.getElementById(aktualnaUkazka.id + "PopiskaVzor").innerHTML;
						document.getElementById(aktualnaUkazka.id + "Popiska").style.height = "auto";
						document.getElementById(aktualnaUkazka.id + "Popiska").style.visibility = "visible";
						//document.getElementById(aktualnaUkazka.id + "Popiska").style.marginBottom = odsadeniePopisky + "px";
						// od polky animacia spomaluje
						rychlost = rychlost / zrychlenie;
						aktualnaVyska = aktualnaVyska + rychlost;
						aktualnaUkazka.style.height = aktualnaVyska + "px";
					}
				var t = setTimeout("animaciaUkazat()",1);
			}
		else
			{
				// dotlacime ukazku do otvoreneho stavu
				//aktualnaVyska = konecnaVyska;
				aktualnaUkazka.style.height = konecnaVyska + "px";
				aktualnaUkazka.src = urlUkazky;
			}
		animacia = false;
	}
	
function animaciaSchovat()
	{
		//alert(0);
		aktualnaUkazka.src = "http://www.hitechimages.com/common_files/background.htm";
		//aktualnaUkazka.style.width = 600 + "px";
		if (aktualnaVyska > rychlost)
			{
				
				if (aktualnaVyska > konecnaVyska / 2)
					{
						//alert(1);
				
						// do polky animacia zrychluje
						rychlost = rychlost * zrychlenie;
						aktualnaVyska = aktualnaVyska - rychlost;
						aktualnaUkazka.style.height = aktualnaVyska + "px";
					}
				else	
					{
						aktualnaUkazka.style.marginBottom = "-1px";
						document.getElementById(aktualnaUkazka.id + "Popiska").style.visibility = "hidden";
						//document.getElementById(aktualnaUkazka.id + "Popiska").style.marginBottom = "-1px";
						
						// od polky animacia spomaluje
						rychlost = rychlost / zrychlenie;
						aktualnaVyska = aktualnaVyska - rychlost;
						aktualnaUkazka.style.height = aktualnaVyska + "px";
					}
				var t = setTimeout(" animaciaSchovat()",1);
				//document.getElementById("vyska").innerHTML = aktualnaVyska;
				
			}
		else
			{
				// dotlacime ukazku do zatvoreneho stavu
				rychlost = 1;
				aktualnaVyska = 1;
				aktualnaUkazka.style.height = "1px";
				aktualnaUkazka.style.visibility = "hidden";
				aktualnaUkazka.style.marginBottom = "-1px";
				document.getElementById(aktualnaUkazka.id + "Popiska").style.height = "1px";
				document.getElementById(aktualnaUkazka.id + "Popiska").style.marginBottom = "-1px";
						
				// Ak ID nebolo nula tak sa spusti animaciaUkazat()
				if (novaUkazka == aktualnaUkazka)
					{
						novaUkazka = 0;
					}
					
				if (novaUkazka != 0 && novaUkazka != aktualnaUkazka)
					{
						if (novaUkazka.id == "bratislava")
							{
								konecnaVyska = 450;
							}
						else
							{
								konecnaVyska = 300;
							}
						aktualnaUkazka = novaUkazka;
						animaciaUkazat();
					}
				else
					{
						aktualnaUkazka = 0;
					}
			}
		animacia = false;
	}