problem: you have two selector in hover... $('.originalImg,.rollOverImg')
so when you move your mouse to rollOverImg...the origninalImg mouseleave function is called ..
solution,
name all you divs with same class and use hover for entire <div>
.not tested but this should work.
try this
html
<div class="slicesBoxesTop divClass"><img class="originalImg"..
<div class="slicesBoxTop2 divClass"><img class="originalImg" ...
..so on
jquery
$( document ).ready(function() {
$('.divClass').hover(
function () {
$(this).find('.rollOverImg').stop().animate({left: '0'}, 500, function(){});
console.log("in");
},
function () {
$(this).find('.rollOverImg').stop().animate({left: '90px'}, 500, function(){});
console.log("out");
}
);