function animate_swap(img1, img2, img3, img4, img5 ,text){
  $(img1).animate({'width':'150px','opacity':'1','left':'150px','top':'50px'},200,function(){      
  });
  $(img1).css('zIndex','5');
  $(img1).css('border','5px');
  
  $(img2).animate({'width':'75px','opacity':'0.75','left':'250px','top':'75px'},200,function(){      
  });
  $(img2).css('zIndex','4');
  
  $(img3).animate({'width':'60px','opacity':'0.5','left':'300px','top':'100px'},200,function(){      
  });
  $(img3).css('zIndex','3');
  
  $(img4).animate({'width':'50px','opacity':'0.25','left':'350px','top':'130px'},200,function(){      
  });
  $(img4).css('zIndex','2');
  
  $(img5).animate({'width':'40px','opacity':'0.17','left':'380px','top':'150px'},200,function(){      
  });
  $(img5).css('zIndex','1');
  
  $('#describe').slideUp(300,function(){
    $('#describe').html(text);
    $('#describe').slideDown(300);  
  });  
}

var verezano = 1;

$(document).ready(function(){
  var img1 = $('div.img-1 a img');
  var img2 = $('div.img-2 a img');
  var img3 = $('div.img-3 a img');
  var img4 = $('div.img-4 a img');
  var img5 = $('div.img-5 a img');
  var swap;
  $(img1).css('opacity','1');
  $(img1).css('zIndex','5');     
  
  $(img2).css('opacity','0.75');
  $(img2).css('zIndex','4');
  $(img2).css('width','75px');
  $(img2).css('left','250px');
  $(img2).css('top','75px');
  
  $(img3).css('opacity','0.5');
  $(img3).css('zIndex','3');
  $(img3).css('width','60px');
  $(img3).css('left','300px');
  $(img3).css('top','100px');
  
  $(img4).css('opacity','0.25');
  $(img4).css('zIndex','2');
  $(img4).css('width','50px');
  $(img4).css('left','350px');
  $(img4).css('top','130px');
  
  $(img5).css('opacity','0.17');
  $(img5).css('zIndex','1');
  $(img5).css('width','40px');
  $(img5).css('left','380px');
  $(img5).css('top','150px');
  
  $('a.more').click(function(){
    swap = img1;
    img1 = img2;
    img2 = img3;
    img3 = img4;
    img4 = img5;
    img5 = swap;  
    verezano++;
    if(verezano > 5) verezano = 1;
    $('#verezat').attr('href','verezano/' + verezano + '.JPG');
    var text = $(img1).parent().parent().find('div.hidden_text').html();
    animate_swap(img1, img2, img3, img4, img5, text);
    return false;
  });   
  $('#verezat').click(function(){    
    var resW = $(this).attr("href");    
    window.open(resW,'newwin','scrollbars=no, status=no, toolbar=no,location=no, width=530, height=520, left=150, top=150');
    return false;
  });
});


