// JavaScript Document
$(document).ready(function()
{
	
	var elms=$('.bilder .media_elm').hide();
	var navielms=$('.bilder .navi_elm');
	
	var anz=elms.length;
	var ind=0;
	var timeout=2000;
	var fadetime=200;
	
	var activetimeout;
	
	
	navielms.click(function(){
		ind=$(this).attr("allcount");	
		loadMyContent();
		
	});
	
	
	
	var loadMyContent = function() { 
		elms.fadeOut(fadetime);
		var elm=elms.eq(ind);
		navielms.each(function(){
			$(this).html($(this).attr("allcount"));
		});	
		navielms.removeClass("selected");
		var navielm=navielms.eq(elm.attr("collcount"));
		navielm.addClass("selected");
		navielm.html(elm.attr("allcount"));
		elm.fadeIn(fadetime);
		ind++;
		if(ind>=anz){
			ind=0;
		}
		clearTimeout(activetimeout);
		activetimeout=setTimeout(loadMyContent,timeout); 
	} 
	
	
	
	
	
	loadMyContent(); 

	
	
	
});