﻿var nazvy = [];
var popisky = [];
var odkazy;

var mince = function(co){ // premeni pozadi prstenu po najeti mysi
	return function(e){
		odkazy[co].style.backgroundImage = 'url(obr/male/maleHad.gif)';
	};
};	

var minceZpet = function(co){
	return function(e){
		if (odkazy[co].getAttribute('href') !== $('#velkyPrsten').attr('src')){  //pokud to neni fotka,ktera je zrovna prohlizena
			odkazy[co].style.backgroundImage =  '';  //nechej puvodni pozadi / krouzek/
		};
	};
};			

var plnaFotka = function(cesta,krouzek,fotkaCis){  //nastavi potrebna  pred prechodem na  plnou fotku
	return function(e){

	$('#text').hide();
	$('#detail').show();

	odkazy.css('background-image', '');

	$('#velkyPrsten').attr('src',cesta);

	odkazy[fotkaCis-1].style.backgroundImage = 'url(obr/male/maleHad.gif)';
	$('#nazevPrstenu').text(nazvy[fotkaCis]);
	$('#popisPrstenu').text(popisky[fotkaCis]);
	return false;
	};
};

var dalsiFotka = function(){
	
			return function(e){
				var cesta = '';
				var i, index;
				var puvodniSrc = $('#velkyPrsten').attr('src');
				
				for(i=0; i<odkazy.length; i+=1){
				var x = odkazy[i].getAttribute('href');
				var y = odkazy[i+1] ? odkazy[i+1].parentNode.className : ''; //.getAttribute('class');  NEFUNGUJE S VICE ATRIBUTY, JE NUTNE POUZIT className
				
					if (odkazy[i].getAttribute('href') == puvodniSrc) {
						index = i;
						if (y === '') { //pokud jsem na konci vsech fotek, prepne se zpet na prvni zalozku
							$('#prvniSerieZal').find('a').click();
							$('#text').hide();
							$('#detail').show();
							} 
						else
						if (y.search(/viditelna/) <= 0 ){   
							$('.vybranaZal').next().find('a').click();
							$('#text').hide();
							$('#detail').show();
							}; // prepne na dalsi zalozku, pokud jsem se dostal mimo prvni serii fotek
						if (odkazy[i+1]){
							cesta = odkazy[i+1].getAttribute('href');
							index = i+1;
												}
						else {
							cesta = odkazy[0].getAttribute('href'); //pokud jsem na konci vsech fotek, jdu zpet na zacatek
							index = 0;
						};
					};
				};
				if (cesta === '') {
					var pom = Math.floor(index / 9) * 9 ;
					//alert(index+'   '+pom);
					cesta = odkazy[pom].getAttribute('href');
					index = pom;
				};
				
				document.getElementById('velkyPrsten').setAttribute('src',cesta);	
				$('#nazevPrstenu').text(nazvy[index+1]);
				$('#popisPrstenu').text(popisky[index+1]);
				
				odkazy.css('background-image', '');
				
				odkazy[index].style.backgroundImage = 'url(obr/male/maleHad.gif)';
				return false;
				};
			};

var predchoziFotka = function(){
		
			return function(e){
				var cesta = '';
				var i, index;
				var puvodniSrc = $('#velkyPrsten').attr('src');
				
				for(i=0; i<odkazy.length; i+=1){
				var x = odkazy[i].getAttribute('href');
				var y = odkazy[i-1] ? odkazy[i-1].parentNode.className : ''; //.getAttribute('class');  NEFUNGUJE S VICE ATRIBUTY, JE NUTNE POUZIT className
				
				if (odkazy[i].getAttribute('href') == puvodniSrc){
						index = i;
						if (y === '') { //pokud jsem na zacatku vsech fotek, prepne se zpet na posledni zalozku
							$('#tretiSerieZal').find('a').click();
							$('#text').hide();
							$('#detail').show();
							} 
						else
						if (y.search(/viditelna/) <= 0 ){   
							$('.vybranaZal').prev().find('a').click();
							$('#text').hide();
							$('#detail').show();
							}; // prepne na dalsi zalozku, pokud jsem se dostal mimo prvni serii fotek
						if (odkazy[i-1]){
							cesta = odkazy[i-1].getAttribute('href');
							index = i-1;
												}
						else {
							cesta = odkazy[odkazy.length-1].getAttribute('href'); //pokud jsem na konci vsech fotek, jdu zpet na zacatek
							index = odkazy.length-1;
						};
					};
				};
				if (cesta === '') {
					var pom = (index+8 <= odkazy.length-1) ? (index+8) : (odkazy.length-1);
					cesta = odkazy[pom].getAttribute('href');
					index = pom;
				};
				
				document.getElementById('velkyPrsten').setAttribute('src',cesta);
				$('#nazevPrstenu').text(nazvy[index+1]);
				$('#popisPrstenu').text(popisky[index+1]);

				odkazy.css('background-image', '');
				odkazy[index].style.backgroundImage = 'url(obr/male/maleHad.gif)';				
				return false;
				};
			};

