var slideMenu = function ()
{
    var sp, st, t, m, sa, l, w, sw, ot;
    return {
        build : function (sm, sw, mt, s, sl, h)
        {
            sp = s;
            st = sw;
            t = mt;
            m = document.getElementById(sm);
            sa = m.getElementsByTagName('li');
            l = sa.length;
            w = m.offsetWidth;
            sw = w / l;
            ot = Math.floor((w - st) / (l - 1));
            var i = 0;
            for (i; i < l; i++) {
                s = sa[i];
                s.style.width = sw + 'px';
                this.timer(s)
            }
            if (sl != null) {
                m.timer = setInterval(function ()
                {
                    slideMenu.slide(sa[sl - 1])
                }, t)
            }
        },
        timer : function (s)
        {
            s.onmouseover = function ()
            {
                clearInterval(m.timer);
                m.timer = setInterval(function ()
                {
                    slideMenu.slide(s)
                }, t)
            }
        },
        slide : function (s)
        {
            var cw = parseInt(s.style.width, '10');
            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) / sp);
                            oi = (oi > 0) ? oi : 1;
                            o.style.width = (ow - oi) + 'px'
                        }
                        owt = owt + (ow - oi);
                    }
                }
                s.style.width = (w - owt) + 'px';
            }
            else {
                clearInterval(m.timer)
            }
        }
    };
}();
$(function () 
{
    $('.t-1').show();
    $('#ac li').css({
        opacity : 0.8
    });
    $('.menu h2').css({
        opacity : 0
    });
    $('#menu').css({
        opacity : 0
    });
    $('#logo').css({
        opacity : 0
    });
    $('#al').css({
        opacity : 0
    });
    $('#shadow').css({
        opacity : 0
    });
    $(window).load(function () 
    {
        $('#logo').animate({
            opacity : 1, top : '70px'
        },
        2000, 'easeOutExpo');
        $('#shadow').animate({
            opacity : 0.5
        }, 4000);
        setTimeout( function ()
        {
            $('#al').animate({
                opacity : 1
            }, 1000);
        }, 1000);
        setTimeout( function ()
        {
            $('#block').hide();
        }, 1500);
    });
    $("#title").hover( function () 
    {
        $('#logo').stop(true, false).animate({
            left : '100px' 
        },
        {
            queue : false, duration : 1000 
        });
        $('#al').stop(true, false).animate({
            left : '105px' 
        },
        {
            queue : false, duration : 1000 
        });
        $('#shadow').stop(true, false).animate({
            left : '115px' 
        },
        {
            queue : false, duration : 1000 
        });
    });
    $(".menu").hover( function () 
    {
        $(this).stop(true, false).animate({
            opacity : 1
        },
        {
            queue : false, duration : 300 
        });
        $('#logo').stop(true, false).animate({
            left : '25px' 
        },
        {
            queue : false, duration : 600 
        });
        $('#al').stop(true, false).animate({
            left : '30px' 
        },
        {
            queue : false, duration : 600 
        });
        $('#shadow').stop(true, false).animate({
            left : '40px' 
        },
        {
            queue : false, duration : 600 
        });
    },
    function () 
    {
        $(this).stop(true, false).animate({
            opacity : 0.8
        },
        {
            queue : false, duration : 1000 
        });
    });
    $(".menu h2").hover( function () 
    {
        $(this).stop(true, false).animate({
            opacity : 1
        });
    },
    function () 
    {
        $(this).stop(true, false).animate({
            opacity : 0
        });
    });
    $(".menu").hover( function () 
    {
        $('.t-1').hide();
    },
    function () 
    {
        $('.t-1').show();
    });
});