// colors and border-width
var borderstyle_norm = "1px solid #CCCCCC";
var borderstyle_over = "1px solid #FF0000";
var borderstyle_image = "border:1px solid #666666";
var borderwidth_image = 1;	// !use from line above!
var borderwidth_imagebig = 4;	// !use from line above!

// variables
target_w = 0; target_h = 0;
current_w = 0; current_h = 0;
var offset = Array(0,0);			// top left corner
var screendimension = Array(0,0);
var scroffset_x = 0;
var scroffset_y = 0;

var current_pic_src = false;
var current_pic_width = false;
var current_pic_height = false;

function checkForResize()
{
	if( current_pic_src && current_pic_width && current_pic_height )
	rePositionWin();
}

function checkForScroll()
{
	if( current_pic_src && current_pic_width && current_pic_height )
	rePositionWin();
}

function changeBorder(obj,type)
{
	if( type )
	obj.style.border=borderstyle_over;
	else
	obj.style.border=borderstyle_norm;
}

function getScreenDimension()
{
	if( window.innerWidth )
	screendimension[0] = window.innerWidth;
	else if( document.body.clientWidth )
	screendimension[0] = document.body.clientWidth;
	if( window.innerHeight )
	screendimension[1] = window.innerHeight;
	else if( document.body.clientHeight )
	screendimension[1] = document.body.clientHeight;
}

function getScrollOffset()
{
	if (document.documentElement && document.documentElement.scrollTop)
	scroffset_y = document.documentElement.scrollTop;
	else if (document.body)
	scroffset_y = document.body.scrollTop;
	else
	scroffset_y = parent.pageYOffset;
	
	if (document.documentElement && document.documentElement.scrollLeft)
	scroffset_x = document.documentElement.scrollLeft;
	else if (document.body)
	scroffset_x = document.body.scrollLeft;
	else
	scroffset_x = parent.pageXOffset;
}

function showPicture(pic,pw,ph)
{
	pv = document.getElementById("picviewer");
	pv.innerHTML = "<div style='margin:3px;'><a href='javascript:hidePic();'><img name='picimg' src='"+pic+"' alt='Close window!' title='Close window!' border='0' style='"+borderstyle_image+";' width='"+pw+"' height='"+ph+"' /></a></div>";
	
	current_pic_src = pic;
	current_pic_width = pw;
	current_pic_height = ph;
	
	pv.style.width = 0; pv.style.height = 0;
	target_w = Number(pw) + (2*borderwidth_imagebig); target_h = Number(ph) + (2*borderwidth_imagebig);
	current_w = 0; current_h = 0;
	getScreenDimension();
	getScrollOffset();
	pv.style.left = Math.round(scroffset_x + offset[0] + screendimension[0]/2)+"px";
	pv.style.top = Math.round(scroffset_y + offset[1] + screendimension[1]/2)+"px";
	
	pv.style.visibility = "visible";
	document.images["picimg"].style.visibility = "hidden";
	document.getElementById("fullscreen").style.top = scroffset_y+"px";
	document.getElementById("fullscreen").style.left = scroffset_x+"px";
	document.getElementById("fullscreen").style.visibility = "visible";
	window.setTimeout("resizeWin()",10);
}

function rePositionWin()
{
	getScreenDimension();
	getScrollOffset();
	
	document.getElementById("picviewer").style.left = Math.round(scroffset_x + offset[0] + (screendimension[0] - current_w)/2)+"px";
	document.getElementById("picviewer").style.top = Math.round(scroffset_y + offset[1] + (screendimension[1] - current_h)/2)+"px";
	
	document.getElementById("fullscreen").style.top = scroffset_y+"px";
	document.getElementById("fullscreen").style.left = scroffset_x+"px";
}

function resizeWin()
{
	pv = document.getElementById("picviewer");
	current_h = current_h + 18;
	current_w = current_w + 18;
	if( current_w>target_w ) current_w = target_w;
	if( current_h>target_h ) current_h = target_h;
	
	pv.style.width = current_w;
	pv.style.height = current_h;
	pv.style.left = Math.round(scroffset_x + offset[0] + (screendimension[0] - current_w)/2)+"px";
	pv.style.top = Math.round(scroffset_y + offset[1] + (screendimension[1] - current_h)/2)+"px";
	
	if( current_w!=target_w || current_h!=target_h )
	window.setTimeout("resizeWin()",10);
	else
	document.images["picimg"].style.visibility = "visible";
}

function hidePic()
{
	pv = document.getElementById("picviewer");
	pv.style.visibility = "hidden";
	document.images["picimg"].style.visibility = "hidden";
	document.getElementById("fullscreen").style.visibility = "hidden";
	
	current_pic_src = false;
	current_pic_width = false;
	current_pic_height = false;
}