var aktivniZalozka = function(aktivni){  // osetruje kliknuti na jinou zalozku
		$('.obal-na-fotky').each(function(i){  //vsechny tridy viditelna zrusim
				if ($(this).hasClass('viditelna')){
					$(this).removeClass('viditelna');
					};
				});
				
		$('.zalozka li').each(function(i){  //vsechny tridy vybranaZal zrusim
				if ($(this).hasClass('vybranaZal')){
					$(this).removeClass('vybranaZal');
					};
				});
		$('#'+ aktivni+ 'Zal').addClass('vybranaZal');
		$('#'+ aktivni).addClass('viditelna');
		$('.obal-na-fotky').hide();  
		$('.viditelna').show();
		$('#detail').hide();
		$('#text').show();
		odkazy.css('background-image', '');
		document.getElementById('velkyPrsten').setAttribute('backgroundImage','');
	}; //aktivniZalozka

		

		
		
		
		
		
		
		
	
$(document).ready(function(){

nazvy[0] = '';
nazvy[1] = 'JAN A ZUZANA';
nazvy[2] = 'HYNEK A LENKA';
nazvy[3] = 'ONDŘEJ A EDITA';
nazvy[4] = 'PAVEL A LUDMILA';
nazvy[5] = 'VLADIMÍR A LUDMILA';
nazvy[6] = 'JAKUB A LINDA';
nazvy[7] = 'FRANTIŠEK A DOROTA';
nazvy[8] = 'PAVEL A KARLA';
nazvy[9] = 'PETR A KATEŘINA';
nazvy[10] = 'MIROSLAV A PAVLÍNA';
nazvy[11] = 'PETR A VERONIKA';
nazvy[12] = 'JAROSLAV A MARKÉTA';
nazvy[13] = 'GIORGI A PAVLA';
nazvy[14] = 'Wolframové prsteny';
nazvy[15] = 'DAVID A EVA';
nazvy[16] = 'ALAN A MARIE';
nazvy[17] = 'FRANTIŠEK A VĚRA';
nazvy[18] = 'VÁCLAV A KATEŘINA';
nazvy[19] = 'PAVEL A ZORKA';
nazvy[20] = 'MICHAL A PETRA';


popisky[0] = '';
popisky[1] = 'Pružný  titanový pásek je stočený a po stranách bodově svařený. Sváry, které drží prsten jsou funkčním a zároveň estetickým prvkem.';
popisky[2] = 'Tvar prstenu vyjadřuje přání být druhému na blízku. Prohloubená část odpovídá zakřivením partnerskému prstenu a vytváří jemný detail.';
popisky[3] = 'Prsteny z mědi a ryzího zlata. Vnější měděná vrstva dává prstenu pevnost. Tenká vnitřní vrstva ryzího zlata zceluje kruh v místě přerušení mědi. Ryzí zlato je v kontaktu s kůží,  ukryto pod nestálou mědí.';
popisky[4] = 'Povrch prstenů je rozbrázděn souběžnými liniemi. Dámský prsten je proveden ve žlutém, pánský v červeném zlatě.';
popisky[5] = 'Rýha v dlani je nezaměnitelným podpisem člověka.	Snubní prsteny jsou zhotoveny jako přímý odlitek povrchu dlaně. Namísto dekoru si jeden nese druhého. Prsten je záměrně ponechán bez leštění, lesk prstenu přichází přirozeně, až s jeho otíráním a nošením.Ubývání a vyhlazování reliéfu v průběhu let je protikladem k přibývání lidských vrásek. Je symbolickým obrazem cesty k dokonalosti.';
popisky[6] = 'Požadavek na ornament ve snubním prstenu je ztvárněn skrze útržek textilu.U dámského prstenu je po celém obvodu, pánský prsten je dekorován částí, která odpovídá šířce prstenu dámského.Jemný vzor měkkého materiálu v tvrdém kovu je krása známého přeměněná ve stálost.';
popisky[7] = 'Dvojice si přála jednoduché snubní prsteny, které by nebránily při hře na kytaru a klavír. Charakteristickým rysem dvojice byl velký rozdíl jejich prstů. Znatelný rozdíl se projevil v průměru prstenů a podnítil nápad pracovat s výřezem. Z každého kruhu je vyňata část a vsazena do opačného prstenu. Odlišnost je navíc podpořena dvojí barevností zlata. Výměnou vznikl  „mužský“ prsten s vystouplou hrankou a „ženský“ prsten s jemným zahloubením. Vsazená část je střídmou ozdobou a zároveň znamením vzájemného propojení a ovlivňování.';
popisky[8] = '„Galway ring“ je název pro prsten, který se objevuje v irské tradici a nese symboly lásky, přátelství a věrnosti (motiv srdce, rukou a koruny). Tradiční reliéfní motiv je zde pojednán zjednodušenou formou. Symboly jsou zapuštěny v hladkém povrchu prstenu, výraznost motivu je podpořena užitím žlutého a červeného zlata.';
popisky[9] = 'Prsteny kombinují princip exaktního tvaru a hry. Povrch je rozčleněn na plošky pětiúhelníků, které do sebe zapadají ve dvou řadách. Přesné hrany kontrastují s nepravidelností plošek. Přesnost je symbolem exaktního myšlení, hravost brání mechanickému opakování.';
popisky[10] = 'Inspirací pro tyto prsteny byly zásnubní prstýnky upletené z bavlněného knotu a barevných nitek. Snubní prsteny jsou zhotoveny z tvrdého bílého zlata. Mohou mít velmi tenkou stěnu, a přesto se nedeformují. Kruh a ušlechtilý kov symbolizují pevný a neměnný základ. Málé dirky skýtají možnost prsten dotvářet provlékáním barevných nití. Nekonečné množství variant je obrazem proměnlivosti a pestrosti života. Čas provlékání je čas darovaný jeden druhému. Studený kov je obemknut hřejivým propletencem.';
popisky[11] = 'Snubní prsteny inspirované stopami zářezů ve dřevě. Zvláštností je pánský prsten, který byl zhotoven (na přání) jako přívěšek. Dámský prsten je vyříznut z jeho vnitřního obvodu a prsteny tak do sebe přesně zapadají.';
popisky[12] = 'Oba snubní prsteny jsou jednoduché kruhy, kónické v řezu. Svým tvarem a povrchem připomínají tepanou nádobu. Odlišení dámského a pánského prstenu vznikne teprve opačným způsobem nasazení na prst.';
popisky[13] = 'Prsteny byly záměrně zhotoveny z jednoho kusu bílého zlata. Jednolitý hladký povrch byl rozbrázděn ručním tepáním a rozdělen na dvě části. Stočením proužků vznikly prsteny, které v sobě nesou tentýž záznam úderů. Zdrojem inspirace byla životní zkušenost konkrétní dvojice a báseň Jana Skácela.';
popisky[14] = '';
popisky[15] = 'Litery  A a Ω prostupují skrze hmotou prstenu a dělí kruh na dvě shodné poloviny. Symbol počátku a symbol konce tvoří umístěním v kruhu metaforu neustálého děje. ';
popisky[16] = 'Manželství je vzácné i každodenní jako chléb. V křesťanské symbolice se chléb stává pokrmem duchovním, proměněným tělem Krista. Prsteny byly odlity z kůrky chleba, který snoubenci přinesli. Odlitím je pomíjivá hmota přeměněna v trvalou  strukturu, povrchem připomínající půdu nebo skálu.';
popisky[17] = 'Prsteny jsou volně inspirovány pozorováním hvězdné oblohy. Povrchem připomínají pohyb  „padajících hvězd“. Padající hvězda s sebou nese lidské přaní, je vzácnou chvílí, která se neopakuje.';
popisky[18] = 'Neobvyklý tvar prstenu vznikl formováním na šperkařské valcně. Čtverým ztlačením a opracováním se utvořilo dynamické napětí mezi vnitřním kruhem a vnějším čtvercovým tvarem. Prsteny jsou provedeny ve stříbře a jsou pokoveny pouze z vnitřní strany. Vnější strana je záměrně ponechána bez ochrany a vlivem oxidace časem  tmavne. Vyniknou tak přirozené vlastnosti stříbrného materiálu.';
popisky[19] = 'Prsteny jsou založeny na hře s povrchovou strukturou. Lineární zbrázdění kontrastuje s vyhlazeným lesklým povrchem. Rozdílný segment odkazuje k druhému prstenu a vytváří střídmý dekorativní prvek. Pánský prsten je méně nápadný, dámský prsten naopak zdobnější a slavnostnější.';
popisky[20] = 'Snubní prsteny vznikly jako hledání výrazu pro bezprostřednost a spontánost dvojice. V hraně se objevuje tvar podobný vlajícímu praporku. Vlátí je symbol svobody a naznačuje směr uvažování. Zdání pohybu je podpořeno dynamikou samotného kruhu.';


odkazy = $('.obal-na-fotky a[href*="obr"]');  //odkazy na konkretni prsteny
var i, q;
var cesta;
$('.obal-na-fotky').hide();
$('.viditelna').show();

for (i=0; i<odkazy.length; i += 1) {
			cesta = odkazy[i].getAttribute('href');
			q = ( ((i+1) % 9) != 0 ) ? ((i+1) % 9) : 9; //poradi krouzku (1..9)
			//odkazy[i].style.backgroundImage = 'url(obr/krouzek0' + q + '.gif)';
			odkazy[i].className = "prsten"+(i+1)+'';
			odkazy[i].onmouseover = mince(i);
			odkazy[i].onmouseout = minceZpet(i);
			odkazy[i].onclick = plnaFotka(cesta,q,i+1);  	
		};
		
		$('.zalozka li').each(function(i){
			var idZal = $(this).attr('id');
			var idZ = idZal.substring(0,idZal.length-3);
			$(this).find('a').click(function(){  //co se stane, kdyz kliknu na odkaz na zalozce
				aktivniZalozka(idZ);
				return false;
			});
			
		});

		document.getElementById('dalsi').onclick = dalsiFotka(); 
		document.getElementById('predchozi').onclick = predchoziFotka(); 
		//document.getElementById('album').onclick = zpetNaAlbum(); 
		
	$('#zavrit').click(function(){
	$('#velkyPrsten').attr('src','');
	$('#detail').hide();
	$('#text').show();
	odkazy.css('background-image', '');
	
	//$('#prsten'+prsten).css('background-image',''); //vrati do puvodniho stavu
});

	$('#viceOPrstenech').show();
	$('#viceOPrstenechText').hide();

	$('#viceOPrstenech').click(function(){
		$(this).hide();
		$('#viceOPrstenechText').show();
	});

	$('#meneOPrstenech').click(function(){
		$('#viceOPrstenechText').hide();
		$('#viceOPrstenech').show();
	});
	
	$('.zalozka').show();
	$('#paticka').show();
	
	$('.triTecky').click(function(){
		$(this).hide();
		$(this).parent().next().show();
		return false;
	});
	
	$('.triTecky').show();
	$('.skryte').hide();
	
	var links = document.getElementsByTagName('a');  //odstraneni teckovanych ramecku po kliknuti
	for ( var i = 0; i < links.length; i++ ) {
    	links[i].onmousedown = function () {
        	this.blur();
        	return false;
   		 } 	
	}
	
	});

