// kezdeti beállítás
document.chosenIndex = 0;

function loadImage (event, index, button) {
	var bigPreview = document.getElementById("bigpreview");
	bigPreview.src = document.mag[index][0];
	
	document.chosenIndex = index;
	
	if (typeof(button) != "undefined") {
		var previewDiv = document.getElementById("previewdiv");
		locatePreview(event);
		previewDiv.style.visibility = "visible";
	}
}

function locatePreview (event) {
	relocate(event.clientX + document.body.scrollLeft, event.clientY + document.body.scrollTop);
}

function hidePreview () {
		var previewDiv = document.getElementById("previewdiv");
		previewDiv.style.visibility = "hidden";
}

function relocate (x, y) {
	var previewDiv = document.getElementById("previewdiv");
	previewDiv.style.left = x - 75;
	previewDiv.style.top = y + 2;
}

/*
function loadImage (index, button) {
	var bigPreview = document.getElementById("bigpreview");
	bigPreview.src = document.mag[index][0];
	
	document.chosenIndex = index;
	
	if (typeof(button) != "undefined") {
		//animate(button);
	}	
}
*/

function magnify (number) {
	var selNum;
	if (typeof(number) != "undefined") {
		selNum = number;
	} else {
		selNum = document.chosenIndex;
	}
	
	if ((imgName = document.mag[selNum][1]) != "") {
		wnd = window.open('imgview.php?img=' + imgName, 'kep', 'top=0,left=0,toolbar=no,scrollbars=auto,directories=no,status=no,menubar=no,resizable=no,location=no,width=750,height=600');
	}
}

function preloadMag() {
	var i;
	var preload = new Array ();
	for (i=0; i<document.mag.length; i++) {
		preload[i] = new Image ();
		preload[i].src = document.mag[i][0];
	}
}

/*
function animate (button) {
	
	if (typeof(document.animState) != "undefined" && document.animState != 0) {
		clearTimeout(document.animTimer);
	}
	document.animState = 0;
	
	alert (event.offsetY - event.clientY);
	document.startX = event.x - event.offsetX;
	document.startY = event.y - event.clientY;
	
	var flyingpic = document.getElementById("flyingpic");
	flyingpic.src = button.src;
	flyingpic.width = 1;
	flyingpic.height = 1;
		
	var flyingdiv = document.getElementById("flyingdiv");
	flyingdiv.style.left = document.startX;
	flyingdiv.style.top = document.startY;
	flyingdiv.style.visibility = "visible";
	
	var ratio1 = button.width / 380;
	var ratio2 = button.height / 250;
	if (ratio1 > ratio2) {
		var animRatio = ratio1;
	} else {
		var animRatio = ratio2;
	}
	document.targetW = button.width / animRatio;
	document.targetH = button.height / animRatio;
		
	setTimeout ("animFrame()", 50);
}

function animFrame () {
	var flyingdiv = document.getElementById("flyingdiv");
	var flyingpic = document.getElementById("flyingpic");
	
	var maxFrames = 10;
	if (++document.animState >= maxFrames) {
		document.animState = 0;
		flyingdiv.style.visibility = "hidden";
		return;
	}
	document.animTimer = setTimeout("animFrame()", 10);
	
	var targetX = 280 + (360 - document.targetW) / 2;
	var targetY = 100;
	flyingpic.width = document.targetW / maxFrames * document.animState;
	flyingpic.height = document.targetH / maxFrames * document.animState;
	
	flyingdiv.style.left = document.startX + (targetX - document.startX) / maxFrames * document.animState;
	flyingdiv.style.top = document.startY + (targetY - document.startY) / maxFrames * document.animState;
		
}
*/