$(function(){
 $('.pic img').css('display','none');
 $('.pic img:eq(0)').css('display','block');
 var currentPic = '#'+$('.pic img:eq(0)').attr('id');
 $('a.pic-s,a.pic-sr').mouseover(function(){
  if( currentPic != $(this).attr('href') ){
   $(currentPic).stop();
   currentPic = $(this).attr('href');
   $('.pic img').css('display','none');
   $(currentPic).css('display','block');
   $(currentPic).animate({opacity:0},{duration:0});
   $(currentPic).animate({opacity:1},{duration:500,easing:"swing"});
  }
 });
 $('a.pic-sr').mouseout(function(){
  $(currentPic).stop();
  currentPic = '#'+$('.pic img:eq(0)').attr('id');
  $('.pic img').css('display','none');
  $(currentPic).css('display','block');
  $(currentPic).animate({opacity:0},{duration:0});
  $(currentPic).animate({opacity:1},{duration:500,easing:"swing"});
 });
 $('a.pic-s,a.pic-sr').click(function(){
  return false;
 });
 $("a.scroll").click(function(){
  $('html,body').animate({ scrollTop:$($(this).attr("href")).offset().top},1500,'swing');
  return false;
 })
})