// uwaga - aby funkcja zadziałała musi byc ustawione doctype na:
// inna droga to ustawienie dowolnego doctype ale kierowanie się poniższym kodem:
// IE6 and DTD 4.01 requires you to use document.documentElement in stead of document.body, so u will need somthing like the below:
// if (document.documentElement && !document.documentElement.scrollTop)
// // IE6 +4.01 but no scrolling going on
// else if (document.documentElement && document.documentElement.scrollTop)
// // IE6 +4.01 and user has scrolled
// else if (document.body && document.body.scrollTop)
// // IE5 or DTD 3.2

if (window.innerHeight) {
    var wysokosc = window.innerHeight;
} else {
    var wysokosc = document.body.offsetHeight;
    }

function pobierzPrzesunieciePoziome() {
	var w = window.pageXOffset ||
			document.body.scrollLeft ||
			document.documentElement.scrollLeft;
	return w ? w : 0;
	}

function pobierzPrzesunieciePionowe() {
	var h = window.pageYOffset ||
			document.body.scrollTop ||
			document.documentElement.scrollTop;
	return h ? h : 0;
	}

function ustal_nastepstwa(adres) {
	
	var ktory_jestesmy = 999999;
	var lewy_przycisk = " ";
	var lewe_foto = 0;
	var prawy_przycisk = " ";
	var prawe_foto = 0;
	
	for (i=0; i<baza_zdjec.length; i++) {
		if (baza_zdjec[i][0] == adres) {
			var ktory_jestesmy = i;
			}
		if (baza_zdjec[i][0] == "../"+adres) {
			var ktory_jestesmy = i;
			}
		}
	
	if (ktory_jestesmy > 0) {
		// mamy lewy przycisk
		var lewe_foto = ktory_jestesmy-1;
		var lewy_przycisk = "<img src=\"geoclima/biblioteka/nastrone/suwak_lewo.gif\" width=\"26\" height=\"21\" alt=\"\" onClick=\"przelacz_miniaturke(\'"+ baza_zdjec[lewe_foto][0] + "\', " + baza_zdjec[lewe_foto][1] + ");\">";
		}
	if (ktory_jestesmy < baza_zdjec.length-1) {
		var prawe_foto = ktory_jestesmy+1;
		var prawy_przycisk = "<img src=\"geoclima/biblioteka/nastrone/suwak_prawo.gif\" width=\"26\" height=\"21\" alt=\"\" onClick=\"przelacz_miniaturke(\'"+ baza_zdjec[prawe_foto][0] + "\', " + baza_zdjec[prawe_foto][1] + ");\">";
		}
	
	return new Array(lewy_przycisk, prawy_przycisk);
	}

function powieksz_miniaturke_bez_suwaka(adres, wysokosc_zdjecia) {
    
	alert("hia");
	
	ppoz = pobierzPrzesunieciePoziome();
	ppio = pobierzPrzesunieciePionowe();
	
    var zoomy_a = document.getElementById("zoomy_a");
    zoomy_a.style.top = 0;
    zoomy_a.style.left = 0;
    zoomy_a.style.height = ppio+document.body.offsetHeight+50;
    zoomy_a.style.width = ppoz+document.body.offsetWidth+20;
    zoomy_a.style.visibility = "visible";
	
    var zoomy_b = document.getElementById("zoomy_b");
    zoomy_b.style.top = ppio+0;
    zoomy_b.style.left = ppoz+0;
    zoomy_b.style.height = ppio+document.body.offsetHeight;
    zoomy_b.style.width = ppoz+document.body.offsetWidth;
    zoomy_b.style.visibility = "visible";
    zoomy_b.innerHTML = "<img id=\"zoomy2\" src=\"" + adres + "\" style=\"border:5px solid white;\" onClick=\"wylacz_miniaturke();\"><br><br>";
    
    var zoomy2 = document.getElementById("zoomy2");
	var margines = (wysokosc-wysokosc_zdjecia)/2;
	if (margines < 10) {
		margines = 10;
		}
    zoomy2.style.marginTop = margines;
    
    }

