//global variables
var items = null;
var itemsPos = 0;
var items2 = null;
var itemsPos2 = 0;
var itemsHeight = 0;

var itemSpeed = 150;
var itemIncrement = 2;

//document ready
$(document).ready(function(){

    //get container
    items = $(".CurrentVacancies");    
    
    //copy and append after container
    items2 = items.clone().insertAfter(items);    
    
    //set height and position
    itemsHeight = $(items).height();    
    itemsPos2 = itemsHeight;
    
    //call scroll function
    var intervalId = setInterval(scrollJobs, itemSpeed);
    
    //set hover events
    $(items).hover(function(){
        
        //onmouseover, stop scrolling
        clearInterval(intervalId);
                
    }, function(){
    
        //onmouseout, start scrolling
        clearInterval(intervalId);
        intervalId = setInterval(scrollJobs, itemSpeed);
        
    });
    
    $(items2).hover(function(){
        
        //onmouseover, stop scrolling
        clearInterval(intervalId);
                
    }, function(){
    
        //onmouseout, start scrolling
        clearInterval(intervalId);
        intervalId = setInterval(scrollJobs, itemSpeed);
        
    });
    
});

function scrollJobs(){

    //increment positions
    itemsPos -= itemIncrement;
    itemsPos2 -= itemIncrement;
    
    //move containers is necessary
    if (itemsPos < (itemsHeight * -1)){
        itemsPos = itemsHeight;
    }
    if (itemsPos2 < (itemsHeight * -1)){
        itemsPos2 = itemsHeight;
    }
    
    //set positions
    $(items).css("top", itemsPos);
    $(items2).css("top", itemsPos2);
    
}