// JavaScript Document

$(document).ready(function(){
	// minScreenBox 
	// t = target
	// h = headline
	function minScreenBox(t,h){
	// 1.0 Containerstruktur für minBox in HTML erstellen
$('body').append('<div class="minScreenBox"><div class="imageHolder"><div class="headline">'+h+'</div></div><div class="background"></div></div>');
$('.minScreenBox .background').hide(0,function(){$('.minScreenBox .background').fadeIn(1000)});
$('.minScreenBox .headline').hide();
// 2.0 Angefordertes Image ins HTML schreiben
$('.minScreenBox .imageHolder').append('<img src="'+t+'" class="bigImage" />');
// 3.0 IMG-Tag auf nicht sichtbar stellen
$('.minScreenBox .imageHolder img').hide(0,function(){
// 4.0 Warten bis Bild komplett geladen ist
	 $(this).load(function(){
// 5.0 Jetzt die Bildproportionen erfragen und abspeichern
	 	var targetWidth = $(this).attr('width');
		var targetHeight = $(this).attr('height')+38;
// 6.0 Den DIV-Container auf richtige Größe bringen
		$('.minScreenBox .imageHolder').animate({width: targetWidth,height: targetHeight, marginLeft:targetWidth/2*-1, marginTop:targetHeight/2*-1},2000,function(){
// 7.0 Das Bild endlich auch mal einblenden
			$('.minScreenBox .headline').fadeIn('1000');
			$('.minScreenBox .imageHolder img').fadeIn('1000',function(){
// 9.a Den könnte aber nun auch einer anklicken - Siehe hierzu Close-Funktion
// 9.b Oder es kommen noch mehr Bilder ins Spiel o.O				
			
			});
		});
	 });
});

// 1.0 Jemand will das Bild schließen und klickt
$('.minScreenBox').click(function() {
// 2.0 Erst müssem wir den Knopf ausblenden - einmal klicken reicht ja

// 3.0 Danach wird das Bild ausgeblendet
		$('.minScreenBox .headline').fadeOut('1000');
		$('.minScreenBox .imageHolder img').fadeOut('1000',function(){
// 4.0 Und dann auch der DIV-Container ausgeblendet
			$('.background').animate({opacity: 0.0},1000);
			$('.minScreenBox').animate({opacity: 0.0},1000,function(){
// 5.0 Jetzt brauchen wir auch den HTML-Kram nicht mehr und löschen den einfach mal
			$('.minScreenBox').remove();
			});
		});	
	});

	};
	$('a').click(function(){
		if($(this).attr('rel') == 'minScreenBox'){
			minScreenBox($(this).attr('href'),$(this).attr('title'));
			return false;
		}
	});
		
	
	// minTabs v1.0
	// Wenn Tab inaktiv ist, bei Hover die Hover-Klasse setzen
	$('.minTabs .minHeadbar li').mouseenter(function(){
		if(!$(this).hasClass('active'))$(this).addClass('hover');
	})
	// Die Hover-Klasse beim Mouseout entfernen
	$('.minTabs .minHeadbar li').mouseleave(function(){
		$(this).removeClass('hover');
	})
	// Beim Klick auf Tab Contents tauschen und aktiven Tab hervorheben
	$('.minTabs .minHeadbar li').click(function(){
		$('li',$(this).parent()).removeClass('active');
		$(this).addClass('active');
		$('.minContent .tabContent',$(this).parent().parent()).hide();
		$('.minContent .tabContent:eq('+$(this).index()+')',$(this).parent().parent()).show();
	})
	
	// minPanels v1.0
	$('.minPanels .minHeadbar div').click(function(){
		if($('.minContent',$(this).parent().parent()).css('display') == 'block'){
			$('.minContent',$(this).parent().parent()).slideUp(500);
			$(this).removeClass('minSwitchUp');
			$(this).addClass('minSwitchDown');	
		}else {
			$('.minContent',$(this).parent().parent()).slideDown(500);
			$(this).removeClass('minSwitchDown');
			$(this).addClass('minSwitchUp');
		}
	})
	
	// minLinkIcons v1.0
	$("a[href$='.psd']").addClass("minIcon_psd");
	$("a[href$='.css']").addClass("minIcon_css");
	$("a[href$='.js']").addClass("minIcon_js");
	$("a[href$='.pdf']").addClass("pdf");
	$("a[href$='.doc'], a[href$='.docx'], a[href$='.txt'], a[href$='.rtf']").addClass("txt");
	$("a[href$='.zip'], a[href$='.rar']").addClass("zip"); 
	$("a[href^='mailto:']").addClass("email");
	$('a').filter(function() {
	    return this.hostname && this.hostname !== location.hostname;
	  }).addClass("external");
	  
	//minTooltipp
	
  	//minPulldown
	
		$('.minPulldownMenu ul ul').hide();
	
	$('.minPulldownMenu > ul li').mouseleave(function(){
		$('ul',this).fadeOut('fast');
	})	
	
	$('.minPulldownMenu').mouseleave(function(){
	$('.minPulldownMenu ul ul').fadeOut('fast');
	})									  
	$('.minPulldownMenu li').mouseenter(function(){
		$('ul',this).fadeIn('fast');
		$('ul ul',this).hide();
	})
	$('.minPulldownMenu ul ul').mouseleave(function(){
		$(this).fadeOut('fast');
	})
	$('.minPulldownMenu > ul').mouseleave(function(){
		$('.minPulldownMenu ul ul').fadeOut('fast');
	})	
	
		
	// minAccordion
	$('.minAccordion .headline').click(function(){
	$('.subcontent',$(this).parent()).toggle('slow');
});
})

// Nutzungshinweise
// t = Target 	| Ziel auf das der Tooltip gelegt wird
// h = Headline	| Überschrift des Tooltipps
// f = Footage	| Inhalt des Tooltipps (unterstützt auch HTML-Tags)

function minTooltip(t,h,f){
	$('<div class="'+t+'c minTooltip"><p class="h">'+h+'</p><p class="f">'+f+'</p></div>').appendTo('body');
	$('.'+t).mouseover(function(){
		$('.'+t+'c').css("display","block");
		$('.'+t).mousemove(function(e){
			$('.'+t+'c').css({top:e.pageY+5,left:e.pageX+5});
   		});
	});
	$('.'+t).mouseout(function(){
		$('.'+t+'c').css('display','none');
	});
}

// h = Headlin	| Überschrift des Dialogfensters
// f = Footage	| Inhalt des Dialogfensters (unterstützt auch HTML-Tags)
// autoClose 	| Wenn Wert mitgegeben wird, dann erscheint ein 
//		"		| Schließen-Button mit dem angegebenen Text

function minDialog(h,f,autoClose){
	var minDialogContent = '<div class="minDialog"><div class="background"></div><div class="minDialogWrapper"><div class="headline">'+h+'</div><div class="message">'+f+'</div></div></div>';
	$('body').append(minDialogContent);
	if(autoClose){
		$('.minDialogWrapper').append('<div class="close"><a href="javascript:minDialogClose()">'+autoClose+'</a></div>');
	};
		$('.minDialog .background').hide();
	$('.minDialog .minDialogWrapper').hide();
	$('.minDialog .minDialogWrapper').toggle(1000);
	$('.minDialog .background').fadeIn(1000);
	};
	function minDialogClose(){
		$('.minDialog .minDialogWrapper').toggle(1000);
	$('.minDialog .background').fadeOut(1000,function(){$('.minDialog').remove()});
		//$('.minDialog').remove();
	};