$(function () {
    if ($('.tab').length > 0) {
        tabNavigation()
    }
    if ($('.slideshow').length > 0) {
        slideshow()
    }
    if ($('.faq').length > 0) {
        faq()
    }
    $('a[rel="external"]').attr({
        target: '_blank'
    });
    $('a[rel*=lightbox]').lightBox({
        imageLoading: 'assets/layout/lightbox-ico-loading.gif',
        imageBtnClose: 'assets/layout/lightbox-btn-close.gif',
        imageBtnPrev: 'assets/layout/lightbox-btn-prev.gif',
        imageBtnNext: 'assets/layout/lightbox-btn-next.gif',
        imageBlank: 'assets/layout/lightbox-blank.gif',
        overlayBgColor: '#000',
        overlayOpacity: 0.9,
        fixedNavigation: true,
        txtImage: "afbeelding",
        txtOf: "van"
    });
    $('a.submit').click(function () {
        $('form').submit();
        return false
    });
    function tabNavigation() {
        var b;
        $('.product-detail .tab h3').hide();
        $('.tab-nav li a').click(function () {
            b = $(this).attr('href').split('#')[1];
            changeTab(b);
            return false
        });
        $('.tab-nav li:first a').trigger('click');
        function changeTab(a) {
            $('.tab').hide();
            $('[id=' + a + ']').show();
            $('.tab-nav li.breadcrumb').removeClass('breadcrumb');
            $('[href=#' + a + ']').parent().addClass('breadcrumb');
            Cufon.replace('.product-detail .tab-nav li a', {
                hover: true
            });
            checkWideTab()
        }
        function checkWideTab() {
            if ($('.wide:visible').length > 0) {
                $(".slideshow").css("visibility", "hidden")
            } else {
                $(".slideshow").css("visibility", "visible")
            }
        }
    };
    function slideshow() {
        var b;
        var c = $('.slideshow .illustration:first').attr('id');
        var d = $('.slideshow .illustration:first').next().attr('id');
        $('.slideshow').append('<ul class="slideshow-nav"><li class="prev"><a href="#' + c + '" alt="vorige afbeelding">&lsaquo;</a></li><li class="next"><a href="#' + d + '" alt="volgende afbeelding">&rsaquo;</a></li></ul>');
        $('.slideshow .illustration').each(function (a) {
            $('.slideshow-nav .next').before('<li><a href="#' + $(this).attr('id') + '">' + (a + 1) + '</a></li>')
        });
        $('.slideshow-nav li a').click(function () {
            b = $(this).attr('href').split('#')[1];
            changeSlide(b);
            return false
        });
        $('.slideshow-nav li a:first').addClass('breadcrumb').trigger('click');
        $('.slideshow .illustration img').click(function () {
            $('.slideshow-nav li.next a').trigger('click')
        }).css("cursor", "pointer");
		
        function changeSlide(a) {
            $('.slideshow .illustration').hide();
            $('[id=' + a + ']').show();
            $('.slideshow-nav li').removeClass('breadcrumb');
            $('.slideshow-nav li a[href=#' + a + ']').parent().addClass('breadcrumb');
            $('.slideshow-nav li').filter('.prev, .next').removeClass('breadcrumb');
            c = $('.slideshow-nav li.breadcrumb').prev().find('a').attr('href');
            d = $('.slideshow-nav li.breadcrumb').next().find('a').attr('href');
            $('.slideshow-nav li.prev a').attr("href", c);
            $('.slideshow-nav li.next a').attr("href", d);
            Cufon.replace('.slideshow-nav li a', {
                hover: true
            })
        }
    }
    function faq() {
        $('ul.faq li').each(function () {
            var a = $(this);
            a.toggleClass("closed").find('.answer').hide();
            $(this).find('.nr, .question').click(function () {
                a.toggleClass("closed");
                a.find('.answer').slideToggle()
            }).hover(function () {
                a.addClass("hover")
            },
            function () {
                a.removeClass("hover")
            })
        })
    }
});
Cufon.replace('h2, .cart th, a.back, a.reset, a.order, a.delete, a.next, #next, a.pay, ul#main-nav li a, ul#site-nav li a, ul#footer-nav li a, .product-list .sorting-nav p, .product-detail .tab-nav li a, .slideshow-nav li a', {
    hover: true
});
Cufon.replace('ul#quick-nav li a');