function OpenFoto(num){
   var back = '<a href="javascript:ChangeImage(-1)"><img src="/f_templates/backAct.gif" border="0" id="backImage" onmouseover="backImage.src=\'/f_templates/backMouse.gif\'" onmouseout="backImage.src=\'/f_templates/backAct.gif\'"></a>';
   var back2 = '<a href="javascript:ChangeImage(-1)"><img src="/f_templates/backAct.gif" border="0" id="backImage2" onmouseover="backImage2.src=\'/f_templates/backMouse.gif\'" onmouseout="backImage2.src=\'/f_templates/backAct.gif\'"></a>';
   var next = '<a href="javascript:ChangeImage(1)"><img src="/f_templates/nextAct.gif" border="0" id="nextImage" onmouseover="nextImage.src=\'/f_templates/nextMouse.gif\'" onmouseout="nextImage.src=\'/f_templates/nextAct.gif\'"></a>';
   var next2 = '<a href="javascript:ChangeImage(1)"><img src="/f_templates/nextAct.gif" border="0" id="nextImage2" onmouseover="nextImage2.src=\'/f_templates/nextMouse.gif\'" onmouseout="nextImage2.src=\'/f_templates/nextAct.gif\'"></a>';   
   if(num<=1){
     var back = '<img src="/f_templates/backNo.gif" border="0" id="backImage">'; 
     var back2 = '<img src="/f_templates/backNo.gif" border="0" id="backImage">';
   }
   if(num>=maximumImages){
      var next = '<img src="/f_templates/nextNo.gif" border="0" id="nextImage">';
	  var next2 = '<img src="/f_templates/nextNo.gif" border="0" id="nextImage">';
   }  
   htmDoc = '<html><head><title>Фотогалерея</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> ';
   htmDoc = htmDoc + '<link rel=stylesheet href="/style.css" type="text/css">';
   htmDoc = htmDoc + '<scr'+'ipt>var numb =' + num +'; var maxImages = '+ maximumImages +'; var path="'+path+'"</scr'+'ipt><scr'+'ipt src="../f_templates/fotogallery_functions.js" charset="windows-1251"></head></scr'+'ipt>';
   htmDoc = htmDoc + '<body style="background-color: #9A9999"><table border="0" align="center"><tr><td width="160" align="right"height=25 valign="bottom"><span id="nn">'+back+'</span></td><td width="180" align="center"><span class="fTxt" id="fotoText">Фото '+num+' из '+maximumImages+'</span></td><td width="160" align="left"height=25 valign="bottom"><span id="next">'+next+'</span></td></tr><tr><td colspan="3"><div class ="fotoIm" align="center"><img src="'+path+num+'.jpg" id="image" class="foto" border="0"></div></td></tr><tr><td width="160" align="right"height=25 valign="bottom"><span id="nn2">'+back2+'</span></td><td width="180" align="center"><span class="fTxt" id="fotoText2">Фото '+num+' из '+maximumImages+'</span></td><td width="160" align="left"height=25 valign="bottom"><span id="next2">'+next2+'</span></td></tr></table></body></html>';
   
   var fotoWindow = window.open('', 'displayWindow2','width=570,height=460,resizable=no,status=no,toolbar=no,scrollbars=no ,menubar=no,left=215,top=190')   
   fotoWindow.document.open();
   fotoWindow.document.write(htmDoc);
}

function ChangeImage(ofs){ 
numb = numb + ofs;
image.src = path+numb+'.jpg'; 
fotoText.innerHTML = 'Фото ' + numb+' из '+maxImages;
fotoText2.innerHTML = 'Фото ' + numb+' из '+maxImages; 
if (numb <= 1){  
  nn.innerHTML = '<img src="/f_templates/backNo.gif" border="0" id="backImage">';
  nn2.innerHTML = '<img src="/f_templates/backNo.gif" border="0" id="backImage">';
} 
else{ 
nn.innerHTML = '<a href="javascript:ChangeImage(-1)"><img src="/f_templates/backAct.gif" border="0" id="backImage" onmouseover="backImage.src=\'/f_templates/backMouse.gif\'" onmouseout="backImage.src=\'/f_templates/backAct.gif\'"></a>'; 
nn2.innerHTML = '<a href="javascript:ChangeImage(-1)"><img src="/f_templates/backAct.gif" border="0" id="backImage2" onmouseover="backImage2.src=\'/f_templates/backMouse.gif\'" onmouseout="backImage2.src=\'/f_templates/backAct.gif\'"></a>';
}
if (numb >= maxImages){ 
  next.innerHTML = '<img src="/f_templates/nextNo.gif" border="0" id="backImage">';
  next2.innerHTML = '<img src="/f_templates/nextNo.gif" border="0" id="backImage">';
} 
else {
next.innerHTML = '<a href="javascript:ChangeImage(1)"><img src="/f_templates/nextAct.gif" border="0" id="nextImage" onmouseover="nextImage.src=\'/f_templates/nextMouse.gif\'" onmouseout="nextImage.src=\'/f_templates/nextAct.gif\'"></a>';
next2.innerHTML = '<a href="javascript:ChangeImage(1)"><img src="/f_templates/nextAct.gif" border="0" id="nextImage2" onmouseover="nextImage2.src=\'/f_templates/nextMouse.gif\'" onmouseout="nextImage2.src=\'/f_templates/nextAct.gif\'"></a>';
}
}

