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 - размер области вывода картинки.
  iImg=0;
  cImg = (typeof(event)=='undefined') ? "" : event.srcElement.src;
  createSShow();
  imgLst=il.split(',');
  ES=cImg.indexOf('.jpg');
  if (ES>0) { 
    SS=cImg.lastIndexOf('/',ES);
    if (SS>0) cImg=cImg.substring(SS+1,ES+4); else cImg='';
  } else cImg='';
  for (i=0; i<imgLst.length; i++){
    if (imgLst[i]==cImg) iImg=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(iImg);
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';
}