function nl(d)
{
 d.document.writeln("<br>");
};

function sp(d)
{
 d.document.writeln("&nbsp;");
};


function show_images(title, opis, tz, dir, npl, arr)
{
 var len = arr.length;
 var t_len = tz.length;
 var p = 0;
 var line = len/npl;
 var apl = 20;
  
 var a=window.open('', '', 
				   'channelmode=0, directories=0, fullscreen=0, location=0, menubar=1, resizable=1, scrollbars=1, status=0, toolbar=0');

 s = "<html> <head> <title>" + title + "</title> </head> <body>";
 a.document.writeln(s); 

 s = '<style type="text/css">';
 a.document.writeln(s);
 s = '<!--';
 a.document.writeln(s);
 
 s = ' .head1 { font-size: 12pt; color: #CC3300; font-style: bold; font-family: Arial, Helvetica, sans-serif;}';
 a.document.writeln(s);

 s = ' .text1 { font-size: 10pt; color: #000000; font-style: bold; font-family: Arial, Helvetica, sans-serif }';
 a.document.writeln(s);

 s = '-->';
 a.document.writeln(s);

 s = '</style>';
 a.document.writeln(s);

// создание таблицы
a.document.writeln("<table align='center' border='0' cellspacing='3' cellpadding='1'>");


// якорь - переход в начало документа 
a.document.writeln("<tr> <td colspan='" + npl + "' align='center'>");
 s = "<A NAME='start'></A>";
 a.document.writeln(s);
 sp(a);
a.document.writeln("</td> </tr");
	
	
// Краткое описание портфолио

a.document.writeln("<tr> <td colspan='" + npl + "' align='center' class='head1'>");
a.document.writeln(opis);
sp(a);
a.document.writeln("</td> </tr");



// Описание ТЗ
for (i=0; i<t_len; i++)
{
	a.document.writeln("<tr> <td colspan='" + npl + "' align='center' class='text1'>");
	a.document.writeln(tz[i]); sp(a);
	a.document.writeln("</td> </tr");
};

a.document.writeln("<tr> <td colspan='" + npl + "' align='center' class='text1'>");
sp(a);
a.document.writeln("</td> </tr");
	
// Ссылки на страницы документа
a.document.writeln("<tr> <td colspan='" + npl + "' align='center' class='text1'>");
a.document.writeln("Изображения:");
sp(a);

 p = 1;
 for (i=0; i<len; i++ ) 
 {
  s = "<A HREF='#arr" + arr[i] + "'>" + (i + 1) + "</A>";
  a.document.writeln(s);
  sp(a);
  p++;
 
 if  (p>apl)
 {
  nl(a);
  p = 1;
 }; // if

}; // for i
a.document.writeln("</td> </tr>");

//a.document.writeln("<tr>");
//a.document.writeln("<td colspan='" + npl + "' align='center'>"); 
//s = " <A HREF='#fihish'>вниз</A>";
//a.document.writeln(s);
//a.document.writeln("</td>");
//a.document.writeln("</tr>");


 curr = 0;
 for (j=0; j<line; j++)
 {
     a.document.writeln("<tr>");
     a.document.writeln("<td colspan='" + npl + "' align='center' class='text1'>");
	 if (j>0) 
	 {
		 s = " <A HREF='#start'>в начало</A>";
		 a.document.writeln(s);
		 sp(a);
	 };
	 a.document.writeln("</td>");	 
	 a.document.writeln("</tr>");
	 
	 // размещение якорей на изображения
 	 a.document.writeln("<tr>");
	 t = 0;
	 for (i=0; i<npl; i++)
	 {
	  	 
         a.document.writeln("<td align='center' class='text1'>");
		 if (curr<len)
		 {
			s = "<A NAME='arr" + arr[curr] + "'></A>";
			a.document.writeln(s);
			
   			t++;
		 }; //if
		 curr++;
		 
		 sp(a);
         a.document.writeln("</td>");  
	  	 
	 }; //for i
 	 a.document.writeln("</tr>");
	 
	 // размещение изображений

     a.document.writeln("<tr>");
	 for (i=0; i<npl; i++)
	 {
		if (i<t) 
		{
       	 a.document.writeln("<td align='center'>");
		 s = "<IMG SRC='" + dir + arr[curr - npl + i]+".jpg' ALT='" + arr[curr - npl + i] +"'>";
		 a.document.writeln(s);
     	 a.document.writeln("</td>");
		}
		 else
		 {
		   a.document.writeln("<td>&nbsp;</td>");
		 };
		
	 };
  	 a.document.writeln("</tr>");
	 
	 // размещение подписей к изображениям
   	 a.document.writeln("<tr>");
	 for (i=0; i<npl; i++)
	 {
		if (i<t) 
		{
		 a.document.writeln("<td align='center' class='text1'>");
  	     s = "Изображение: " + arr[curr - npl + i];
         a.document.writeln(s);
		 a.document.writeln("</td>");
		}
		 else
		 {
		   a.document.writeln("<td>&nbsp;</td>"); 
		 };
	 };
	 a.document.writeln("</tr>");
	 
 }; //for j
 
 a.document.writeln("<tr>");
 a.document.writeln("<td colspan='" + npl + "' align='center' class='text1'>"); 
 s = " <A HREF='#start'>в начало</A>";
 a.document.writeln(s);
 sp(a);
 
 // якорь - переход в конец документа 
 s = "<A NAME='fihish'></A>";
 a.document.writeln(s);
 
 a.document.writeln("</td>");
 a.document.writeln("</tr>");
 
 
 a.document.writeln("</table>");
 a.document.writeln("</body> </html>");

};

