$(function(){
    if ( document.getElementById('last-projects') ){
          var pagerThumbItem = $('div.carousel-home ul.carousel-items');
          var config = {
              effect : { type : 'fade'},
              pager : { prevNext : true,
                        pagerItems : pagerThumbItem 
                      },
              diaporama : { active : true, duration:5000, pause : true },
              speed : 450
          }
          $('div#last-projects').OoCarousel(config);
          
          var configHotNews = {
              effect : { type : 'fadeOutIn'},
              pager : { prevNext : false,
                        pagerItems : false
                      },
              diaporama : { active : true, duration:5000, pause : true },
              speed : 400
          }
         $('div#carousel-hot-news').OoCarousel(configHotNews);
    } //end home carousel
  
    //Carousel Agency
    if ( document.getElementById('c-agency') ){
        var config2 = {
          effect : { type : 'fade'},
          pager : {prevNext:true,pagerItems:false},
          diaporama : { active : true, duration:5000, pause : true },
          speed : 450
        };
        $('div#c-agency').OoCarousel(config2);
    }
    



  //carousel tpl
  var minicarousels = $('div.carousel-project');
  
  var configMiniCarousel = {
          effect : { type : 'slide'},
          speed : 450,
          pager : { prevNext : true,
                    //pagerThumb : false,
                    pagerItems : true
                  },
          ended : function ended(){
              //ajust size pager (small and large carousel)
              var pagerItem = $('.carousel-prev-next li'),
                  viewHeight = $('.carousel-view li').height(),
                  viewWidth = $('.carousel-view li').width();
                  
                  pagerItem.css({
                      'width' : viewWidth,
                      'height' : viewHeight
                  })
          }
      }

  minicarousels.OoCarousel(configMiniCarousel);

  /*$.each(minicarousels, function(i){
      console.log(this)
      var carousel = new $.OoCarousel(this, config);
  })*/
})