$().ready(function () {
    /* var timeoutId = 0;
    var articles = $('#articles');
    articles.mouseover(function (event) {
    var that = $(this);
    var articleList = $('#articleList');
    var pos = event.target;
    articleList.css('background', '#009900');
    articleList.css('position', 'absolute');
    articleList.css('top', (articles.position().top + articles.outerHeight() + 6) + 'px');
    articleList.css('left', articles.position().left + 'px');
    articleList.css('display', 'block');
    articleList.css('border-left', '2px solid #000');
    articleList.css('border-right', '2px solid #000');
    articleList.css('border-bottom', '2px solid #000');

    });
    articles.mouseout(function () {
    var articleList = $('#articleList');
    articleList.css('display', 'none');
    });


    var articleList = $('#articleList');
    articleList.mouseover(function (event) {

    articles.unbind();
    var pos = event.target;
    articleList.css('background', '#009900');
    articleList.css('position', 'absolute');
    articleList.css('top', (articles.position().top + articles.outerHeight() + 6) + 'px');
    articleList.css('left', articles.position().left + 'px');
    articleList.css('display', 'block');
    articleList.css('border-left', '2px solid #000');
    articleList.css('border-right', '2px solid #000');
    articleList.css('border-bottom', '2px solid #000');
    });
    articleList.mouseout(function (event) {
    $(this).css('display', 'none');
    });*/
    $('li.arts').hover(
                    function () {
                        var el = $('ul', this);
                        el.css('position', 'absolute');
                        el.css('display', 'block');
                        el.css('background', '#007060');
                        //el.css('margin-top', '5px');
                        el.css('left', $('#articles').position().left + 'px');
                        el.css('border-left', '2px solid #000');
                        el.css('border-right', '2px solid #000');
                        el.css('border-bottom', '2px solid #000');

                    },
                    function () {
                        var el = $('ul', this);
                        el.css('display', 'none');
                    });

});