var thumbs=new Array();
var stat=new Array();
var thumb=new Array();

$(document).ready(function() {
  $('.movimiento').bind('mouseover',mueve.start).bind('mouseout',mueve.stop);
});

var mueve = {'timer':0,'cache':{},'id':0,'curr':false, 'stopped':true};

mueve.start2 = function(el) {
    var t = $(el);
    t.bind('mouseout',mueve.stop);
    mueve.start.call(el);
}
 
mueve.start = function(e) {
    var t = $(this);
    mueve.stop();
    mueve.curr = t;
    mueve.id = t.attr('id');
    mueve.curr.css('background-position','0 0');
    //console.log('start: '+mueve.id);
    if (!mueve.cache[mueve.id]) {
        img = new Image();
        img.loaded = false;
        mueve.cache[mueve.id] = img;
        img.vid = mueve.id;
    } else img = mueve.cache[mueve.id];
    mueve.stopped = false;
    if (!img.loaded) {
        t.parent().append('<span></span>');
        mueve.loader = $('span',t.parent());
        $(img).bind('load',mueve.onLoad);
        img.src = t.attr('sprite');
    } else {
        mueve.begin();
    }
    //console.log('start: done');
}

mueve.stop = function() {
    //console.log('stop: '+mueve.id+' stopped('+mueve.stopped+')');
    mueve.stopped = true;
    clearTimeout(mueve.timer);
    if (mueve.curr) {
        mueve.curr.css({'background-image':''});
        if (mueve.loader) {
            mueve.loader.remove();
            mueve.loader = false;
        }
    }
    mueve.id = false; mueve.curr = false; mueve.loader = false;
}

mueve.onTime =  function(num) {
    clearTimeout(mueve.timer);
    if (mueve.stopped) {
        mueve.stop();
        return true;
    }
    num++; <!-- El 4, se refiere al numero de imágenes que contiene la secuencia -->
    if (num>4) num=0;
    //console.log('onTime: '+num);
    pos = (num*-160)+'px 0px';
    mueve.curr.css({'background-position':pos});
    mueve.timer = setTimeout('mueve.onTime('+num+')',700); <!-- Secuencia de tiempo en milisegundos -->
}

mueve.onLoad = function(e) {
    //console.log('onload: '+this.src);
    this.loaded = true;
    if (this.vid != mueve.id) {
        //console.log('onload error: id='+mueve.id+' img.id='+this.vid);
        return true;
    }
    mueve.begin();
}

mueve.begin = function() {
    if (mueve.loader) {
        mueve.loader.remove();
        mueve.loader = false;
    }
    mueve.curr.css({'background-position': '0 0'});
    mueve.curr.css({'background-image':'url('+mueve.curr.attr('sprite')+')'});
    mueve.onTime(-1);
}

