//globalni promenna pro moznost spravy casove smycky 
var loop;
//pocet nahledu na strance (neda se zjistit JS, protoze plugin na courousel si jich generuje ruzny pocet, takze si to posilam z PHP)
var nahledu_celkem;
//aktualni nahled
var nahled_aktualni;

/**
 *	funkce ze vsech nahledu na strance zobrazi max 9 (aktivni + 4 v obou smerech)
 *	ostatni nahledy zneviditelni 
 */

function wheel(max) {
	
	max = max * 1;			//bez rpevodu na cislo to nejak blblo
	var visible = 0;		//pocet nahledu k zobrazeni
	
	if(max > 8) {
		visible = 8.3;	
	}
	else {
		visible = max;
	}
	
    $(function() {
    $("#thumbnail-holder").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        mouseWheel: true,
        visible: visible,
        speed: 100
        //circular: false
    });
});

}

/**
 * metoda zobrazi obrazek (bud se vola primo udalosti onlick nebo interne z metody pro slideshow)
 * vstupni parametr je nazev souboru (bez cesty) 
 */ 
function show_image(filename) {
	//ziskam src puvodniho obrazku
	var src_origin = $("#vertical img").attr('src');
	var delka_original = src_origin.length;
	
	//ten odzpatku projdu a hledam lomitko
	var delka = delka_original;
	while(src_origin.charAt(delka - 1) != '/') {
		delka = delka - 1;
	}
	//cast za lomitkem odmazu (puvodni nazev souboru), cimz ziskam cestu k souborum dane sekce
	var file = src_origin.substring(delka,delka_original);
	var path = src_origin.substring(0,delka);
	
	$("#vertical img").fadeOut(1000, function () {
		//po fadeOutu obrazek oddelam (pres remove) a nastavim novy src (a alt a title)
		//kvuli problemum s nacitanim obrazek radeji uplne odeberu
		//$("#vertical img").remove();
		//a nasledne znovu vlozim jiz s novymi udaji
		$("#vertical img").replaceWith("<img src='" + path + filename + "' alt='" + filename + "' titel='" + filename + "' />");
		$("#vertical img").hide();
		//a pak spustim fadeIn	
		$("#vertical img").fadeIn(1000);
	});
	
}

/*
*	pouziva se globalni promenna loop pro spravu smycky
*	pocet obrazku je vstupni parametr
*/

function slide(celkem) {
	//alert(celkem);
	nahledu_celkem = celkem;
	//smycka pro neustale volani zmeny obrazku (slideshow)
	loop_slide(true);
	
	//pokud najede uzivatel na vyber s nahledy obrazku, slideshow skonci
	$("#thumbnail-main").hover(
  		function () {	//najeti nad element
    		clearTimeout(loop);
    		
  	},
  		function () {	//opusteni elementu
  			loop_slide(true);
  	}
	);
}

/**
 * metoda pro rotaci obrazku
 * parametr true/false urcuje, zda je to prvni volani metody (tzn generuje se nahodny obrazek odkud se zacene slideshow)
 * nebo zda je to jiz volani ze smycky (tzn negeneruje se nahodne, ale bere se nasledujici - pokud je to obrazek posledni, tak se skoci na zacatek)  
 */ 
function loop_slide(first) {
	
	if(first) {	//pokud je to prvni volani => nahodne generuji pocatecni obrazek
	//vygeneruju nahodny cislo (rozsah 0 az pocet nahledu-1)
	//alert(nahledu_celkem);
		nahled_aktualni = Math.floor(Math.random() * nahledu_celkem);	//vygeneruju nahodne cislo v rozsahu obrazku
	}
	else {	//jinak klasicka iterace s kontrolou konce (a pripadnym skokem na zacatek)
		nahled_aktualni++;
		//pokud jsem na konci, skocim na zacatek
		if(nahled_aktualni >= nahledu_celkem) {
			nahled_aktualni = 0;
		} 	
	}
	
	var cesta = $("#thumb_" + nahled_aktualni).find('img').attr('src');
	//z cesty k obrazku vypreparuju nazev souboru s obrazkem
	var delka = cesta.length;
	while(cesta.charAt(delka - 1) != '/') {	//najdu prvni zpetne lomitko
		delka = delka - 1;
	}
	var filename = cesta.substring(delka,cesta.length);
	//alert(filename);
	//zobrazeni nahodneho obrazku
	show_image(filename);
	//smycka sam na sebe :)
	loop = setTimeout("loop_slide(false)",10000);
}

/*
* metoda smaze v sekci kontakty patricnou fotku (tato fce se vola z fce show_contact_picture)
*/
function remove_contact_image(img) {
	//zmizeni pres fadeOut (pouziva se i identifikator obrazku, aby bylo zajisteno, ze posledne kliknuty obrazek tam opravdu vydrzi 5 vterin a nebude odstranen na nasledky volani predchoziho obrazku)
	$("#contact-picture-full img[alt='" + img + "']").fadeOut(1000, function() {$(this).remove();} );
}

/*
* metoda zobrazi v sekci kontakty fotku vybraneho kontaktu na 5 sekund a pote fotka zmizi..
*/
function show_contact_picture(img) {
	
	//na kliknuti se reaguje pouze pokud v parent DIVu jiz neni zadny obrazek z minula
	//nebo pokud bylo kliknuto na jiny obrazek nez byl ten minuly
	
	if($('#contact-picture-full').find('img').size() == 0 || img != $('#contact-picture-full img').attr('alt')) {
		//pokud tam je obrazek z minula (pri kliknuti na jiny obrazek nez byl puvodni), tak ho odstranim
		$('#contact-picture-full img').remove();
		//parent div se nejprve zneviditelni, prida se do nej obrazek a teprve nasledne se pomoci fadeIn zobrazi
		$("#contact-picture-full").hide().append('<img src="/images/' + img + '_full.jpg" alt="' + img + '" title="' + img + '" />').fadeIn(1000,
			function() {
				//za pet sekund se obrazek zrusi
				setTimeout("remove_contact_image('" + img + "')",10000);
			}
		);
	}

}