$(function(){
  $('.button').hover(
    function() { this.src='img/button-over.gif' },
    function() { this.src='img/button.gif' }
  );
  $('.button-12').hover(
    function() { this.src='img/button12-over.png' },
    function() { this.src='img/button12.png' }
  );
  $('.button-24').hover(
    function() { this.src='img/button24-over.png' },
    function() { this.src='img/button24.png' }
  );
  
  $('#recipe1').hover(
    function(){this.src='img/recipe1-over.jpg'},
    function(){this.src='img/recipe1.jpg'}
  );
  $('#recipe2').hover(
    function(){this.src='img/recipe2-over.jpg'},
    function(){this.src='img/recipe2.jpg'}
  );
  $('#recipe3').hover(
    function(){this.src='img/recipe3-over.jpg'},
    function(){this.src='img/recipe3.jpg'}
  );
  
  // $(".button-12").pngfix();
  
  $("a.zoom").fancybox({
    'zoomSpeedIn' : 500,
    'zoomSpeedOut' : 500
  });
});