$(function() {
    $('#slider .carousel').jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: mycarousel_itemVisibleInCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        start: rndStart(),
        wrap: 'circular',
        auto: 10
    });

    function mycarousel_initCallback(carousel) {
        $('#slider .nav a').bind('click', function() {
            $('#slider .nav a').not($(this)).removeClass('active');
            $(this).addClass('active');
            carousel.scroll($.jcarousel.intval($(this).text()));
            carousel.startAuto(0);
            return false;
        });

        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };

    function mycarousel_itemVisibleInCallback(carousel, item, idx, state) {
        var lnk = $('#slider .nav a')[(idx - 1) % carousel.size()];
        $('#slider .nav a').not($(lnk)).removeClass('active');
        $(lnk).addClass('active');
    };

    function rndStart() {
        var size = $('#slider .nav a').size();
        var random = Math.random();
        var start = Math.ceil(random * size);
        var link = $('#slider .nav a')[start - 1];
        $(link).addClass('active');
        return start;
    };

    var width = parseInt($('#main-nav').width()) - 56;
    $('#search').css('width', width);

    $('#main-nav ul li.search a').live('click', function() {
        $('#search').animate({
            'top': 0
        }, function() {
            var field = $('#search .in .field');
            field.focus();
            // field.select();
        });

        return false;
    });
    $('#search .close').live('click', function() {
        $('#search').animate({
            'top': +42
        });
        return false;
    });

    $('.field, textarea').focus(function() {
        if (this.title == this.value) {
            this.value = '';
        }
    }).blur(function() {
        if (this.value == '') {
            this.value = this.title;
        }
    });
});
