var num_per_page = 0;
var max_num = 0;
var mass = new Array();
var this_num = 1;
var from = 0;

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);

function getRef(id) 
{
    if (isDOM) return document.getElementById(id);
    if (isIE4) return document.all[id];
    if (isNS4) return document.layers[id];
}

function from_nav(num)
{
	from += num;
	make_nav(mass);
}

function change_img( id )
{
	el = getRef('img_id');
	if ( el ) el.src = mass[id]['PHOTO'];	
	
	ela = getRef('big_id');
	if ( el ) ela.href = "javascript: photo_win('"+mass[id]['BIG_PHOTO']+"', '"+mass[id]['TEXT']+"');";
	
    elz = getRef('descr');
	if ( elz ) elz.innerHTML = mass[id]['TEXT'];
    
	this_num = id;
	make_nav(mass);
}

function make_nav(mass)
{

	var nav = '';
	var i;
	var index;
	
	index = mass.length;
	beg = from * num_per_page+1;
	end = (from+1)*num_per_page;
	if ( end > max_num ) end = max_num;
	
	beg_flag = 0;
	end_flag = 0;
	
	if ( beg != 1 ) beg_flag = 1;
	if ( end < max_num) end_flag = 1;

	if ( beg_flag ) nav += "<table border='0' cellspacing='0' cellpadding='0' width='166' class='t'><tr valign='middle'><td><a href='javascript: from_nav(-1);'><img src='/common/img/pic/fg_back.gif\' width='25' height='26' border='0' alt='назад'><br></a></td><td align='center'>";
	else nav += "<table border='0' cellspacing='0' cellpadding='0' width='166'><tr valign='middle'><td><img src='/common/img/pic/fg_back.gif\' width='25' height='26' border='0' alt=''><br></td><td align='center' class='t'>";
	
	for( i=beg; i<=end; i++ )
	{
		if( i != this_num ) nav += "<font class='t'>&nbsp;<a href=\"javascript: change_img("+i+");\"><b class='t'>"+i+"</b></a>&nbsp;"+(i==end ? "" : "|")+"</font>";
		else nav += "<font class='t'>&nbsp;<b>"+i+"</b>&nbsp;"+(i==end ? "" : "|")+"</font>";
	}

	if ( end_flag ) nav += "</td><td align='right'><a href='javascript: from_nav(+1);'><img src='/common/img/pic/fg_next.gif' width='25' height='26' border='0' alt='далее'><br></a></td></tr></table>";
	else nav+= "</td><td align='right'><img src='/common/img/pic/fg_next.gif' width='25' height='26' border='0' alt=''><br></td></tr></table>";

	if ( getRef('nav') ){
		eln = getRef('nav');
		eln.innerHTML = nav;
		return true;
	}
    
      
	document.write("<div id='nav' class='t'>" + nav + "</div>");	
}