var currentImg;
$(document).ready(function(){

  $('div.bigImg').toggle();
  $('div#bigImg0').fadeIn(1200);
  
  currentImg="bigImg0";
  $('img#thumbImg0').toggleClass("act");
//   $('div.bigImg').click(function() {
//         $(this).toggle();
//         currentImg="";
//     });

  
    $('img.thumbImg').click(function() {
      if(currentImg!=""){
         $('div #'+currentImg).toggle();
      }
      $('img.thumbImg').removeClass("act");
      $(this).toggleClass("act");
      bigImgname=$(this).attr('bigImgname');
      $('div #'+bigImgname).fadeIn();
      currentImg=bigImgname;
    });
  
});