var active = '0';
$(document).ready(function () {
  // find the div.fade elements and hook the hover event
  $('div.imageinsideitem').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var number = $(this).attr('id').match(/imageinsideitem([0-9]+)/)[1];
    var fade = $('div#image' + number);
    var fade_old = $('div#image' + active);
    var slide = $('> div.slidedown', this);
    var slide_old = $('div#imageinsideitem' + active + ' > div.slidedown')

    fade.stop().fadeTo(1000, 1);
    if (active != number) {
      fade_old.stop().fadeTo(1000, 0);
      slide_old.slideUp(1000);
      slide.slideDown(1000);
      active = number;
    }
  });
});