// view
var imagesL = new Array();
var scaling = 1;
var currentartid = 0;
var currentimid = 0;
function imfocus(id,imid)
{
	var center;
	if (document.all)
	{
		center = new Array(document.body.clientWidth/2, document.body.clientHeight/2);
	} else {
		center = new Array(window.innerWidth/2, window.innerHeight/2);
	}

	yOffset = document.body.scrollTop;
		
	width = imagesL[id][imid].width;
	height = imagesL[id][imid].height;
	
	var fdok = document.getElementById('focused');
	var fokim = document.images['fokim'];
	fokim.src = imagesL[id][imid].src;
	scaling = 1;
	if (document.body.clientHeight<height)
	{
		scaling = (parseInt(document.body.clientHeight)-20)/height;
	}
	fokim.height = parseInt(height*scaling);
	fokim.width = parseInt(width*scaling);
	
	fdok.style.width=parseInt(width*scaling);
	fdok.style.height=parseInt(height*scaling);
	fdok.style.left=parseInt(center[0]-((width*scaling)/2));
	fdok.style.top=parseInt(center[1]-((height*scaling)/2)+yOffset);

	currentartid = id;
	currentimid = imid;

	waitForLoad();
}

function waitForLoad()
{
	if (imagesL[currentartid][currentimid].complete)
	{
		var fdok = document.getElementById('focused');
		fdok.style.visibility = 'visible';	
	} else {
		setTimeout("waitForLoad", 500);
	}
}

function imfocusNext()
{
	currentimid++;
	if (currentimid>imagesL[currentartid].length-1)
	{
		currentimid=0;
	}
	imfocus(currentartid, currentimid);
}

function imfocusPrev()
{
	currentimid--;
	if (currentimid<0)
	{
		currentimid=imagesL[currentartid].length-1;
	}
	imfocus(currentartid, currentimid);
}


function viewThumbs(id)
{
		document.getElementById("thumbs"+id).style.visibility="visible";
}

function hideThumbs(id)
{
		document.getElementById("thumbs"+id).style.visibility="hidden";
}

document.onkeyup = KeyCheck;       
function KeyCheck(e)
{
   var KeyID = (window.event) ? event.keyCode : e.keyCode;

   if (document.getElementById("focused").style.visibility == "visible")
   {
	   if (KeyID==39) { imfocusNext(); }
	   else if (KeyID==37) { imfocusPrev(); }
	   else if (KeyID==27) { 
	   	document.getElementById("focused").style.visibility="hidden"; 
	   }
	 }
	 	if (KeyID==27 && document.getElementById("gallery-preview")!=null)
	 	{
	 		document.getElementById("gallery-preview").style.visibility="hidden";
	 	}
}

window.onscroll = scrollEvent;
window.onresize = scrollEvent;

function scrollEvent() {
	var fdok = document.getElementById("focused");
  if (fdok.style.visibility == "visible")
  {
		var center;
		if (document.all)
		{
			center = new Array(document.body.clientWidth/2, document.body.clientHeight/2);
		} else {
			center = new Array(window.innerWidth/2, window.innerHeight/2);
		}
		yOffset = parseInt(document.body.scrollTop);
		fdok.style.top=parseInt(center[1]-((height*scaling)/2)+yOffset);
	}	
}