$(document).ready
(
    function() 
    {
        function BannerRotate(banneritem)
        {
            if (doAnimate)
            {  
                banneritem.fadeOut
                (
                    "fast", 
                    function(banneritem)
                    {
                        return function()
                        {
                            $("div#slideshow div.content div").hide();
                            $('div#slideshow div.content div').each
                            (
                                function()
                                {
                                    var currentban = $(banneritem).attr("id");
                                    var contentban = $(this).attr('id');
                                    var menuitem = contentban.replace('c','m');
                                    if (contentban == currentban)
                                    {
                                        $("div#slideshow div.menu a.on").removeClass("on");
                                        $('div#slideshow div.menu ul li a#' + menuitem).addClass("on");
                                    }
                                }
                            )

                            banneritem.fadeIn
                            (
                                "fast", 
                                function()
                                {
                                    var lastban = $('div#slideshow div.content div:last').attr("id");
                                    
                                    if ($(this).attr("id") == lastban)
                                    {
                                        setTimeout
                                        (
                                            function()
                                            {
                                                BannerRotate($("div#slideshow div.content div:first"));
                                            }, 4000
                                        );
                                    }
                                    else
                                    {
                                        setTimeout
                                        (
                                            function()
                                            {
                                                BannerRotate($(banneritem.next()));
                                            }, 4000
                                        );
                                    }
                                }
                            );
                        };
                    }
                    (banneritem)
                );
            }
        }

        $("div#slideshow div.menu ul li a").hover
        (
            function()
            {
                var current = $(this).attr("title");
                $("div#slideshow div.menu a.on").removeClass("on");
                $(this).addClass("on");
            }
        );

        $("div#slideshow div.menu ul li a").click
        (
            function() 
            {
                doAnimate = false;
                return false;
            }
        );

        if ($("div#slideshow div.content div").size() > 1)
        {
            // If there is only banner, don't rotate.
            doAnimate = true;
        }
        BannerRotate($("div#slideshow div.content div:first"));

        $('div#slideshow div.menu ul li a').each
        (
            function()
            {
                var banner = $(this).attr('id').replace('m','c');
                $(this).hover
                (
                    function() 
                    {
                        $('div#slideshow div#' + banner).show();
                        $('div#slideshow div.content div').not('div#' + banner).hide();
                    }
                );
            }
        )
    }
);