// Debugging
function d(text, color) {
	if (color == null) color = 'black';
	if ($('#debug').length == 0) { $('body').append('<div id="debug" style="z-index:1200;overflow:auto;position:absolute;top:10px;left:10px;width:200px;height:500px;font-size:10px;border:1px solid gray;"></div>'); } $('#debug').append('<span style="color:' + color + ';">' + text + '</span><br />');
}

// StartseitenGalerie - Plugin
(function($) {
    $.fn.tsStartseite = function(options) {
		var defaults = {
			scrollInterval: 3000,
			width: 1200,
			startElement: 0,
			animation: true
		};
		var options = $.extend(defaults, options);
		if ($('#image_mask').length == 0) {
			$('body').append('<div id="image_mask"></div>');
		}
		this.each(function() {
			var obj = $(this);
			var istUeberBereich = false;
			var aktuellesElement = 0;

			function initIndikatorAdditional(ele) {
				ele.append('<div class="image-resizer"><div class="text-resize">vergr&ouml;&szlig;ern</div><div class="arrow-resize">&gt;</div></div>');
				ele.hover(
					function() {
						//istUeberBereich = true;
						ele.find('.image-resizer').show();
					},
					function() {
						//istUeberBereich = false;
						ele.find('.image-resizer').hide();
					}
				);
				ele.click(function() {
					aktuellesElement = parseInt($(this).attr('num'));
					aktuellesElementOverlay = aktuellesElement;
					zeigtOverlayAn = true;
					$('#image_overlay').remove();
					zeigeHintergrund();
					$('body').append('<div id="image_overlay"><img id="image_image" /><div id="image_next" class="image_control"><a href="#">&gt;</a></div><div id="image_previous" class="image_control"><a href="#">&lt;</a></div><div id="image_close" class="image_control">X</div></div>');
					zentriereOverlay();
					ladeBildInOverlay(aktuellesElement);
					$('#image_previous, #image_next').bind('click', nextPreviousImageHandler);
					$('#image_close').bind('click', closeOverlayHandler);
					$(window).bind('resize scroll', resizeHandler);
				});
			};
			
			function ladeBildInOverlay(num) {
				var src = scrollImagesContainer.find('a:nth-child(' + (num + 1) + ')').attr('href');
				$('#image_overlay #image_image').attr('src', src).load(function() {
					//if (options.versteckeAlleBilderAusserErstes) {
					bildVerhaeltnis = $('#image_image').width() /  $('#image_image').height();
					bildGroessenWidth = $('#image_image').width();
					bildGroessenHeight = $('#image_image').height();
					$('#image_image').addClass('ready');
					passeGroesseAn();
					zentriereOverlay();
					$('#image_image').fadeIn(function() {
					});
				});
			}
			
			function animiere() {
				if (!istUeberBereich) {
					zeigeBild(1);
				}
				theTimeout = setTimeout(function(){
					animiere();
				},options.scrollInterval);
			};

			function zeigeBild(richtung) {
				if ((richtung == -1) && (aktuellesElement == 0)) {
					obj.css({ left: (-options.width * anzahlElemente) + 'px' } );
					aktuellesElement = anzahlElemente;
				}
				aktuellesElement = aktuellesElement + richtung;
				var temp = "-=";
				if (richtung == -1) temp = "+=";
				obj.animate({ left: temp + options.width + "px" }, function() {
					if (aktuellesElement == anzahlElemente) {
						obj.css({ left: '0px' } );
						aktuellesElement = 0;
					}
				});
			}
			
			var anzahlElemente = obj.find('li').length;
			
			// Nur animieren, wenn mehr als ein Bild
			if (obj.find('li').length > 1) {
				$(obj).append($(obj).find("li:first-child").clone());
				obj.width((options.width * (anzahlElemente+1)) + 'px');
			}
			
			obj.parent().append('<div id="startScrollerPrevious">&lt;</div><div id="startScrollerNext">&gt;</div>');
			
			obj.hover(function() { istUeberBereich = true; }, function() { istUeberBereich = false; } );
			$('#startScrollerNext, #startScrollerPrevious, .startImage,.startText').hover(function() { istUeberBereich = true; }, function() { istUeberBereich = false; } );
			
			$('#startScrollerNext').click(function() { zeigeBild(1); });
			$('#startScrollerPrevious').click(function() { zeigeBild(-1); });			
			
			if (options.animation) {
				// Nur animieren, wenn mehr als ein Bild
				if (obj.find('li').length > 1) {
					var timeout = setTimeout(function(){
						animiere();
					},options.scrollInterval);
				}
			}
		});
    };
})(jQuery);


$(document).ready(function() {
	$('.startWrap ul').tsStartseite();
	
	$("a[rel=gallery]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Bild ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});	
	
	if (($.browser.msie) && ($.browser.version == '7.0')) {
		$('#footer').before('<div class="stopfloating"></div>')
	}
	// Facebook
	//insertHTML += '<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTanzschule-Schwenzer%2F130018060368301&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=290" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe>';
	//$('body').fbsb({ pagename: 'Tanzschule-Schwenzer', pagenumber: '130018060368301' });

});