jQuery(document).ready(function($){
	$('.thema').each(function(index) {
    $('<div class="navi_item tdt_off" rel="'+parseInt(index +1)+'">'+parseInt(index+1)+'</div>').appendTo('#tdt_navi');
  	});
  	$('.navi_item:first').removeClass('tdt_off').addClass('tdt_on');
  	$('.navi_item').live('click', function() {
  	
  	var margin=parseInt(($(this).attr('rel')*371)-371);
  	var active=$(this);
  	$('#scrollcontainer').animate({ marginLeft: -margin }, 1000, function() {
  		$('.tdt_on').removeClass('tdt_on').addClass('tdt_off');
  		$(active).removeClass('tdt_off').addClass('tdt_on');
  	});
  	});

});