jQuery(document).ready(function(){
	
	var lowest_opacity = 0.3;
	var highest_opacity = 1;

	/*OPACITY DER LOGOS #######################################################################*/
	jQuery("#col1 .csc-textpic-imagewrap img").css('opacity', lowest_opacity);

	randomzahl(1);

	/*LOGO CLICK #######################################################################*/
		jQuery("#col1 .csc-textpic-imagewrap img").click(function(){
			
			jQuery("#col1 .csc-textpic-imagewrap img").css('opacity', highest_opacity);

			jQuery(".rechtespalte div").empty();

			var inhalt = jQuery(this).parent().parent().parent().parent().html();
			jQuery(".rechtespalte div").append(inhalt);
			jQuery(".rechtespalte img").css('opacity', highest_opacity);

			jQuery(".active_image").removeClass("active_image");
			jQuery(this).addClass("active_image");

			clearTimeout(timer);
		});

	/*RANDOM NUMBER #######################################################################*/

		function randomzahl(anim_handler){
			var randomnumber=Math.floor(Math.random()*50); /*Anzahl der Referenzen*/
			jQuery(".active_image").fadeTo("slow", lowest_opacity);
			jQuery(".active_image").removeClass("active_image");

			jQuery("#col1 .csc-textpic-imagewrap img:eq("+randomnumber+")").addClass("active_image");
			jQuery("#col1 .csc-textpic-imagewrap img:eq("+randomnumber+")").fadeTo("slow", highest_opacity);
			var zufallselement = jQuery(".csc-textpic:eq("+randomnumber+")").html();

			jQuery(".rechtespalte div").empty();
			jQuery(".rechtespalte div").append(zufallselement);
			jQuery(".rechtespalte img").css('opacity', highest_opacity);

			timer = setTimeout(function () { randomzahl(anim_handler);}, 2000);
		};
});