function showZapravka (city, name, img1, img2, root)
{
	var title = "Наши заправки - " + city + "&nbsp;&nbsp;<img src='" + root + "/img/ch1.gif'>&nbsp;&nbsp;" + name;
	//var content = "<table><tr><td><img id='pi1' src='" + root + "/img/item/" + img1 + "'></td><td><img id='pi2' src='" + root + "/img/item/" + img2 + "'></td></tr></table>";
	var content = "<center><img id='pi1' src='" + root + "/img/item/" + img1 + "' style='width:290px; height:218px;'></center>";
	//content += "<img id='pi2' src='" + root + "/img/item/" + img2 + "' style='width:290px; height:218px;'>";
	var w = $.jWin.create({alwaysCentered:true,autoShow:false, modal:true,overlayOpacity:0.8,overlayColor:'#000', title: title,handleEscape:true});
	
	w.setContent(content);	
	w.show();
	
	$("#pi1").click(
		function()
    	{   	
			$("#hpi").html ("<img src='" + root + "/img/item/" + img1 + "' style='width:500px; height:376px;'>");
			$("#hpi").fadeIn (1000);
			$("#hpi").click (function (){$(this).fadeOut(1000)});
        });
	$("#pi2").click(
		function()
    	{   	
			$("#hpj").html ("<img src='" + root + "/img/item/" + img2 + "' style='width:500px; height:376px;'>");
			$("#hpj").fadeIn (1000);
			$("#hpj").click (function (){$(this).fadeOut(1000)});
        });
	
}