$(document).ready(function($){
    var options2 =
    {
        zoomWidth: 192,
        zoomHeight: 125,
        xOffset: 20,
        zoomType:'reverse'
    }

    //$(".zoom").jqzoom(options2);
    
    if($('ul#thumbnails li.selected:first')){
        $('a.prev').hide();
    }
    // Prev + Next
    $('a.next, a.prev').live('click', function(e){
        e.preventDefault();
        
        if($(this).hasClass('next')){
            var list_item = $('ul#thumbnails li.selected').next();
            $('a.prev').show();
        } else {
            var list_item = $('ul#thumbnails li.selected').prev();
        }

        $('ul#thumbnails li').removeClass('selected');

        $(list_item).addClass('selected');
        $(list_item).find('a').trigger('click');

        if($('ul#thumbnails li:last').hasClass('selected')){
            $('a.next').hide();
        }
    });

    // Open external
    $('ul#logos li a').attr('target', '_blank');
    $('a.go-button').attr('target', '_blank');
    $('span.file a').attr('target', '_blank');

    // Clear form values
    $('.clear-form').live('click', function(e){
        e.preventDefault();

        $('select').each(function(idx, el){
            $(this).val('');
        });

        $('input').not(":type=['hidden']").each(function(idx, el){
            $(this).val('');
        });
    });
    
    $('#banners a').attr('href', $('.advertisement').attr('rel'));
    $('#banners span').text($('.advertisement').attr('title'));

    $('.thumbnail').live('click', function(e){
        e.preventDefault();

        //$('.zoom').attr('href', $(this).attr('rel'));
        $('#car-images img:first').attr('src', $(this).attr('href'));

        $('ul#thumbnails li').removeClass('selected');
        $(this).parent().addClass('selected');

        if(!$('ul#thumbnails li:last').hasClass('selected')){
            $('a.next').show();
        } else {
            $('a.next').hide();
        }
        if(!$('ul#thumbnails li:first').hasClass('selected')){
            $('a.prev').show();
        } else {
            $('a.prev').hide();
        }
    });

    $('select[name="brand"]').change(function(e){
        e.preventDefault();
        
        var brand = $(this).val();

        $.ajax({url: '/occassions/search/model/',
                type: 'POST',
                data: {'brand': brand },
                dataType: 'json',
                success: function(response){
                    // Clear all model values
                    $('select[name="model"] option').remove();
                    // Append empty value
                    $('select[name="model"]').append('<option value="">- Alle modellen -</option>');

                    var model_list = response.model_list.split('|');

                    for(var i=0; i<model_list.length; i++){
                        var model = model_list[i];
                        // Append to select as option
                        $('select[name="model"]').append('<option value="'+model+'">'+model+'</option>');
                    }
                }
        });
    });

    $('select[name="sort"]').change(function(e){
        e.preventDefault();
        
        $('form#search input[name="sort"]').val($(this).val());

        $('form#search').trigger('submit');
    });

    $('a[rel*=facebox]').facebox();
});

$(document).bind("reveal.facebox", function(){
    $("#product").j360();
});