﻿function creatMarquee(obj, height, timer) {
    var getC = document.getElementById(obj);
    getC.scrollLeft = 0;
    var StartM;
    var otimer = timer;
    if(getC.getElementsByTagName("li").length > 4){
        var saveContent = getC.getElementsByTagName("div")[0].innerHTML;
        getC.getElementsByTagName("div")[0].innerHTML = "<div id='c1'>" + saveContent + "</div><div id='c2'>" + saveContent + "</div>";
        var getC1 = document.getElementById("c1");
        getC.style.overflow = "hidden";
        getC.style.width = height + "px";
        marquee();
        getC.onmouseover = function (e) { clearTimeout(StartM); stopBubble(e); }
        getC.onmouseout = function (e) { StartM = setTimeout(marquee, otimer); stopBubble(e); }
    }
    function marquee() {
        StartM = setTimeout(marquee, otimer);
        if (getC1.offsetWidth - getC.scrollLeft <= 0) {
            getC.scrollLeft = 0;
        }
        else {
            getC.scrollLeft += 1;
        }
    }
    function stopBubble(e) {
        if (e && e.stopPropagation)
            e.stopPropagation();
        else
            window.event.cancelBubble = true;
    }

}
