﻿var slideMenu = function() {
    var sp, st, t, m, sa, l, w, sw, ot, bs;
    return {
        build: function(sm, sw, mt, s, sl, h) {
            sp = s; st = sw; t = mt; bs = 1;
            m = document.getElementById(sm);
            sa = m.getElementsByTagName('li');
            l = sa.length; w = m.offsetWidth; sw = w / l; m.disable = false;
            ot = Math.floor((w - st) / (l - 1)); var i = 0;
            //for (i; i < l; i++) { s = sa[i]; alert(s.style.width); s.style.width = sw + 'px'; alert(s.style.width);  this.timer(s) }
            for (i; i < l; i++) { s = sa[i]; this.timer(s) }
            //sl - 1
            //s.style.width = sw + 'px';
            if (m.startid > 0) { h = m.startid; }

            //if (sl != null) { m.timer = setInterval(function() { slideMenu.slide(sa[h]) }, t) }

        },
        timer: function(s) { s.onclick = function() { if (m.disable != true) { clearInterval(m.timer); m.timer = setInterval(function() { slideMenu.slide(s) }, t) } } },
        slide: function(s) {
            //alert('ok');
            var ss;
            var cw = parseInt(s.style.width, '10');
            if (bs > 0) {
                bs = 0;
                ss = 1;
            } else {
                ss = sp;
                ss = 1;
            }
            //alert(cw);
            if (cw < st) {
                var owt = 0; var i = 0;
                for (i; i < l; i++) {
                    if (sa[i] != s) {
                        var o, ow; var oi = 0; o = sa[i]; ow = parseInt(o.style.width, '10');
                        if (ow > ot) { oi = Math.floor((ow - ot) / ss); oi = (oi > 0) ? oi : 1; o.style.width = (ow - oi) + 'px' }
                        owt = owt + (ow - oi)
                        //alert(i);
                    }
                }
                s.style.width = (w - owt) + 'px';
                //alert(s.style.width);
                //checkSlide();

            } else { clearInterval(m.timer); m.disable = false }
        }
    };
} ();



function disableSlide() {
    var m;

    m = document.getElementById('sm');

    m.disable = true;

}


function checkSlide() {
    var m;

    m = document.getElementById('SliderBar_SliderPage1');
    alert(m.style.width);

    m = document.getElementById('SliderBar_SliderPage2');
    alert(m.style.width);

    m = document.getElementById('SliderBar_SliderPage3');
    alert(m.style.width);
}
