/**
 * @author trtik
 */
$(function(){


    // Reference carousel
    var $carousel = $('#reference-carousel');
    $carousel.before('<div id="reference-carousel-up" />').after('<div id="reference-carousel-down" />').jCarouselLite({
        btnNext: '#reference-carousel-down',
        btnPrev: '#reference-carousel-up',
        mouseWheel: true,
        vertical: true,
        circular: true,
        speed: 500,
        visible: 3
    });
    
    // Reference carousel opacity effect	
    $carousel.find('li').css({
        opacity: .8
    }).hover(function(){
        $(this).not('.selected').css('opacity', 1);
    }, function(){
        $(this).not('.selected').css('opacity', .8);
    });
    
    $('#reference-carousel-up, #reference-carousel-down').css({
        opacity: .6
    }).hover(function(){
        $(this).css('opacity', 1);
    }, function(){
        $(this).css('opacity', .6);
    });
    
    
    $carousel.find('li a').click(function(){
        $a = $(this);
        $a[0].blur();
        
        $('#reference-detail-inner:not(:animated)').hide('slide', {
            direction: 'down'
        }, 500, function(){
            $carousel.find('li').removeClass('selected').css('opacity', .8);
            $a.parent().addClass('selected').css('opacity', 1);
            $(this).load('/reference/description', {
                ref: $a.attr('id')
            }, function(){
                var d = $('#reference-detail');
                var di = $('#reference-detail-inner');
                $(this).show('slide', {
                    direction: 'up',
                    callback: function(){
                        d.animate({
                            height: ((di.height() > 100) ? di.height() : 100) + 'px'
                        });
                    }
                }, 500);
            });
        });
        return false;
    });
    
    
    var $search = $('#search');
    $search.css({
        opacity: .8
    }).find('#q').val('Vyhledávání je dočasně nefunkční').blur(function(){
        $search.css({
            opacity: .8
        });
        if ($(this).val().length == '') {
            $(this).val('Vyhledávání je dočasně nefunkční');
        }
    }).focus(function(){
        $search.css({
            opacity: 1
        });
        $(this).val('');
    });
    
    
    
    
})