/*Záložky univerzální verze 1.1 
//Záložky se vždy automatikcy vygenerují z divů, jak jdou po sobě div musí mít strukturu, jak je naznačena v ukázce:
	<div class="sem-generuj-zalozky"></div>
	<div id="zalozky">	
		<div class="zalozka" id="zalozka-1" title="zalozka1title">  					
			libovolný obsah založky 1 <br />
		</div>
		<div class="zalozka" id="zalozka-2" title="zalozka2title">
			libovolný obsah založky 2 <br />
		</div>
	</div>
// Popis elementů:
// class="sem-generuj-zalozky" - do vnitř takto ozančeného elementu se henrují záložky ve tvaru <ul class="tab"><li></li><li></li></ul>
// id="zalozka-1" - identifikuje záložku a generuje url ve tvaru neco.cz/#zalozka-1
// title="zalozka1title" - title se zobrazuje v jednotlivých záložkách jako jejich název
//
// <a href="#zalozka-1" class="call_hash"></a> - odkaz s třídou call_hash vyvolá záložku odpovídající odkazu ve stránce
*/

$(document).ready(function(){ 
		$("#zalozky:empty").remove(); //smazání #zalozky pokud jsou prázdné
		$(".sem-generuj-zalozky").prepend('<ul class="tab"></ul>'); 
		var i=0;		
			do   
			{	
				var title = $(".zalozka").eq(i).attr("title");	
				var id = $(".zalozka").eq(i).attr("id");
				$(".zalozka").eq(i).attr("id", id +"_try");	// dodání parametru aby nebyla funkční kotva do obsahového prvku záložky		
				if (title!=undefined)
				{							
					$(".tab").append('<li><a href="#' + id + '" id="' + id + '_tab"><span class="s1"></span><span class="s2">'  + title + '</span><span class="s3"></span></a></li>');	//vygenerování záložek			
					i++;	
				}	
			} while (title != null)
		
		function hash(hash)  // funkce na skrývání a zviditelnění tabů funkce přijímá proměnou ve tvaru #danytab
			{
			$(".zalozka:visible").hide();			
    		$("#zalozky").find(hash +"_try").show(); // načtení aktuální záložky
    		$(".tab li a").removeClass("active");    		
    		var active = hash + "_tab";
    		$(active).addClass("active");    		
			};
					
		$(".zalozka").hide(); // skryje taby - možno přemístit do stylů, ale když bude vyplý js bude vidět je daný tab
		
		if ( location.hash != '')
			{
			var url_hash = location.hash; 
			hash(url_hash); // načtení aktuálního tabu z URL
			}
			else
			{
			var url_hash = $(".tab li a").eq(0).attr("href"); //načtení prvního tabu
			url_hash = url_hash.split("#");
			hasha = "#"+url_hash[1];			
			hash(hasha); // načtení prvního tabu		
			}
		
		$(".tab li a").click(function () { // přepínání tabů dříve vygenerovanými záložkami
			var id_div = $(this).attr("href"); 
			id_div = id_div.split("#"); // ošetření pro IE které vrací celou url
			id_div[1] = "#"+id_div[1]; 
			hash(id_div[1]); // načtení aktuálního tabu z odkazu
			//window.location.hash = id_div[1];			
		  }); 	
		  
	$(".call_hash").click(function(){hash($(this).attr('href'));});//pokud do jakéhokoliv odkazu ve stránce vložíme třídu .call_hash a do odkazu dáme odpovídající odkaz (#zalozka1) na záložku, tak funkce zobrazí danou záložku	   
});

