function closePopUp(){
    
    $('#unsubscribeWrapper').fadeOut('slow', function(){
       document.getElementsByTagName('body')[0].removeChild(document.getElementById('unsubscribeWrapper'));
    });
}

function positionPopUp(id){
    var element = document.getElementById(id);

    element.style.marginTop = '-'+(element.offsetHeight/2)+'px';
}

var divs = new Array();
var listHeight = 0;
var divsCount = 0;
var scroll = false;

function placeElements(){

    divs = document.getElementById('imagesHolder').getElementsByTagName('div');
    divsCount = parseInt(divs.length);

    for(var i=0; i < divsCount; i++){
        divs[i].style.top = listHeight+'px';
        listHeight += parseInt(divs[i].offsetHeight)+25;
    }
    
    scroll = true;
    setTimeout("scrollElements();", 20);
    
    document.getElementById('imagesHolder').onmouseover = function(){
        scroll = false;
    }
    document.getElementById('imagesHolder').onmouseout = function(){
        scroll = true;
        setTimeout("scrollElements();", 20);
    }

}

function scrollElements(){

    var currentTop;

    for(var i=0; i < divsCount; i++){
        elementHeight = parseInt(divs[i].offsetHeight)+25;
        currentTop = parseInt(divs[i].style.top.replace('px',''));
        
        if((currentTop - 1) <= -elementHeight)
            divs[i].style.top = (listHeight - elementHeight  - 1)+'px';
        else
            divs[i].style.top = (currentTop - 1)+'px';
    }

    if(scroll)
        setTimeout("scrollElements();", 20);
}