function showDiv(id) {
	divi = document.getElementById(id);
	if(divi.style.display == 'none') {
		divi.style.display = 'block';
	}
	else {
		divi.style.display = 'hidden';
	}
}

function openImage(img, width, height, target, srclink, e) {

	
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	var target = document.getElementById(target);
	var linkArray = document.getElementsByName("smallimagelink");
	var i = 0;
	for(i=0;i < linkArray.length;i++) {

		if(linkArray[i].id == srclink && document.getElementById(linkArray[i].id).innerHTML == 'Kuva') {
			document.getElementById(linkArray[i].id).innerHTML = 'Sulje';
			target.style.backgroundImage = "url("+img+")";
			target.style.width = width+"px";
			target.style.height = height+"px";
			target.style.position = "absolute";
			toppos = posy-height;
			if(toppos < 400) {
				toppos = 400;
			}
			target.style.top = toppos+"px";
			target.style.left = "695px";
		}

		else if(linkArray[i].id == srclink && document.getElementById(linkArray[i].id).innerHTML == 'Sulje') {
			document.getElementById(linkArray[i].id).innerHTML = 'Kuva';
			target.style.backgroundImage = "";
			target.style.width = 0+"px";
			target.style.height = 0+"px";
			target.style.borderWidth = "0px";
		}

		else {
			document.getElementById(linkArray[i].id).innerHTML = 'Kuva';
		}
	}

}