function dotopichoriz(e,x,s,dir) {
    slide = s;
    new Effect.Move(e, {x:x, y:0, mode: 'relative', afterFinish: function(){startslideshow(e, dir);}});
}
function dotopicvert(e,y,s,dir) {
    new Effect.Move(e, {y:y, x:0, mode: 'relative', afterFinish: function(){startslideshow(e, dir);}});
}
function dotopiccenter(e,i,dir) {
    if (i > 0) {
	Effect.Shrink(e);
    } else {
	//	Effect.Grow(e, {width:900, height:600, direction: 'center'});
	Effect.Grow(e, {afterFinish:function(){startslideshow(e,dir);}});
    }
}
var slide = 2;

function startslideshow(e, dir) {
  if (!dir) { return; }
  d1 = $(e+"1");
  d2 = $(e+"2");
  newslide(d1, d2, dir);
}
function newslide(d1, d2, dir) {
  if (slide < 0) { return; }
  d1.style.zIndex = 2;
  d2.style.zIndex = 1;
  d2.style.display = 'none';
  i = d2.children[0];
  i.src = slides[dir][slide].f;
  d2.children[1].innerHTML = slides[dir][slide].c;
  i.onload=function() {
    centerimage(i);
    slide++;
    if (slide >= slides[dir].length) { slide = 0; }
    Effect.Fade(d2, {delay: 3, duration: 2, from: 0, to: 1, beforeSetup:function(){d2.style.display='block';}});
    Effect.Fade(d1, {delay: 3, duration: 2, afterFinish: function(){newslide(d2, d1, dir);}});
  }
}

function centerimage(d) {
  d.style.left = (450-d.width/2)+"px";
  d.style.top = (300-d.height/2)+"px";
}