var timers  = new Array;
var images  = new Array;

function changeThumb( id, url )
{
   document.getElementById(id).src = url;
}

$j(document).ready(function(){
    var img_url, image_id;
    $j("img[id*='rotate_']").mouseover(function(){
        var image_id    = $j(this).attr("id");
        var img_url = document.getElementById(image_id).src;
        
        for ( var i=1; i<=3; i++ ) {
            var image_url = img_url.replace(/(.+)([0-9])(_[0-9]+\.jpg)/i,"$1"+i+"$3");
            images[i] = new Image();
            images[i].src = image_url;
        }
        for ( var i=1; i<=3; i++ ) {
            timers[i] = setTimeout("changeThumb('"+image_id+"','" + images[i].src + "')", i*50*10);
        }
        
    }).mouseout(function(){
      for ( var i=1; i<=3; i++ ){
        clearTimeout(timers[i]);
      }
        var image_id = $j(this).attr("id");
        var img_url = document.getElementById(image_id).src;
        var image_url = img_url.replace(/(.+)([0-9])(_[0-9]+\.jpg)/i,"$11$3");
        changeThumb(image_id, image_url);
    });
});