var gwin='';
var gfilenames = new Array(2);
var gtitles = new Array(2);	
gfilenames[0] = 'images/gallery/Slajd1.jpg';
gfilenames[1] = 'images/gallery/Slajd2.jpg';
gtitles[0] = 'Slajd 1';
gtitles[1] = 'Slajd 2';
var gcurrent = -1;
var gimagenum = gfilenames.length;

function gallery(current)
{
	loadwindow(760,650,current);
}

// General load function
function loadwindow(width,height,current)
{
	gcurrent = current;
	
	if (gwin!='' && !gwin.closed)
	{
		gwin.close();
	} 
	
	var left = Math.floor( (screen.width - width) / 2);
	var top = Math.floor( (screen.height - height) / 2);
	var winParms = "top=" + top + ",left=" + left + ",height=" + height + ",width=" + width;
	gwin = window.open("", "", "menubar=no,toolbar=no,location=no,directories=no,status=yes,resizable=no,scrollbars=yes" + (width ? ",width=" + width : "") + (height ? ",height=" + height : "") + ",top=" + top + ",left=" + left );
	
 	gwin.document.open();
	gwin.document.write('<!DOC'+'TYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\n' +
		'<html>\n' +
		'<head>\n' +
		'<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">\n' +
		'<title>Stajnia</title>\n' +
		'<link rel="Stylesheet" href="gallery_style.css" type="text/css">\n' +
		'<script type=\"text/javascript\" language=\"JavaScript\" src=\"gallery.js\"></script>\n' +
		//'<script language="javascript>gcurrent=' + current + '</script>\n' +
		'</head>\n' +
		'<body onload="javascript:init(' + current + ')" class="presentation_body" bgcolor="black">\n' +
		slidelist() + '<br>' +
		'<div alig="center" style="text-align:center">' + navigation() + '</div>' +		
		image() +
		'</body>\n' +
		'</html>');
	gwin.document.close();
	
	gwin.document.getElementById('slide_link_' + current).style.color = "#55AA55";	
}

// Load page functions
function slidelist()
{
	var ret = '';
	for (i=0; i<gimagenum; i++ )
	{
		ret = ret + '<a id="slide_link_' + i + '" href="javascript:slide(' + i + ')" class="presentation_link">' + gtitles[i] + '</a> &nbsp;\n';
	}
	return ret;
}
function image()
{
	return '<img id="image" src="" border=0 style="margin: 10px 0px">\n';
}
function navigation()
{
	var ret = '';
	
	if (gcurrent == 0)
	{
		ret = ret + '<a id="prev" style=\"visibility:hidden\" href="javascript:prev()" class="presentation_link"> < Poprzedni </a>&nbsp; &nbsp;\n';
	} else
	{
		ret = ret + '<a id="prev" style=\"visibility:visible\" href="javascript:prev()" class="presentation_link"> < Poprzedni </a>&nbsp; &nbsp;\n';	
	}
	
	if (gcurrent == gimagenum-1)
	{
		ret = ret + '<a id="next" style=\"visibility:hidden\" href="javascript:next()" class="presentation_link"> Nastêpny > </a>\n';
	} else
	{
		ret = ret + '<a id="next" style=\"visibility:visible\" href="javascript:next()" class="presentation_link"> Nastêpny > </a>\n';
	}
	
	return ret;
}

// Init function
function init(current,imagenum)
{
	gcurrent = current;
	updatenavig();
	setimage();
	document.getElementById('slide_link_' + current).style.color = "#55AA55";
}

// Dynamic navigation functions
function slide(num)
{
	if (gcurrent!=-1 && gcurrent != num)
	{
		document.getElementById('slide_link_' + gcurrent).style.color = "";	
		document.getElementById('slide_link_' + num).style.color = "#55AA55";
		gcurrent = num;
		updatenavig();
		setimage();
	}
}
function prev()
{
	if (gcurrent!=-1)
	{
		document.getElementById('slide_link_' + gcurrent).style.color = "";
		document.getElementById('slide_link_' + (gcurrent-1)).style.color = "#55AA55";
		gcurrent--;	
		updatenavig();	
		setimage();
	}
}
function next()
{
	if (gcurrent!=-1)
	{
		document.getElementById('slide_link_' + gcurrent).style.color = "";
		document.getElementById('slide_link_' + (gcurrent+1)).style.color = "#55AA55";	
		gcurrent++;		
		updatenavig();
		setimage();
	}
}
function setimage()
{
	document.getElementById('image').src = gfilenames[gcurrent];
}
function updatenavig()
{
	if (gcurrent==0)
	{
		document.getElementById('prev').style.visibility = "hidden";
	} else
	{
		document.getElementById('prev').style.visibility = "visible";
	}
	
	if (gcurrent==gimagenum-1)
	{
		document.getElementById('next').style.visibility = "hidden";
	} else
	{
		document.getElementById('next').style.visibility = "visible";
	}
}

