var mytoplinks = null;

$(document).ready(function() {
    /* Configure the toplinks object */
    mytoplinks = new toplinks($('#ulCinemaList'), $('#choosecinema'));

    /* Setup toplinks highlight animation */
    mytoplinks.highlight = function() {
        $('.choosecinema').addClass('choosecinema_on').removeClass('choosecinema');

        mytoplinks.topLinksContainer.slideDown(function() {
            clearTimeout(mytoplinks.highlightTimerId);
            mytoplinks.highlightTimerId = setTimeout(function() {
                if (!mytoplinks.hover) {
                    mytoplinks.topLinksContainer.slideUp();
                    $('.choosecinema_on').addClass('choosecinema').removeClass('choosecinema_on');
                }
            }, 2000);
        });
    };

    /* Bind toplinks link with highlight animation */
    mytoplinks.topLinksLink.bind('click', mytoplinks.highlight);
    mytoplinks.topLinksContainer.hover(
        function() { mytoplinks.hover = true; }, function() {
            mytoplinks.hover = false;
            clearTimeout(mytoplinks.highlightTimerId);
            mytoplinks.highlightTimerId = setTimeout(function() {
                if (!mytoplinks.hover) {
                    mytoplinks.topLinksContainer.slideUp();
                    $('.choosecinema_on').addClass('choosecinema').removeClass('choosecinema_on');                    
                } 
            }, 2000);
        });
});

function toplinks(topLinksContainer, topLinksLink) {
    this.highlightTimerId = -1;
    this.hover = false;
    this.topLinksContainer = topLinksContainer;
    this.topLinksLink = topLinksLink;
    
    this.highlight = function() { };
}