$(document).ready(function(){

	var last_open;
	var clone;
	var preview;
	
	$("a.expand").click(
		function()
		{
			if ($(this).html() == 'expand') 
			{
				$("a.expand").html('expand');
				$("a.expand").css('background-image', 'url(../../images/ico_expand.gif)');
				
				$(this).html('collapse');
				$(this).css('background-image', 'url(../../images/ico_collapse.gif)');
			}
			else if ($(this).html() == 'collapse')
			{
				$(this).html('expand');
				$(this).css('background-image', 'url(../../images/ico_expand.gif)');				
			}
			
			if ($(this).html() == 'vergrößern') 
			{
				$("a.expand").html('vergrößern');
				$("a.expand").css('background-image', 'url(../../images/ico_expand.gif)');
				
				$(this).html('verkleinern');
				$(this).css('background-image', 'url(../../images/ico_collapse.gif)');
			}
			else if ($(this).html() == 'verkleinern')
			{
				$(this).html('vergrößern');
				$(this).css('background-image', 'url(../../images/ico_expand.gif)');				
			}			
			
			$("body").append('<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent" id="curtain"></div>');
			
			var sel = $(this).attr("name");

			// close last opened
			if (last_open && sel != last_open) $("div." + last_open).toggle('slow');
			
			// open selected			
			$("div." + sel).toggle('slow', function() {
				var pos = $(this).position();
				var top = pos.top - 60;
				
				if (top > 0) $.scrollTo(top, 500, {onAfter: function()
					{ 
						$("#curtain").remove();					
					} 
				});
			});
			
			if (sel == last_open) 
			{
				last_open = '';
			} 
			else
			{
				last_open = sel;
			}
		}
	);	
	
	$("img.exp").hover(
		function()
		{
			var div = $(this).next();	
			var pos = $(this).position();
			var tip = div.children(".tip");

			var div_left = pos.left + $(this).width();
			var div_top = pos.top + (($(this).height() - div.outerHeight()) / 2);
			
			div.css("left", div_left + "px");
			div.css("top", div_top + "px");			

			var tip_top = div.height() / 2;

			tip.css("top", tip_top + "px");
			
			div.fadeIn();			
		},
		function()
		{
			$(this).next().fadeOut();
		}
	);
	
	$("img.mini").mouseover(
		function()
		{
			var pos = $(this).position();
			var top = pos.top - 340;
			var left = pos.left - 157;

			preview = $("#mini");
			
			clone = $(this).clone();
			clone.css('width', '415px');
			clone.css('border', '6px solid #e0e0e0');
			clone.css('display', 'block')
			clone.prependTo(preview);

			preview.css('top', top);
			preview.css('left', left);


			$("#arrow").css('display', 'block');
			preview.fadeIn(300);
		}
	);
	
	$("img.mini").mouseout(
		function()
		{
			clone.remove();
			preview.hide();
			$("#arrow").hide();
		}
	);
});