function powieksz_miniaturke(adres, wysokosc_zdjecia) {
    
	przyciski = ustal_nastepstwa(adres);
	lewy_przycisk = przyciski[0];
	prawy_przycisk = przyciski[1];
	
	//wylacz_miniaturke();
	
	ppoz = pobierzPrzesunieciePoziome();
	ppio = pobierzPrzesunieciePionowe();
    
    var zoomy_a = document.getElementById("zoomy_a");
    zoomy_a.style.top = 0;
    zoomy_a.style.left = ppoz+0;
    zoomy_a.style.height = ppio+document.body.offsetHeight+50;
    zoomy_a.style.width = ppoz+document.body.offsetWidth+20;
    zoomy_a.style.visibility = "visible";
	
    var margines = (wysokosc-wysokosc_zdjecia)/2;
	if (margines < 10) {
		margines = 10;
		}
    
	var zoomy_b = document.getElementById("zoomy_b");
    zoomy_b.style.top = ppio+0;
    zoomy_b.style.left = ppoz+0;
    zoomy_b.style.height = ppio+document.body.offsetHeight;
    zoomy_b.style.width = ppoz+document.body.offsetWidth;
    zoomy_b.style.visibility = "visible";
    zoomy_b.innerHTML = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"><tr><td style=\"vertical-align:top; padding-top:" + margines + ";\"><img src=\"geoclima/biblioteka/nastrone/pustak.png\" width=\"26\" height=\"26\" alt=\"\" onClick=\"wylacz_miniaturke();\"></td><td rowspan=\"2\"><img id=\"zoomy2\" src=\"" + adres + "\" style=\"border:5px solid white; margin-top:" + margines + ";\" onClick=\"wylacz_miniaturke();\"></td><td style=\"vertical-align:top; padding-top:" + margines + ";\"><img src=\"geoclima/biblioteka/nastrone/zamkniecie.gif\" width=\"26\" height=\"26\" alt=\"\" onClick=\"wylacz_miniaturke();\"></td></tr><tr><td style=\"vertical-align:middle;\">" + lewy_przycisk + "</td><td style=\"vertical-align:middle;\">" + prawy_przycisk + "</td></table><br><br>";
    
    }

function przelacz_miniaturke(adres, wysokosc_zdjecia) {

	przyciski = ustal_nastepstwa(adres);
	lewy_przycisk = przyciski[0];
	prawy_przycisk = przyciski[1];
	
    var margines = (wysokosc-wysokosc_zdjecia)/2;
	if (margines < 10) {
		margines = 10;
		}
    
    var zoomy_b = document.getElementById("zoomy_b");
    zoomy_b.innerHTML = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"><tr><td style=\"vertical-align:top; padding-top:" + margines + ";\"><img src=\"geoclima/biblioteka/nastrone/pustak.png\" width=\"26\" height=\"26\" alt=\"\" onClick=\"wylacz_miniaturke();\"></td><td rowspan=\"2\"><img id=\"zoomy2\" src=\"" + adres + "\" style=\"border:5px solid white; margin-top:" + margines + ";\" onClick=\"wylacz_miniaturke();\"></td><td style=\"vertical-align:top; padding-top:" + margines + ";\"><img src=\"geoclima/biblioteka/nastrone/zamkniecie.gif\" width=\"26\" height=\"26\" alt=\"\" onClick=\"wylacz_miniaturke();\"></td></tr><tr><td style=\"vertical-align:middle;\">" + lewy_przycisk + "</td><td style=\"vertical-align:middle;\">" + prawy_przycisk + "</td></table><br><br>";
	
	}

function wylacz_miniaturke() {
	
	
    var zoomy_a = document.getElementById("zoomy_a");
    zoomy_a.style.visibility = "hidden";
    zoomy_a.style.height = 1;
    zoomy_a.style.width = 1;
    zoomy_a.innerHTML = "";
    
	var zoomy_b = document.getElementById("zoomy_b");
    zoomy_b.style.visibility = "hidden";
    zoomy_b.style.height = 1;
    zoomy_b.style.width = 1;
    zoomy_b.innerHTML = "";
    
	clearTimeout(petelka);
    }