$(document).ready(function() {
	
	$(".tafel").click(function() {
	
		if (!$(this).hasClass('roundabout-in-focus')) {
			$(".tafel").each(function() {
				if ($(this).hasClass('roundabout-in-focus')) {
					$(this).children('.dataBack').css('display','none');
					$(this).children('.dataFront').css('display','block');
				}
			});
		}
		
		
		function mySideChange(front) {
			if (front) {
				$(this).children('.dataFront').css('display','block');
				$(this).children('.dataBack').css('display','none');
			} else {
				$(this).children('.dataBack').css('display','block');
				$(this).children('.dataFront').css('display','none');
				
			}
		}

		if ($(this).hasClass('roundabout-in-focus')) {
			$(this).rotate3Di(
				'toggle',
				700,
				{
					sideChange: mySideChange
				}
			);
		}
	});
	
	$('div#playground').roundabout({
		duration: 1000,
		minOpacity: 1.0,
		maxOpacity: 1.0,
		minScale: 0.5,
		maxScale: 1.0,
		childSelector: 'div.tafel',
		tilt: -4.0, // Neigungswinkel
		btnNext: '#next',
        btnPrev: '#previous'
	});
	
	// Diese Funktion dient dazu, alle belegten hrefs im Klickdummy zu hinterlegen
	/*
	$('a').each(function() {
		if ($(this).attr('href') != "" && $(this).attr('href') != "#" && $(this).attr('href') != "javascript:;") {
			$(this).css({ 
				'border':'1px dotted black'
			});
		}
	});
	*/	
});