var x=0;
var url_base = "http://www.mapmontreal.org/";
var lightJsWin;

function popup(imgNo)
{
	x=imgNo;
	
	var lnk = url_base + "php/ajax.php?action=getImg&id=" + imgs[x];
 	var content="";
 		
 	var ar = new  Ajax.Request(lnk);
 	ar.options.onSuccess = function success(origReq){
  		var infoImg = origReq.responseText.split(":");
  		
  		content = "<table border='0' cellspacing='0' cellpadding='0' width='660' height='480'>";
  		content += "<tr><td width='660' align='center'>";
  		content += "<img src='" + url_base + infoImg[0] + "' border='0'><br>";
  		content += "</td></tr></table><br/>"
  		content += "<a style='float:right;' href='javascript:nextImg();'><img src='" + url_base + "ui/img/lightbox_suivant.jpg' border='0'></a>&nbsp;"; 	
		content += "<a href='javascript:previousImg();'><img src='" + url_base + "ui/img/lightbox_precedent.jpg' border='0'></a>&nbsp;";
		
		lightJsWin.setContent(content);
 	};	
 	ar.options.onFailure = function failure(){alert("failure");};
 		
	if(lightJsWin==null)
		lightJsWin=new jsWin({cssSkin:'jsWinDefaultSkin',width:660,height:550,modal:true,hideTagObjects:true,onCloseCallback:'showObjectTags'});
		
		
	if(!lightJsWin.isVisible())
		lightJsWin.show();		
}

function nextImg()
{
	x++;
	if(x >= imgs.length)
		x=0;
		
	popup(x);
}

function previousImg()
{
	x--;
	if(x < 0)
		x=imgs.length-1;
		
	popup(x);

}