var timerTopMovedDivs, timerBottomMovedDivs;

var topMovedDivsTopInitial, topMovedDivsLeftInitial, bottomMovedDivsTopInitial, bottomMovedDivsLeftInitial;
var topMovedDivsTopActual, topMovedDivsLeftActual, bottomMovedDivsTopActual, bottomMovedDivsLeftActual;
var isTopMovedDivsMaximizeTop = true;
var isTopMovedDivsMaximizeLeft = true; 
var isBottomMovedDivsMaximizeTop = true;
var isBottomMovedDivsMaximizeLeft = true;

function setMovedDivs()
{
    timerTopMovedDivs = clearInterval(timerTopMovedDivs);
    timerBottomMovedDivs = clearInterval(timerBottomMovedDivs);
    
    var divTopMovedDivsRef = document.getElementById('divTopMovedDivs');
    var divBottomMovedDivsRef = document.getElementById('divBottomMovedDivs');
    
    divTopMovedDivsRef.style.display = 'block';
    divBottomMovedDivsRef.style.display = 'block';
    
    topMovedDivsLeftInitial = tdLeftSpaceValue + 100;
    topMovedDivsTopInitial = tdTopSpaceValue + 55;    
    topMovedDivsLeftActual = topMovedDivsLeftInitial;
    topMovedDivsTopActual = topMovedDivsTopInitial;    
    divTopMovedDivsRef.style.left = topMovedDivsLeftActual + 'px';
    divTopMovedDivsRef.style.top = topMovedDivsTopActual + 'px';    
    timerTopMovedDivs = setInterval('setTopMovedDivs();', 100);
    
    bottomMovedDivsLeftInitial = tdLeftSpaceValue + 200;
    bottomMovedDivsTopInitial = tdTopSpaceValue + 250;    
    bottomMovedDivsLeftActual = bottomMovedDivsLeftInitial;
    bottomMovedDivsTopActual = bottomMovedDivsTopInitial;    
    divBottomMovedDivsRef.style.left = bottomMovedDivsLeftActual + 'px';
    divBottomMovedDivsRef.style.top = bottomMovedDivsTopActual + 'px';    
    timerBottomMovedDivs = setInterval('setBottomMovedDivs();', 100);
}

function setTopMovedDivs()
{
    var divTopMovedDivsRef = document.getElementById('divTopMovedDivs');
    
    if (isTopMovedDivsMaximizeTop)
        topMovedDivsTopActual++;
    else
        topMovedDivsTopActual--;
        
    if (isTopMovedDivsMaximizeLeft)
        topMovedDivsLeftActual++;
    else
        topMovedDivsLeftActual--;
    
    if (topMovedDivsTopActual > topMovedDivsTopInitial + 20)
        isTopMovedDivsMaximizeTop = false;
    else if (topMovedDivsTopActual < topMovedDivsTopInitial - 20)
        isTopMovedDivsMaximizeTop = true;
        
    if (topMovedDivsLeftActual > topMovedDivsLeftInitial + 30)
        isTopMovedDivsMaximizeLeft = false;
    else if (topMovedDivsLeftActual < topMovedDivsLeftInitial - 30)
        isTopMovedDivsMaximizeLeft = true;
        
    divTopMovedDivsRef.style.top = topMovedDivsTopActual + 'px';
    divTopMovedDivsRef.style.left = topMovedDivsLeftActual + 'px';    
}

function setBottomMovedDivs()
{
    var divBottomMovedDivsRef = document.getElementById('divBottomMovedDivs');
    
    if (isBottomMovedDivsMaximizeTop)
        bottomMovedDivsTopActual += 2;
    else
        bottomMovedDivsTopActual -= 2;
        
    if (isBottomMovedDivsMaximizeLeft)
        bottomMovedDivsLeftActual += 2;
    else
        bottomMovedDivsLeftActual -= 2;
    
    if (bottomMovedDivsTopActual > bottomMovedDivsTopInitial + 20)
        isBottomMovedDivsMaximizeTop = false;
    else if (bottomMovedDivsTopActual < bottomMovedDivsTopInitial - 20)
        isBottomMovedDivsMaximizeTop = true;
        
    if (bottomMovedDivsLeftActual > bottomMovedDivsLeftInitial + 30)
        isBottomMovedDivsMaximizeLeft = false;
    else if (bottomMovedDivsLeftActual < bottomMovedDivsLeftInitial - 30)
        isBottomMovedDivsMaximizeLeft = true;
        
    divBottomMovedDivsRef.style.top = bottomMovedDivsTopActual + 'px';
    divBottomMovedDivsRef.style.left = bottomMovedDivsLeftActual + 'px';   
}