// JavaScript Document

function setUpOverlayContent(elementId){
        //setUpArticles(elementId);
        //setScrollContentWidth(elementId);
}

function setUpArticles(elementId){
    var articleSelector = "#" + elementId + " .article";
    
    jQuery(articleSelector).each(function(){
        var content = jQuery(this);
        
        /*while(content.hasScrollBar()){
            var size = content.width();
            size += 10;
            content.width(size);
        }*/
    });
}

function setScrollContentWidth(elementId){
    
    var articleSelector = "#" + elementId + " .article";
    var articleContainerSelector = "#" + elementId + " .articleContainer";
    
    var contentWidth = 0;
    jQuery(articleSelector).each(function(){
        contentWidth += jQuery(this).width() + 40;
    });
    jQuery(articleContainerSelector).width(contentWidth + 72);

    reinitialiseScrollPane(elementId);
}

function reinitialiseScrollPane(elementId)
{
    var scrollSelector = "#" + elementId + " .scroll-pane";
    jQuery(scrollSelector).jScrollPane({horizontalDragMinWidth: 54, horizontalDragMaxWidth: 54});
}

jQuery.fn.hasScrollBar = function() {
    //note: clientHeight= height of holder
    //scrollHeight= we have content till this height
    var _elm = jQuery(this)[0];
    var _hasScrollBar = false; 
    if ((_elm.clientHeight < _elm.scrollHeight) || (_elm.clientWidth < _elm.scrollWidth)) {
        _hasScrollBar = true;
    }
    return _hasScrollBar;
}