// Header javascript file.

$(document).ready(function(){
        // Setup focus and blur events for search box
        $('#searchForm').focus(function(){
           if($(this).val() == 'Search')
            $(this).attr('value','');
        });
        
        $('#searchForm').blur(function(){
           if($(this).val() == '')
            $(this).attr('value','Search');
        });

        ///////////////////////////////

        // Setup Agile Carousel for header
        /*$('#slides').agile_carousel({
         php_doc_location:"/make_slides.php",
         transition_type: "fade",
         timer_length: "3000",
         transition_duration: 2000,
         slide_links: "/?page_id=270",
         path_to_slides: "/wp-content/themes/mattessons/images/agile_carousel/",
         slide_directory: "agile_carousel"
        });*/
        ///////////////////////////////

        // Setup the carousel link numbers
        $('#slideControls li').click(function(){
            $('#slideControls li a').removeClass();
            clearInterval(carouselNumbers);
            $.fn.agile_carousel.go_to($(this).attr("id"));
            $('#' + $(this).attr("id") + ' a').addClass($(this).attr("class") + "Hover");
            return false;
        });

        var counter = 2;
        var maxItems = $('#slideControls').children().size()
        var carouselNumbers = setInterval(function(){
            var classes = ["one","two","three","four"];
            $('#' + counter + ' a').addClass(classes[counter-1] + "Hover");
            $('#' + (counter - 1) + ' a').removeClass();

            if(counter == 1)
                $('#' + (maxItems) + ' a').removeClass();

            counter++;

            if(counter > maxItems)
                counter = 1;

        },"4000");
        /////////////////////////////


    });