function zoom_articles(zoom_images) {
	//alert(zoom_images);
	var a = eval(zoom_images);
	var win = window.open('','preview','width=820,height=800,left=0,top=0,screenX=0,screenY=0,resizable=1,scrollbars=1,status=0');
	var winDoc = win.document;
	var content = '<html><script type="text/javascript" language="javascript" src="/+/_js/zoom_articles.js" >;</script><style>body {margin:0px} img {border:0} img.selected {border:2px solid red} td {text-align:center; vertical-align:top; padding:10px} td.small {background:#dcf4ff; padding:5px} .small img {margin-right:5px} </style><body><table width="800" height="800">';
	//alert(a);

	var c = a.length;
	var i = 0;
	
	var navblock = '<tr><td class="small"> ';
	var navblock_simple = '<tr><td class="small">';
	for(i=0;i<c;i++) {
		if (c>1) navblock += '<a href="javascript:zoom_select('+i+',\''+a[i].src+'\')">';
		navblock += '<img id="'+i+'" src="/i/articles/small/'+a[i].src+'.gif"';
		if (i==0) navblock += 'class="selected"';
		navblock += ' />';
		if (c>1) navblock += '</a>';
	}
	navblock += '</td></tr>';
	navblock_simple += '</td></tr>';
	
	content += navblock + '<tr><td class="big">';
	content += '<img id="big" src="/i/articles/'+a[0].src+'.jpg" />';
	content += '</td></tr>';
	if (c>1) content += navblock.replace(/ id="/g,' id="d');
	
	content += '</table></body></html>';
	win.document.write(content);
	//alert(2);

	if (winDoc.body) {
	winDoc.body.onload = function() {
		var obj = winDoc.getElementById('image');
		var w = obj.width, h = obj.height;
		var iHeight= document.body.clientHeight, iWidth = self.innerWidth;
		var left = (self.opera ? iWidth : screen.availWidth)/2 - w/2;
		var top = (self.opera ? iHeight : screen.availHeight)/2 - h/2;
		win.resizeTo(w+10+2*shift/10, h+26+2*shift/10+shift*1.5);
	}
	}	
	win.document.close();
	win.focus();
	return false;
}

sel = 0;
function zoom_select(i,s) {
	var big = document.getElementById('big');
	var small = document.getElementById(i);
	var small_sel = document.getElementById(sel);
	small_sel.className='';
	small.className='selected';
	big.src='/i/articles/'+s+'.jpg';
	
	// картинки внизу
	small = document.getElementById('d'+i);
	small_sel = document.getElementById('d'+sel);
	small_sel.className='';
	small.className='selected';
	
	sel = i;
}
