/*
var y1, y2, y3, y4 = 0;
var time1, time2, time3, time4 = null;
var cursorOn1, cursorOn2, cursorOn3, cursorOn4 = false;
*/

var y1 = 0;
var time1 = null;
var cursorOn1 = false;

var y2 = 0;
var time2 = null;
var cursorOn2 = false;

var y3 = 0;
var time3 = null;
var cursorOn3 = false;

var y4 = 0;
var time4 = null;
var cursorOn4 = false;
                          
$(document).ready(function() {
    $("#dum1").css({backgroundPosition: '0 0px' }); // workaround for FF 2.0 bug
    $("#dum2").css({backgroundPosition: '0 0px' }); // workaround for FF 2.0 bug
    $("#dum3").css({backgroundPosition: '0 0px' }); // workaround for FF 2.0 bug
    $("#dum4").css({backgroundPosition: '0 0px' }); // workaround for FF 2.0 bug

    //mouseover dum1
    $("#dum1").mouseover(function () {
        cursorOn1 = true;
        if(time1 == null)  time1 = setInterval(rotate1, 60);          
    }); //mouseover 
                                
    //mouseout  dum1
    $("#dum1").mouseout(function () { cursorOn1 = false; }); //mouseover


    //mouseover dum2
    $("#dum2").mouseover(function () {
        cursorOn2 = true;
        if(time2 == null)  time2 = setInterval(rotate2, 60);          
    }); //mouseover 
                                
    //mouseout  dum2
    $("#dum2").mouseout(function () { cursorOn2 = false; }); //mouseover

    //mouseover dum3
    $("#dum3").mouseover(function () {
        cursorOn3 = true;
        if(time3 == null)  time3 = setInterval(rotate3, 60);          
    }); //mouseover 
                                
    //mouseout  dum3
    $("#dum3").mouseout(function () { cursorOn3 = false; }); //mouseover

    //mouseover dum4
    $("#dum4").mouseover(function () {
        cursorOn4 = true;
        if(time4 == null)  time4 = setInterval(rotate4, 60);          
    }); //mouseover 
                                
    //mouseout  dum4
    $("#dum4").mouseout(function () { cursorOn4 = false; }); //mouseover

}); //ready

/**
* 
*/
function rotate1() {
 
    var stop;
                               
    //posledni snimek
    if(y1 <= -5040) { 
        y1 = 0;
        stop = true;
    }
    else {
        stop = false;
    }
                                
    $("#dum1").css({
        backgroundPosition: '0 ' + y1 + 'px'
        })
                               
    if(stop) { 
        //kurzor neni na odkazu, zastav animaci na prvnim snimku
        if(!cursorOn1) {
            clearInterval(time1);
            time1 = null;
            return;
        }
    }
                               
    y1 -= 126;       //skok na dalsi snimek
}

/**
* 
*/
function rotate2() {
 
    var stop;
                               
    //posledni snimek
    if(y2 <= -5040) { 
        y2 = 0;
        stop = true;
    }
    else {
        stop = false;
    }
                                
    $("#dum2").css({
        backgroundPosition: '0 ' + y2 + 'px'
        })
                               
    if(stop) { 
        //kurzor neni na odkazu, zastav animaci na prvnim snimku
        if(!cursorOn2) {
            clearInterval(time2);
            time2 = null;
            return;
        }
    }
                               
    y2 -= 126;       //skok na dalsi snimek
}

/**
* 
*/
function rotate3() {
 
    var stop;
                               
    //posledni snimek
    if(y3 <= -5040) { 
        y3 = 0;
        stop = true;
    }
    else {
        stop = false;
    }
                                
    $("#dum3").css({backgroundPosition: '0 ' + y3 + 'px'})
                               
    if(stop) { 
        //kurzor neni na odkazu, zastav animaci na prvnim snimku
        if(!cursorOn3) {
            clearInterval(time3);
            time3 = null;
            return;
        }
    }
                               
    y3 -= 126;       //skok na dalsi snimek
}

/**
* 
*/
function rotate4() {
 
    var stop;
                               
    //posledni snimek
    if(y4 <= -5040) { 
        y4 = 0;
        stop = true;
    }
    else {
        stop = false;
    }
                                
    $("#dum4").css({backgroundPosition: '0 ' + y4 + 'px'})
                               
    if(stop) { 
        //kurzor neni na odkazu, zastav animaci na prvnim snimku
        if(!cursorOn4) {
            clearInterval(time4);
            time4 = null;
            return;
        }
    }
                               
    y4 -= 126;       //skok na dalsi snimek
}