
	// Löschen: DIV 
	var effectDeleteDiv = function( divID )
	{
		var el = $( divID );

		var morphDuration = 700;

		// eventuell angezeigten (alten) Tooltip ausblenden	
		//ToolTips.hide();

		elementHide = function() {
			el.setStyle('display','none');
		};

		elementSlide = function() {
			el.set('morph', { transition: 'expo:out' } );
			el.morph({  height: 0, width: 0, padding: 0, margin: 0 });
		};
		
		elementDestroy = function () {
			if( $chk(el) )
			{
				el.destroy();
			}
		}
		
		if( $chk( el ) )
		{
			el.set('morph', { duration: morphDuration/2 } );
			el.morph({ opacity: 0 } );
		
			elementSlide.delay(morphDuration/2);
			elementHide.delay(morphDuration);
			elementDestroy.delay(morphDuration*1.5);
		}
	};

	
	// Löschen: TABLE-ROW 
	var effectDeleteTr = function( trID )
	{

		var morphDuration = 700;

		// eventuell angezeigten (alten) Tooltip ausblenden	
		//ToolTips.hide();

		elementHide = function() {
			$( trID ).setStyle('display','none');
		};

		elementSlide = function() {
			cells.set('morph', { transition: 'expo:out' } );
			cells.setStyle('height', trsize.y-4 );
			cells.set('html','');
			cells.morph({ height: 0, padding: 0 });
		};
		
		if ($chk($(trID)))
		{
			var cells = $( trID ).getElements('td');
			var trsize = $( trID ).getSize();
	
			cells.set('morph', { duration: morphDuration/2 } );
			cells.morph({ opacity: 0 } );
	
			elementSlide.delay(morphDuration/2);
			elementHide.delay(morphDuration);
		}
	};
	
	
	// Bild austauschen
	var effectImageSwitch = function( imageID, imageSrc, imageTooltip )
	{
		var morphDuration = 500;
		$(imageID).set('morph', { duration: morphDuration/2 } );
		
		elementShow = function()
		{
			// eventuell angezeigten (alten) Tooltip ausblenden	
			//ToolTips.hide();

			$(imageID).set('morph', { transition: 'expo:out' } );

			var tooltip = imageTooltip.split('::');  
	
	        if($defined(tooltip[1]) && $defined(tooltip[0]))
	        {
	        	$(imageID).store('tip:title', tooltip[0]);  
	        	$(imageID).store('tip:text', tooltip[1]);
			}
	        else if ($defined(tooltip[0]))
	        {
				$(imageID).store('tip:title', tooltip[0]);  
				$(imageID).store('tip:text', '');
			}
			
			$(imageID).set('src',imageSrc);

			$(imageID).morph({ opacity: 1 } );
		}
		
		$(imageID).set('morph', { transition: 'expo:out' } );
		$(imageID).morph({ opacity: 0 } );

		elementShow.delay(morphDuration/2);
	};
	
	
	// Icon austauschen
	var effectIconSwitch = function( iconID, iconName, iconTooltip )
	{
		var morphDuration = 500;
		$(iconID).set('morph', { duration: morphDuration/2 } );
		
		elementShow = function()
		{
			// eventuell angezeigten (alten) Tooltip ausblenden	
			//ToolTips.hide();

			$(iconID).set('morph', { transition: 'expo:out' } );

			var tooltip = iconTooltip.split('::');  

	        if($defined(tooltip[1]) && $defined(tooltip[0]))
	        {
	        	$(iconID).store('tip:title', tooltip[0]);  
	        	$(iconID).store('tip:text', tooltip[1]);
			}
	        else if ($defined(tooltip[0]))
	        {
				$(iconID).store('tip:title', tooltip[0]);  
				$(iconID).store('tip:text', '');
			}
			
			$(iconID).set('src','/images/icon/16/' + iconName + '.png');

			$(iconID).morph({ opacity: 1 } );
		}
		
		$(iconID).set('morph', { transition: 'expo:out' } );
		$(iconID).morph({ opacity: 0 } );

		elementShow.delay(morphDuration/2);
	};
	

	// Overlay 
	var effectOverlayCreate = function( content )
	{
		if( $chk( $('overlay') ) == false )
		{
			var overlay = new Element('div', {
				'id': 'overlay',
				'class': 'overlay',
				'html': '<div id="overlayContent" class="content">' + content + '</div>'
			});

			overlay.inject( document.html , 'top' );
		}
	};

	var effectOverlayDestroy = function()
	{
		effectDeleteDiv('overlay');
	};

