function initGalleria(){

	var links = document.getElementsByClassName("galleriaPopLinkki");
	
	for(var i=0;i<links.length;i++){
		links[i].onclick = function(){
			naytaKuva(this.href);
			return false;
		}
	}
	
	
	function naytaKuva(url){
		
		dimPage();
			
		var popKuva = document.createElement("img");
		popKuva.id = "popKuva";
		popKuva.style.position = "absolute";
		popKuva.style.zIndex = "9999";
		popKuva.src = url;
		document.body.appendChild(popKuva);
		popKuva.style.visibility = "hidden";
		popKuva.style.border = "solid 5px #fff";
		popKuva.style.cursor = "pointer";
		popKuva.title = "Sulje kuva";
		
		popKuva.onload = function(){
			
			//toggleSifrs("none");
			
			if (window.innerWidth) {
				popKuva.style.left = ((window.innerWidth / 2) - (popKuva.offsetWidth / 2)) + horizontalScroll + "px";
				//popKuva.style.top = ((window.innerHeight / 2) - (popKuva.offsetHeight / 2)) + verticalScroll + "px";
				popKuva.style.top = (50 + verticalScroll) + "px";
			}
			else if(document.documentElement && document.documentElement.clientWidth){
				popKuva.style.left = ((document.body.offsetWidth / 2) - (popKuva.offsetWidth / 2)) + horizontalScroll + "px";
				//popKuva.style.top = ((document.body.offsetHeight / 2) - (popKuva.offsetHeight / 2)) + verticalScroll + "px";
				popKuva.style.top = (50 + verticalScroll) + "px";
			}
			
			popKuva.style.visibility = "visible";
			
			popKuva.onclick = function(){
				poistaKuva();
				undimPage();
			}
		
		}
		
	}
	
	
	function dimPage(){
		
		var dimmer = document.createElement("div");
		dimmer.id = "galleryDimmer";
		dimmer.style.background = "#000";
		
		if (window.innerWidth) {
			dimmer.style.position = "fixed";
		}
		else if(document.documentElement && document.documentElement.clientWidth){
			dimmer.style.position = "absolute";
		}
		
		dimmer.style.top = "0px";
		dimmer.style.left = "0px";
		dimmer.style.zIndex = "9997";
		dimmer.style.width = "100%";
		dimmer.style.opacity = ".8";
		dimmer.style.filter = "alpha(opacity = 80)";
		
		if (window.innerWidth) {
			dimmer.style.height = window.innerHeight + "px";
			dimmer.style.width = window.innerWidth + "px";
		}
		else if(document.documentElement && document.documentElement.clientWidth){
			dimmer.style.height = document.body.offsetHeight + "px";
			dimmer.style.width = document.body.offsetWidth + "px";
		}
		
		document.body.appendChild(dimmer);
		
		dimmer.onclick = function(){
			undimPage();
			poistaKuva();
			//toggleSifrs("inline");
		}
		
	}
	
	
	function undimPage(){
		
		document.body.removeChild(document.getElementById("galleryDimmer"));
		
	}

	
	function poistaKuva(){
		
		document.body.removeChild(document.getElementById("popKuva"));
		
	}
}

initGalleria();

function toggleSifrs(css){

	var sifrs = document.getElementsByClassName("sIFR-replaced");
	for(var i=0;i<sifrs.length;i++){
		sifrs[i].style.display = css;
	}

}