﻿function zoomImages() {
    var thumbs = document.getElementById("scrollRight");
    var thumbs = thumbs.getElementsByTagName("a");
    for (var i = 0; i < thumbs.length; i++) {
        thumbs[i].onclick = function() {
            var zoomLink = document.getElementById("zoomActual");
            zoomLink.setAttribute("href", this.getAttribute("href"));
            zoomLink = null;
            var zoom = document.getElementById("randomRE").getElementsByTagName("img").item(0);
            zoom.src = "files/tlo.gif";
            zoom.src = this.getAttribute("href").replace("files", "files/cropBig");
            zoom = null;
            var List = this.parentNode.parentNode.getElementsByTagName("li");
            for (var j = 0; j < List.length; j++) {
                List[j].className = null;
            }
            List = null;
            this.parentNode.className = "current";
            return false;
        }
    }
    
    var zoomDiv = document.createElement("div");
    zoomDiv.setAttribute("id", "zoomDiv");
    var zamknijTxt = document.createTextNode("Kliknij by zamknąć");
    zoomDiv.appendChild(zamknijTxt);
    zoomDiv.appendChild(document.createElement("br"));
    var zoomImg = document.createElement("img");
    zoomDiv.appendChild(zoomImg);
    zoomDiv.style.position = "absolute";    
    zoomDiv.style.display  = "none";
    zoomDiv.style.zIndex = "1999";
    document.getElementsByTagName("body").item(0).appendChild(zoomDiv);
    var zoomLink = document.getElementById("zoomActual");
    zoomLink.onclick = function() {
        var imgToZoom = document.getElementById("randomRE").getElementsByTagName("img").item(0);
        var zoomDiv   = document.getElementById("zoomDiv");
        zoomDiv.style.width  = imgToZoom.width;
        zoomDiv.style.height = imgToZoom.height;
        var zoomImg = zoomDiv.getElementsByTagName("img").item(0);
        zoomImg.src = imgToZoom.src.replace("/cropBig", "");
        zoomDiv.style.display = "block";
        var popUpHeight  = document.getElementById('zoomDiv').offsetHeight;
		var screenHeight = getScreenHeight();
		var scrolled     = getScroll();
		var top = ((screenHeight - 640)/2) + scrolled + 20;
		zoomDiv.style.top = top+"px";
		var ScreenWidth = getScreenWidth();
		var popUpWidth  = document.getElementById('zoomDiv').offsetWidth;
		var left = (ScreenWidth-640)/2;
		zoomDiv.style.left = left+"px";
        imgToZoom = null;
        zoomImg   = null;
        return false;
    }
    zoomDiv.onclick = function () {
		this.getElementsByTagName("img").item(0).src = "files/tlo.gif";
        this.style.display = "none";
    }
    zoomDiv = null;
    zamknijTxt = null;
    thumbs = null;
}

function getScreenHeight() {
	var y;
	if (self.innerHeight) {
		// wszystko poza IE
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {
		// IE 6 Strict
		y = document.documentElement.clientHeight;
	}
	else if (document.body) {
		// inne IE
		y = document.body.clientHeight;
	}
	return y;
}

function getScreenWidth() {
	var x;
	if (self.innerWidth) {
		// wszystko poza IE
		x = self.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth) {
		// IE 6 Strict
		x = document.documentElement.clientWidth;
	}
	else if (document.body) {
		// inne IE
		x = document.body.clientWidth;
	}
	return x;
}

function getScroll() {
	var y;
	if (self.pageYOffset) {
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop) {
		y = document.documentElement.scrollTop;
	}
	else if (document.body) {
		y = document.body.scrollTop;
	}
	return y;
}

window.onload = function() {
    if (document.getElementById && document.createElement) {
        if (document.getElementById("scrollRight")) {
            zoomImages();
        }
    }
}
