numberOfButtons = 0;
numberOfVisibleButtons = 7;
carouselDiv = "carouselMSNTkit";
marginLeft = 6;
marginRight = 6;

var running = false;
var liSize = 0;
var attrName = "class";

function insertAfter(newElm, elm) {
    var clone = elm.cloneNode(true);
    elm.parentNode.insertBefore(clone, elm);
    elm.parentNode.replaceChild(newElm, elm);
}

function initCarousel() {
    var ul = getElement(carouselDiv).getElementsByTagName('ul')[0];

    numberOfButtons = 0;
    for (var i = 0; i < ul.childNodes.length; i++) {
        if (ul.childNodes[i].nodeName == "LI") {
            numberOfButtons++;
        }
    }

    if (numberOfButtons > 0) {
        if (navigator.appName == "Microsoft Internet Explorer") {
            attrName = "className";
        }
        else {
            attrName = "class";
        }

        if (numberOfButtons - numberOfVisibleButtons < 0) {
            for (var i = 0; i < numberOfVisibleButtons - numberOfButtons; i++) {
                var newLi = document.createElement('li');
                newLi.setAttribute(attrName, "empty");
                ul.appendChild(newLi);
            }
            numberOfButtons = numberOfVisibleButtons;
        }
        
        liSize = width(ul.getElementsByTagName('li')[0]);


    }
};


function width(el) {
    return el.offsetWidth + marginLeft + marginRight;
};

function getElement(id) {
    return document.getElementById(id);
};