function debug(debugContent) {
	jQuery('#debugContent').css('display', 'block');
	jQuery('#debugContent').html($('#debugContent').html()+'['+debugContent+'] ');
}


function setMyBumper() {
	
	var el = this;
	el.reflected			= false;
	el.isFinalized			= new Date().getTime();
	
	/*if($.browser.mozilla || $.browser.webkit) {
		$("a.dock-item2 img").reflect({height:0.3,opacity:0.2});
		el.reflected		= true;
	}*/

	el.elementDimensions 	= new Array();
	el.totalWidth			= 0;
	el.startTime			= 500;
	
	jQuery('a.dock-item2').each(function(index) {
		var thisId	= jQuery(this).attr('id');

		var paddingTop	= (jQuery('#dockCanvas').height() / 2) - (jQuery(this).height() / 2);
		jQuery(this).css('padding-top', paddingTop);
		
		el.elementDimensions[thisId] = new Array();
		el.elementDimensions[thisId]['width'] 		= 200//jQuery(this).width();
		el.elementDimensions[thisId]['height']		= 200//jQuery(this).height();
		el.elementDimensions[thisId]['padding']		= paddingTop;
		
		el.totalWidth								+= jQuery(this).width();
		
		jQuery(this).css('display','none');
		el.startTime += 80;
		window.setTimeout("jQuery('#"+jQuery(this).attr('id')+"').fadeIn('slow');", el.startTime);
	});

	var dock2Width			= el.totalWidth + (jQuery('a.dock-item2').length * 30);
	jQuery('#dock2').css('width',	dock2Width);
	var dock2Left			= (jQuery('#dockCanvas').width() / 2) - (jQuery('#dock2').width() / 2);

	jQuery('#dock2').css('width', dock2Width);
	jQuery('#dock2').css('left', dock2Left);
	
	// jQuery('a.dock-item2').css('margin-left', 2000);
	jQuery('#ajaxLoader').fadeOut("slow");
	
	// jQuery('#dock2').animate({ left: dock2Left }, 1000);
	// jQuery('a.dock-item2').animate({marginLeft: 10 }, {duration: 4000});
	// jQuery('#dock2').animate({ width: dock2Width }, 4000);
	el.isFinalized	+= 1000;	
	
	jQuery(document).mousemove(function(e){
		var myTime	= new Date().getTime();
		if(el.isFinalized > myTime) return false;
		
		jQuery('#mouseContent').css('top', e.pageY - (jQuery('#mouseContent').height() / 2) - 30 - jQuery('#dockCanvas').offset().top);
		jQuery('#mouseContent').css('left', e.pageX - (jQuery('#mouseContent').width() / 2) + 10 - jQuery('#dockCanvas').offset().left);
		
		if(
				e.pageX > jQuery('#dockCanvas').offset().left 
				&&
				e.pageX < (jQuery('#dockCanvas').offset().left + jQuery('#dockCanvas').width())
				&&
				e.pageY > jQuery('#dockCanvas').offset().top 
				&&
				e.pageY < (jQuery('#dockCanvas').offset().top + jQuery('#dockCanvas').height())
		) {
		
			if(jQuery('#dock2').width() < jQuery('#dockCanvas').width()) return true;
			var containerWidth	= jQuery('#dockCanvas').width() / 2;
			var halfDock		= jQuery('#dock2').width() / 2;
			
			// Mausposition relativ zur Mitte berechnen
			var mousePointerX	= e.pageX - jQuery('#dockCanvas').offset().left - (containerWidth);
			if(mousePointerX < -containerWidth) mousePointerX = -containerWidth;
			if(mousePointerX > containerWidth) mousePointerX = containerWidth;
			
			// Unterschied zwischen innerem und äusserem Container
			var containerDiff	= containerWidth - halfDock;
			
			// Mausposition relativ zum Container zur Verschiebung des inneren Containers berechnen
			var elementMoveX	= ((mousePointerX * 100) / (halfDock)) / 100;
	
			// Ursprüngliche Berechnung "über den Haufen" werfen, damit die Bewegung an den Rändern
			// schneller ist als in der Mitte
			//elementMoveX = elementMoveX * elementMoveX * (jQuery('a.dock-item2').length * elementMoveX / 2);
			
			// Nicht übertreiben und Werte eingerenzen
			//if(elementMoveX > 0.8) elementMoveX = 0.8;
			//if(elementMoveX < -0.8) elementMoveX = -0.8;
			
			var moveXdiff		= 0;
			moveXdiff			= Math.round(elementMoveX * (jQuery('#dock2').width() / 2));

			// Div-Position eingrenzen, damit es nicht aus dem Ruder läuft
			if(moveXdiff < containerDiff-20) moveXdiff = containerDiff-20;
			if(moveXdiff > -containerDiff-50)moveXdiff = -containerDiff-50;
			
			// Position-Left berechnen
			moveXdiff			= containerDiff - moveXdiff;
			
			jQuery('#dock2').css('left', moveXdiff);
		}
		
	});

	
	
	jQuery('a.dock-item2').hover(function() {

		var myTime	= new Date().getTime();
		if(el.isFinalized > myTime) return false;

		var thisId = jQuery(this).attr('id');

		// Tooltip befüllen und einblenden
		
		jQuery('#mouseContent').text(jQuery('#'+thisId+' span.itemText').text());
		jQuery('#mouseContent').css('display','block');
		
		/*
		var wmax =  Math.round(el.elementDimensions[thisId]['width'] * 1.5);
		var hmax =  Math.round(el.elementDimensions[thisId]['height'] * 1.5);
		var pmax =  Math.round(el.elementDimensions[thisId]['padding'] * 0.1);

		jQuery('#'+thisId).stop().animate({'paddingTop': pmax }, 200);
		if(el.reflected) {
			jQuery('#'+thisId+' span.reflect').stop().animate({ width: wmax, height:hmax }, 200);
			jQuery('#'+thisId+' span.reflect img').stop().animate({ width: wmax }, 200);
			jQuery('#'+thisId+' span.reflect canvas').stop().animate({ width: wmax }, 200);
		} else {
			jQuery('#'+thisId+' img').stop().animate({ width: wmax, height:hmax }, 200);
		}
		*/
		
	}, function() {

		var myTime	= new Date().getTime();
		if(el.isFinalized > myTime) return false;

		var thisId = jQuery(this).attr('id');
		
		// Tooltip verbergen
		jQuery('#mouseContent').css('display','none');
		
		/*
		var wmin 	= el.elementDimensions[thisId]['width'];
		var hmin 	= el.elementDimensions[thisId]['height'];
		var pmin 	= el.elementDimensions[thisId]['padding'];
	
		jQuery('#'+thisId).stop().animate({ 'paddingTop': pmin }, 500);
		if(el.reflected) {
			jQuery('#'+thisId+' span.reflect').stop().animate({ width: wmin, height:hmin }, 500);
			jQuery('#'+thisId+' span.reflect img').stop().animate({ width: wmin }, 500);
			jQuery('#'+thisId+' span.reflect canvas').stop().animate({ width: wmin }, 500);
		} else {
			jQuery('#'+thisId+' img').stop().animate({ width: wmin, height:hmin }, 500);
		}
		*/
	});
}