$(function(){
  
  function zubi_slides_click_a()
  {
    $('.carousel img.active').css({zIndex: 4});
    $('.carousel .active').removeClass('active');
    
    
    $('.carousel img.' + $(this).attr('class') ).addClass('active')
    .css({
      zIndex: 5,
      opacity: 0,
    })
    .animate({
      opacity:1
    }, 400, function(){
      $('.carousel img:not(.active)').css('opacity', 0);
    });
    $(this).addClass('active');
    
    return false;
  }
  $('.carousel a').click(zubi_slides_click_a);
  
  zubi_slides_active_index = 1;
  zubi_slides_count = $('.carousel .images img').length;
  //alert(zubi_slides_count);
  zubi_change_slides();
  setInterval(function () {zubi_change_slides();}, 3000);
  
  function zubi_change_slides()
  {
    if(zubi_slides_active_index > zubi_slides_count)
    {
        zubi_slides_active_index = 1;
    }
    $('.carousel a.item'+zubi_slides_active_index).click();
    zubi_slides_active_index+=1;
  }
  
  function changeLogos(){
  
    
    	var newActive;
        var newActive2;
    
    	if($('.logos .active').next().html()) {
    		newActive = $('.logos .active').next();
    	} else {
    		newActive = $('.logos div:first-child');
    	}
        newActive2 = newActive.find('span');
        
    	$('.logos .active').css({zIndex: 4}).removeClass('active'); 
    
    	newActive.addClass('active')
    	.css({
      	zIndex: 5,
    	})
    	.animate({
      	opacity:1
    	}, 600, function(){
    	   var nActiveWidth = newActive2.innerWidth();
            newActive2.css('width', nActiveWidth).css('display', 'block');
      	     $('.logos div:not(.active)').css('opacity', 0);
    	});
    
    
  }
  changeLogos();
  Change();

    function Change() {
    	var activeAnimation;
      clearInterval(activeAnimation);
      activeAnimation = setInterval(

        function () {
          changeLogos();
        }, 3000);

    }

  
  
  
  
  
  
  
  
  
});