d=document;
var loadImg= new Image;
var getImg = new Image;
var imgLst = new Array();
var cImg = 0;
loadImg.src = 'http://www.canar.biz/design/loading.gif'; // картинка на загрузку
borderCSS = '10px solid #C7C7C7';
headBg = ' BGCOLOR=#C7C7C7';
imgBg = ' BGCOLOR=#C7C7C7';
// кнопки 
nextHTML = '<IMG SRC=http://www.canar.biz/design/rarr.png WIDTH=28 HEIGHT=28 BORDER=0 ALT="Next" VSPACE=3>';
prevHTML = '<IMG SRC=http://www.canar.biz/design/larr.png WIDTH=28 HEIGHT=28 BORDER=0 ALT="Prev" VSPACE=3>';
closeHTML = '<IMG SRC=http://www.canar.biz/design/cls.png WIDTH=18 HEIGHT=18 BORDER=0 ALT="Close">';

function l(LN){
	if (d.getElementById) return d.getElementById(LN).style;
	if (d.all) return d.all[LN].style; if (d.layers) return d.layers[LN]; return null
}

function lm(LN,X,Y){
	l(LN).left=X;
	l(LN).top=Y
}

function createSShow(){
	if (!d.all['SShow']) {
		var addDiv = d.createElement('div');  
		addDiv.id = 'SShow';  
		addDiv.style.position = 'absolute';  
		addDiv.style.top = '0px';  
		addDiv.style.left = '0px';  
		addDiv.style.width = '1px';  
		addDiv.style.height = '1px'; 
		addDiv.style.visibility = 'hidden';
		zTab='<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=100% HEIGHT=100% Style="border:';
		aJS='<A HREF=javascript:';
		HTMLDiv=zTab+borderCSS+'"><TR HEIGHT=1'+headBg+'><TD ALIGN=LEFT VALIGN=TOP ID=SST>&nbsp;</TD><TD ALIGN=RIGHT VALIGN=TOP>'+aJS+'closeImg();>'+closeHTML+'</A></TD></TR>';
		HTMLDiv+='<TR><TD COLSPAN=2><DIV ID=PDiv>'+zTab+':0px"><TR><TD ALIGN=CENTER VALIGN=MIDDLE'+imgBg+'><IMG NAME=SSImg></TD></TR></TABLE></DIV></TD></TR><TR HEIGHT=1'+headBg+'><TD ALIGN=LEFT>'+aJS+'prevImg();>'+prevHTML+'</A></TD><TD ALIGN=RIGHT>'+aJS+'nextImg();>'+nextHTML+'</A></TD></TR></TABLE>';
		addDiv.innerHTML = HTMLDiv;
		document.getElementsByTagName('body')[0].appendChild(addDiv);
		l('PDiv').overflow='hidden';
	}
}

function imgShow(imgDir, il, SSPT, maxX, maxY){
// imgdir - каталог с рисунками если есть, если нет, то ./ или пустота.
// il - строка с именами рисунков, разделители - запятые.
// SSPT - html в заголовке, перед картинкой
// maxX, maxY - размер области вывода картинки.
	createSShow();
	imgLst=il.split(',');
	for (i=0; i<imgLst.length; i++) imgLst[i]=imgDir+imgLst[i];
	mX=Math.floor((d.body.clientWidth-maxX)/2+d.body.scrollLeft);
	mY=Math.floor((d.body.clientHeight-maxY)/2+d.body.scrollTop);
	if (mX<0) mX=0;
	if (mY<0) mY=0;
	l('PDiv').width=maxX;
	l('PDiv').height=maxY;
	d.getElementById('SST').innerHTML=SSPT;
	lm('SShow',mX,mY);
	l('SShow').visibility='visible';
	setImg(0);
return false;
}

function setImg(imgNum){
	if (imgNum >= imgLst.length) imgNum=0;
	if (imgNum < 0) imgNum=imgLst.length-1;
	cImg=imgNum;
	d.SSImg.src=loadImg.src;
	getImg.src='';
	getImg.onload=function(){showImg();}
	getImg.src=imgLst[cImg];
}

function showImg(){
	d.SSImg.src=getImg.src;
}

function nextImg(){
	setImg(cImg+1);
}

function prevImg(){
	setImg(cImg-1);
}

function closeImg(){
	l('SShow').visibility='hidden';
}