jQuery(document).ready(function() {
 vaihdaOikeaElementti();
});

var karuselliInterval = setInterval("vaihdaOikeaElementti()", 10000);

function vaihdaOikeaElementti() {
  var element = jQuery("#karuselli_paikka > div");
  if (element.attr("id")) {
    switch(element.attr("id")) {
      case 'eka_karuselli':
        jQuery("#karuselli_paikka").html(jQuery("#toka_cont_karuselli").html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_2").addClass('numero_painike_valittu');
        break;
      case 'toka_karuselli':
        jQuery("#karuselli_paikka").html(jQuery("#kolmas_cont_karuselli").html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_3").addClass('numero_painike_valittu');
        break;
      case 'kolmas_karuselli':
        jQuery("#karuselli_paikka").html(jQuery("#neljas_cont_karuselli").html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_4").addClass('numero_painike_valittu');
        break;
      case 'neljas_karuselli':
        jQuery("#karuselli_paikka").html(jQuery("#viides_cont_karuselli").html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_5").addClass('numero_painike_valittu');
        break;
      default:
        jQuery("#karuselli_paikka").html(jQuery("#eka_cont_karuselli").html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_1").addClass('numero_painike_valittu');
        break;
    }
  } else {
      jQuery("#karuselli_paikka").html(jQuery("#eka_cont_karuselli").html());
      jQuery(".numero_painike").removeClass('numero_painike_valittu');
      jQuery("#numero_painike_1").addClass('numero_painike_valittu');
  }
}

function vaihdaOnclickElementti(id) {
  var element = jQuery("#karuselli_paikka > div");
  switch (id) {
    case 'eka_cont_karuselli':
      clearInterval(karuselliInterval);
      if (element.attr("id") != 'eka_karuselli') {
        jQuery("#karuselli_paikka").html(jQuery("#"+id).html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_1").addClass('numero_painike_valittu');
      }
      break;
    case 'toka_cont_karuselli':
      clearInterval(karuselliInterval);
      if (element.attr("id") != 'toka_karuselli') {
        jQuery("#karuselli_paikka").html(jQuery("#"+id).html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_2").addClass('numero_painike_valittu');
      }
      break;
    case 'kolmas_cont_karuselli':
      clearInterval(karuselliInterval);
      if (element.attr("id") != 'kolmas_karuselli') {
        jQuery("#karuselli_paikka").html(jQuery("#"+id).html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_3").addClass('numero_painike_valittu');
      }
      break;
    case 'neljas_cont_karuselli':
      clearInterval(karuselliInterval);
      if (element.attr("id") != 'neljas_karuselli') {
        jQuery("#karuselli_paikka").html(jQuery("#"+id).html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_4").addClass('numero_painike_valittu');
      }
      break;
    case 'viides_cont_karuselli':
      clearInterval(karuselliInterval);
      if (element.attr("id") != 'viides_karuselli') {
        jQuery("#karuselli_paikka").html(jQuery("#"+id).html());
        jQuery(".numero_painike").removeClass('numero_painike_valittu');
        jQuery("#numero_painike_5").addClass('numero_painike_valittu');
      }
      break;
    default:
      break;
  }
}