function SSGE(id) { if(!document.getElementById) return(null); return(document.getElementById(id)); }


var _ShowSlideshow = new Object();


function ShowSlideshow(list) {
  if (!document.getElementById) return;
  var sdiv = SSGE('SlideShowArea'); if (!sdiv) return;
  var bgdiv = SSGE('SlideShowBG'); if (!bgdiv) return;
  var ssnext = SSGE('SlideShowNext'); 
  var ssprev = SSGE('SlideShowPrev'); 

  var ST=document.body.scrollTop; if (!ST) ST=0;
  var CH=document.body.clientHeight; if (!CH) CH=0;
  var SH=document.body.scrollHeight; if (!SH) SH=0;
  var CW=document.body.clientWidth; 

  sdiv.style.top=ST;


// alert(ST+':'+CH+':'+SH);

  var BGH=SH; if (CH>SH)BGH=CH;
  if (BGH>0) { bgdiv.style.top=0; bgdiv.style.height=BGH; } else { bgdiv.style.top=ST; }
  
  bgdiv.style.width=CW; sdiv.style.width=CW; sdiv.style.height=CH; // new

  sdiv.style.visibility='visible'; bgdiv.style.visibility='visible';

  var A=list.split(','); _ShowSlideshow.list=A; _ShowSlideshow.position=null;
  var nd='none'; if (A.length>1) nd=''; ssnext.style.display=nd; ssprev.style.display=nd;
  ShowSlide(0);
}

function ShowSlide(n) { var L=_ShowSlideshow.list;
  if (n>=L.length) n=L.length-1; if (n<0) n=0; if (n==_ShowSlideshow.position)return; _ShowSlideshow.position=n;
  var A=L[n].split('|');
  var src=A[0]; var w=A[1]; var h=A[2];
  var idiv = SSGE('SlideShowImageArea'); 
  var ssnum = SSGE('SlideShowNumbers'); 
  idiv.innerHTML='<img src="'+ src +'" width="'+w+'" height="'+h+'" border="0"/>';
  var ntext=''; if (L.length>1) { ntext=(n+1) + ' of '+ L.length; } ssnum.innerHTML=ntext;
  
}

function CloseSlideShow() {
  var sdiv = SSGE('SlideShowArea'); if (!sdiv) return;
  var bgdiv = SSGE('SlideShowBG'); if (!bgdiv) return;
  sdiv.style.visibility='hidden'; bgdiv.style.visibility='hidden';
}

function SlideShowPrev() { ShowSlide(_ShowSlideshow.position-1); }
function SlideShowNext() { ShowSlide(_ShowSlideshow.position+1); }


function SlideShowBuild() { var B=''
  + '<div id="SlideShowBG" style="visibility:hidden; position:absolute; left:0; top:0; background:#000; width:100%; height:100%; z-index:10; opacity:0.7; filter:alpha(opacity=70)"><span></span></div>'
  + '<div id="SlideShowArea" style="visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:11;">'
  + '<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tr>'
    + '<td align="center">'
      + '<table border="0" cellspacing="0" cellpadding="0">'
        + '<tr><td bgcolor="#FFFFFF" style="padding:10 10 0 10"><div id="SlideShowImageArea" style="background:url(/i/slideshow/loading.gif) #FFF no-repeat center;"><img src="/i/s.gif" width="1" height="1" border="0"/></div></td></tr>'
        + '<tr><td align="center" bgcolor="#FFFFFF">'
          + '<table border="0" cellspacing="0" cellpadding="0"><tr>'
            + '<td><img src="/i/s.gif" width="86" height="1" border="0"/></td>'
            + '<td width="50%"></td>'
            + '<td id="SlideShowPrev"><img style="cursor:pointer" onclick="SlideShowPrev()" src="/i/slideshow/prev.gif" width="58" height="30" border="0"/></td>'
            + '<td class="copy"><div id="SlideShowNumbers" style="width:60; white-space:nowrap;" align="center"></div></td>'
            + '<td id="SlideShowNext"><img style="cursor:pointer" onclick="SlideShowNext()" src="/i/slideshow/next.gif" width="58" height="30" border="0"/></td>'
            + '<td width="50%"></td>'
            + '<td><img style="cursor:pointer" onclick="CloseSlideShow()" src="/i/slideshow/close.gif" width="86" height="30" border="0"/></td>'
          + '</tr></table>'
        + '</td></tr>'
      + '</table>'
    + '</td>'
  + '</tr></table>'
  + '</div>';
  document.write(B);
}