// IE 6 ei tue fixed-ominaisuutta, joka on asetettu tyylitiedostossa kuvaikkunalle.
			// Pääsivulla on ehdollisten html-kommenttimerkkien välissä scripti, joka muuttaa alla olevan
			// muuttujan arvoon 1, mikäli selain on IE 6 tai vanhempi.

var IE6 = 0;

			// AVATAAN KUVA

var ekakerta = 1;
var auki = 0;
var isokuva = null;

function openIMG(src,wid,hei) {
  if (auki) {
    closeIMG();
  }
  blurON();					// blurOn-functio alempana. Häivyttää taustan kun kuva avataan.
  document.getElementById("isokuva_wrapper").style.display = 'block';
  document.getElementById("isokuva_wrapper").style.width = wid;
  isokuva = document.createElement('img');
  isokuva.setAttribute('src', src);
  isokuva.setAttribute('width', wid);
  isokuva.setAttribute('height', hei);
  isokuva.setAttribute('alt', '');
  document.getElementById("isokuva_result").appendChild(isokuva);
  document.getElementById("isokuva_result").style.width = wid;
  document.getElementById("isokuva_result").style.height = hei;
  auki = 1;
  if (ekakerta || IE6) {	// Keskitetään kuva vain ensimmäisellä avauskerralla, muuten avataan seuraava sinne mihin
  	isokuvaCenter();		// käyttäjä on edellisen kuvan raahannut. Varsinainen keskitysscripti alempana.
	ekakerta = 0;			// IE6:n fixed-tuen puuttumisen vuoksi siinä keskitetään joka kerta.
  }
  initDragDrop();
}

			// SULJETAAN KUVA

function closeIMG() {
  element = document.getElementById("isokuva_result");
  while (element.lastChild) {
    element.removeChild(element.lastChild);
  }
  auki = 0;
  isokuva = null;
  document.getElementById("isokuva_wrapper").style.display = 'none';
  blurOFF();
}

			// MITATAAN IKKUNA JA KESKITETÄÄN KUVA

var widPage, heiPage, widScroll, heiScroll;
function isokuvaCenter() {
if (self.innerHeight) {
	widPage = self.innerWidth;
	heiPage = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
	widPage = document.documentElement.clientWidth;
	heiPage = document.documentElement.clientHeight;
} else if (document.body) {
	widPage = document.body.clientWidth;
	heiPage = document.body.clientHeight;
}

if (self.pageYOffset) {				// Kuinka paljon sivua on vieritetty
	widScroll = self.pageXOffset;
	heiScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
	widScroll = document.documentElement.scrollLeft;
	heiScroll = document.documentElement.scrollTop;
} else if (document.body) {
	widScroll = document.body.scrollLeft;
	heiScroll = document.body.scrollTop;
}

var heiBlock = document.getElementById("isokuva_wrapper").offsetHeight;	// Kuvalaatikon mitat
var widBlock = document.getElementById("isokuva_wrapper").offsetWidth;

if ((heiPage > heiBlock) && (widPage > widBlock)) {				// Onko ikkuna suurempi kuin kuva? Jos on, keskitetään kuva
	if (IE6) { 		// Jos selain on IE6 tai vanhempi
	 	document.getElementById("isokuva_wrapper").style.top = (Math.round((heiPage-heiBlock)/2)+heiScroll)+'px';
 		document.getElementById("isokuva_wrapper").style.left = (Math.round((widPage-widBlock)/2)+widScroll)+'px';
	} else {  		// Muut selaimet
		document.getElementById("isokuva_wrapper").style.position = 'fixed';
		document.getElementById("isokuva_wrapper").style.top = (Math.round(heiPage-heiBlock)/2)+'px';
		document.getElementById("isokuva_wrapper").style.left = (Math.round(widPage-widBlock)/2)+'px';
	} 
}
else {
	document.getElementById("isokuva_wrapper").style.position = 'absolute';
 	document.getElementById("isokuva_wrapper").style.top = heiScroll+'px';		// ...muuten avataan vasempaan yläreunaan.
 	document.getElementById("isokuva_wrapper").style.left = widScroll+'px';
	}
}

		/*  KUVIEN RAAHAUS */
			/* Muokattu Peter-Paul Kochin tekemästä scriptistä. */
			/* http://www.quirksmode.org/js/dragdrop.html */

function addEventSimple(obj,evt,fn) {
	if (obj.addEventListener)
		obj.addEventListener(evt,fn,false);
	else if (obj.attachEvent)
		obj.attachEvent('on'+evt,fn);
}

function removeEventSimple(obj,evt,fn) {
	if (obj.removeEventListener)
		obj.removeEventListener(evt,fn,false);
	else if (obj.detachEvent)
		obj.detachEvent('on'+evt,fn);
}

dragDrop = {
	initialMouseX: undefined,
	initialMouseY: undefined,
	startX: undefined,
	startY: undefined,
	draggedObject: undefined,
	initElement: function (element) {
		element = document.getElementById("isokuva_wrapper");
		element.onmousedown = dragDrop.startDragMouse;
	},
	startDragMouse: function (e) {
		dragDrop.startDrag(this);
		var evt = e || window.event;
		dragDrop.initialMouseX = evt.clientX;
		dragDrop.initialMouseY = evt.clientY;
		addEventSimple(document,'mousemove',dragDrop.dragMouse);
		addEventSimple(document,'mouseup',dragDrop.releaseElement);
		return false;
	},
	startDrag: function (obj) {
		if (dragDrop.draggedObject)
			dragDrop.releaseElement();
		dragDrop.startX = obj.offsetLeft;
		dragDrop.startY = obj.offsetTop;
		dragDrop.draggedObject = obj;
	},
	dragMouse: function (e) {
		var evt = e || window.event;
		var dX = evt.clientX - dragDrop.initialMouseX;
		var dY = evt.clientY - dragDrop.initialMouseY;
		dragDrop.setPosition(dX,dY);
		return false;
	},
	setPosition: function (dx,dy) {
		dragDrop.draggedObject.style.left = dragDrop.startX + dx + 'px';
		dragDrop.draggedObject.style.top = dragDrop.startY + dy + 'px';
	},
	releaseElement: function() {
		removeEventSimple(document,'mousemove',dragDrop.dragMouse);
		removeEventSimple(document,'mouseup',dragDrop.releaseElement);
		dragDrop.draggedObject = null;
	}
}

function initDragDrop() {
	dragDrop.initElement('isokuva_wrapper');
}

		/*  HÄIVYTETÄÄN TAUSTA, KUN KUVA ON AUKI */

function blurON(){
	document.getElementById("main_kuvia").className = "blurred";
}

function blurOFF() {
	document.getElementById("main_kuvia").className = "main";
}