$(document).ready(function() {
  initKaruselli();
});

var karusellissaEsilla = 0;
var matkustajia = 0;
var karuselliTimer;

function initKaruselli() {
  matkustajia = $('.karuselliFade').size();
  
  if(matkustajia < 2) {
    return(false);
  }
  
  $('#karuselliControls').html('<img src="/files/clearchannel/images/karuselli_napit_left.gif" alt="" /><p>1/'+matkustajia+'</p><img src="/files/clearchannel/images/karuselli_napit_right.gif" alt="" />');
  
  /* Controller for "Previous"-button */
  $('#karuselliControls img:eq(0)').click(function() {
    clearInterval(karuselliTimer);
    
    karusellissaEsilla = karusellissaEsilla-1;
    if(karusellissaEsilla < 0) {
      karusellissaEsilla = matkustajia-1;
    }
    
    $('.karuselliFade:visible').fadeOut('slow')
    setTimeout(function() {
      $('.karuselliFade:eq('+karusellissaEsilla+')').fadeIn('slow');
      $('#karuselliControls p').html((karusellissaEsilla+1)+"/"+matkustajia);
    }, 500);
  });
  
  /* Controller for "Next"-button */
  $('#karuselliControls img:eq(1)').click(function() {
    clearInterval(karuselliTimer);
    
    karusellissaEsilla = karusellissaEsilla+1;
    if(karusellissaEsilla >= matkustajia) {
      karusellissaEsilla = 0;
    }
    
    $('.karuselliFade:visible').fadeOut('slow')
    setTimeout(function() {
      $('.karuselliFade:eq('+karusellissaEsilla+')').fadeIn('slow');
      $('#karuselliControls p').html((karusellissaEsilla+1)+"/"+matkustajia)
    }, 500);
  });
  
  $('.karuselliFade').not(':first').hide()
  
  /* Controller for time-interval */
  karuselliTimer = setInterval(function() {
    $('.karuselliFade:visible').fadeOut('slow')
    setTimeout(function() {
      $('.karuselliFade:eq('+karusellissaEsilla+')').fadeIn('slow');
      $('#karuselliControls p').html((karusellissaEsilla+1)+"/"+matkustajia);
    }, 500);
    
    karusellissaEsilla = karusellissaEsilla+1;
    if(karusellissaEsilla >= matkustajia) {
      karusellissaEsilla = 0;
    }
    
  }, 7000);
}