//on dom ready
$(function(){

    itemStrip = $('.ItemStrip');
    
    if (itemStrip.length) {
        itemStrip = $('.ItemStrip').itemStrip({
            arrLeft: $('.arr.prev'),
            arrRight: $('.arr.next'),
            
            itemsToScrollX: 2,
            visibleItemsX: 7
        });
    }

    // init of lightbox
    forLightBox = $('.ThFrame .image a, .lightbox a').not('.notForLightbox');
    forLightBox.lightBox({
        overlayBgColor: '#74665d',
        containerBorderSize: 0,

        // we need to change the placement of css images
        imageLoading: '/images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
        imageBtnPrev: '/images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
        imageBtnNext: '/images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
        imageBtnClose: '/images/lightbox-btn-close.gif', // (string) Path and the name of the close btn
        imageBlank: '/images/lightbox-blank.gif' // (string) Path and the name of a blank image (one pixel)

    }); 

    $('.Tabs').myTabs({
        arrNext: $('.arr.next'),
        arrPrev: $('.arr.prev'),
        effect: 'fade'
    });
    
    //faq
    $('dl#faq dt').click(function(){
        var $this = $(this);
        $this.toggleClass('current');
        $this.next().slideToggle();
    });
});