Cufon.replace('#navi li', {
		  hover: true
    });
		Cufon.replace('#controls .otsikko');
		
		$(document).ready(function () {

		  $('#kuva div:first').addClass('selected');
		  $('#thumbs img:first').addClass('selected');
		  $('#controls .otsikko:first').addClass('selected');
      $('#edellinen').addClass('hidden');
      var flashvars = $('#thumbs img:first').attr('name').split("|");
      $('#flash').flash({src: flashvars[0],width: flashvars[1],height: flashvars[2]});

      
      $(".thumb").click(function() {
        var nro = $(this).prevAll('.thumb').length;
        var maara = $('.thumb').length - 1;
        if (nro == 0) {
          $('#edellinen').addClass('hidden');
        } else {
          $('#edellinen').removeClass('hidden');
        }
        
        if (nro == maara) {
          $('#seuraava').addClass('hidden');
        } else {
          $('#seuraava').removeClass('hidden');
        }
        $('.otsikko.selected').removeClass('selected');
        $('.otsikko:eq('+nro+')').addClass('selected');
        $('#thumbs .selected').removeClass('selected');
        $('#thumbs img:eq('+nro+')').addClass('selected');

        if(window.location.pathname == "/animaatiot") {
          var flashvars = $(this).attr('name').split("|");
          $('#flash').flash({src: flashvars[0],width: flashvars[1],height: flashvars[2]});
        } else {
          $('#kuva .selected').removeClass('selected');
          $('#kuva div:eq('+nro+')').addClass('selected');
        }
			});

      $("#edellinen").click(function() {
        var nro = $('#thumbs .selected').prevAll().length - 1;
        var maara = $('.thumb').length - 1;

        if (nro == 0) {
          $('#edellinen').addClass('hidden');
        } else {
          $('#edellinen').removeClass('hidden');
        }
        
        if (nro == maara) {
          $('#seuraava').addClass('hidden');
        } else {
          $('#seuraava').removeClass('hidden');
        }
			  $('.otsikko.selected').removeClass('selected');
 			  $('.otsikko:eq('+nro+')').addClass('selected');
			  $('#thumbs .selected').removeClass('selected');
 			  $('#thumbs img:eq('+nro+')').addClass('selected');

        if(window.location.pathname == "/animaatiot") {
          var flashvars = $('#thumbs img:eq('+nro+')').attr('name').split("|");
          $('#flash').flash({src: flashvars[0],width: flashvars[1],height: flashvars[2]});
        } else {
          $('#kuva .selected').removeClass('selected');
          $('#kuva div:eq('+nro+')').addClass('selected');
        }
			});

      $("#seuraava").click(function() {
        var nro = $('#thumbs .selected').prevAll().length + 1;
        var maara = $('.thumb').length - 1;

        if (nro == 0) {
          $('#edellinen').addClass('hidden');
        } else {
          $('#edellinen').removeClass('hidden');
        }
        
        if (nro == maara) {
          $('#seuraava').addClass('hidden');
        } else {
          $('#seuraava').removeClass('hidden');
        }
			  $('.otsikko.selected').removeClass('selected');
 			  $('.otsikko:eq('+nro+')').addClass('selected');
			  $('#thumbs .selected').removeClass('selected');
 			  $('#thumbs img:eq('+nro+')').addClass('selected');

        if(window.location.pathname == "/animaatiot") {
          var flashvars = $('#thumbs img:eq('+nro+')').attr('name').split("|");
          $('#flash').flash({src: flashvars[0],width: flashvars[1],height: flashvars[2]});
        } else {
          $('#kuva .selected').removeClass('selected');
          $('#kuva div:eq('+nro+')').addClass('selected');
        }
			});


		});