$(function(){

veil=function(a,n){
  var v=$('body').create('div').aClass('veil');
  veil.a=a;
  veil.n=n||0;
  veil.l=v.create('img').aClass('left').on('click',"veil.to(veil.n>0?--veil.n:0)");
  veil.c=v.create('img').aClass('big').on('click',"$('.veil').css('overflow:hidden').anim('height:0',{time:300,callback:'this.remove()'})");
  veil.r=v.create('img').aClass('right').on('click',"veil.to(veil.n<"+(a.length-1)+"?++veil.n:veil.n)");
  veil.d=v.create('div').html('Image '+(n+1)+' / '+a.length).css('text-align:center; margin:0 auto; font-weight:bold;');
  veil.to(n);
}

veil.to=function(n){
  if(n-1<0)veil.l.hide();else veil.l.show().att('src',veil.a[n-1<0?0:n-1].src);
  if(n+1>veil.a.length-1)veil.r.hide();else veil.r.show().att('src',veil.a[n+1>veil.a.length-1?veil.a.length-1:n+1].src);
  veil.d.html('Image '+(n+1)+' / '+veil.a.length+'<br>'+veil.a[n].title);
  veil.c.anim('width:0',{time:200,callback:"$(this).att('src','"+veil.a[n].src+"').css('width:auto').slideDown('width:0',{hide:'none',time:0,set:1}).slideUp('width:0',{hide:'none',time:200})"})
};

$('#middle  a[href==jpg|jpeg|gif|png]')
.on('click',"veil($.load('img'),$.load('a').index(this)); arguments[0].stop()")
.save('a')
.child('img')
.save('img');

});