$(document).ready(function() {

    $(function () {
        $('#rotator').tabs({ fx: { opacity: 'toggle'} }).tabs('rotate', 3000);
    });


    $(function () {
        $('#banners').cycle({
            fx: 'fade',
            speed: 4000,
            pause: 1,
            next: '.nextbanner',
            prev: '.prevbanner'
        });
    });



    // Expand Panel
    $("#search-open").click(function() {
        $("div#search-panel").slideDown("slow");

    });

    // Collapse Panel
    $("#search-close").click(function() {
        $("div#search-panel").slideUp("slow");
    });

    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $(".search-tab a").click(function() {
        $(".search-tab a").toggle();
        $(".search-tab-nav").toggle();
    });

    // When a link is clicked  
    $("a.tab").click(function() {

        // switch all tabs off
        $(".active").removeClass("active");

        // switch this tab on  l
        $(this).addClass("active");

        // slide all elements with the class 'content' up  
        $(".tab-content").slideUp();

        // Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.  
        var content_show = $(this).attr("title");
        $("#" + content_show).slideDown();

    });

});