// JavaScript Document<!-- html -->


// 1. Don't Drop
$(function(){
	$('div#Blindtext_1').hide();
	
	$('p#Toggle1').toggle(function(){
		// erstes klick
	        $('div#Blindtext_1').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_1').slideUp(400);  
	});
	
	return false;
});


// 1 1/2. Zeitungsausschnitt
$(function(){
	$('div#Blindtext_1b').hide();
	
	$('p#Toggle1b').toggle(function(){
		// erstes klick
	        $('div#Blindtext_1b').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_1b').slideUp(400);  
	});
	
	return false;
});


// 2. CUBCUB
$(function(){
	$('div#Blindtext_2').hide();
	
	$('p#Toggle2').toggle(function(){
		// erstes klick
	        $('div#Blindtext_2').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_2').slideUp(400);  
	});
	
	return false;
});


// 2b. SCRUM
$(function(){
	$('div#Blindtext_2b').hide();
	
	$('p#Toggle2b').toggle(function(){
		// erstes klick
	        $('div#Blindtext_2b').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_2b').slideUp(400);  
	});
	
	return false;
});




// 3. Battleforge
$(function(){
	$('div#Blindtext_3').hide();
	
	$('p#Toggle3').toggle(function(){
		// erstes klick
	        $('div#Blindtext_3').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_3').slideUp(400);  
	});
	
	return false;
});




// 3b. Poisonville
$(function(){
	$('div#Blindtext_3b').hide();
	
	$('p#Toggle3b').toggle(function(){
		// erstes klick
	        $('div#Blindtext_3b').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_3b').slideUp(400);  
	});
	
	return false;
});



// 4. Thesis
$(function(){
	$('div#Blindtext_4').hide();
	
	$('p#Toggle4').toggle(function(){
		// erstes klick
	        $('div#Blindtext_4').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_4').slideUp(400);  
	});
	
	return false;
});




// 5. TIMEA
$(function(){
	$('div#Blindtext_5').hide();
	
	$('p#Toggle5').toggle(function(){
		// erstes klick
	        $('div#Blindtext_5').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_5').slideUp(400);  
	});
	
	return false;
});


// 6. Laut und Leise
$(function(){
	$('div#Blindtext_6').hide();
	
	$('p#Toggle6').toggle(function(){
		// erstes klick
	        $('div#Blindtext_6').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_6').slideUp(400);  
	});
	
	return false;
});



// 6b. Music Stefan
$(function(){
	$('div#Blindtext_6b').hide();
	
	$('p#Toggle6b').toggle(function(){
		// erstes klick
	        $('div#Blindtext_6b').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_6b').slideUp(400);  
	});
	
	return false;
});


// 7. Palfinger
$(function(){
	$('div#Blindtext_7').hide();
	
	$('p#Toggle7').toggle(function(){
		// erstes klick
	        $('div#Blindtext_7').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_7').slideUp(400);  
	});
	
	return false;
});


// 8. rec
$(function(){
	$('div#Blindtext_8').hide();
	
	$('p#Toggle8').toggle(function(){
		// erstes klick
	        $('div#Blindtext_8').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_8').slideUp(400);  
	});
	
	return false;
});

// 9. Blindflug
$(function(){
	$('div#Blindtext_9').hide();
	
	$('p#Toggle9').toggle(function(){
		// erstes klick
	        $('div#Blindtext_9').slideDown(400);  
	    }, function() {
	    	// zweites klick
	        $('div#Blindtext_9').slideUp(400);  
	});
	
	return false;
});








// 1. Don't Drop
//bilderclicker
$(function(){
	// alle Bilder – bis auf das erste – unsichtbar
	$('div#Clickbilder img:gt(0)').hide();
	
	// bilderNummer anfangs auf "0" gesetzt
	var bN = 0; 
	
	$('ul#bilderClicker a').click(function(){
	
		// anzeige bei den buttons einstellen, welches bild gerade aktiv ist
		clickButtonAktivieren($(this),bN);
		
		// uB = unsichtbar zu machendes Bild, abhängig von "bN"
		var uB = 'div#Clickbilder img:eq('+bN+')';
		
		// Text, auf den man bei ul#bilderClicker klickt, zB: "Bild 1"
		var cT = $(this).text();
		// cN = ziffer des angeklickten Links - 1, (weil Arrays bei 0 anfangen), z.b. "2"
		var cN = (cT.slice(5)) -1;
		
		// sB = sichtbar zu machendes Bild, abhängig von "cN"
		var sB = 'div#Clickbilder img:eq('+cN+')'; 
		
		//alert (uB + "," + cN + "," + sB);
		
		/* 
		damit weiss die Funktion, welches Bild 
		beim nächsten Klick ausgeblendet werden soll 
		*/
		bN = cN; 
		
		/*
		"chained" funktionen: damit wird zuerst das alte Bild 
		ausgeblendet und dann erst das neue eingeblendet
		*/
		$(uB).fadeOut(500, function(){
			$(sB).fadeIn(500);
		});
		
		return false;
	});
});

function clickButtonAktivieren(ele,bN){
	// erst mal das "aktiv" beim alten Button wegnehmen
	var altButton = 'ul#bilderClicker a:eq('+bN+')';
	$(altButton).removeClass('aktiv');
	
	// dem angeklickten button die klasse "aktiv" hinzufügen
	ele.addClass('aktiv');
}



// 1 1/2. Zeitungsauschnitt
//bilderclicker
$(function(){
	// alle Bilder – bis auf das erste – unsichtbar
	$('div#Clickbilder1b img:gt(0)').hide();
	
	// bilderNummer anfangs auf "0" gesetzt
	var bN = 0; 
	
	$('ul#bilderClicker1b a').click(function(){
	
		// anzeige bei den buttons einstellen, welches bild gerade aktiv ist
		clickButtonAktivieren($(this),bN);
		
		// uB = unsichtbar zu machendes Bild, abhängig von "bN"
		var uB = 'div#Clickbilder1b img:eq('+bN+')';
		
		// Text, auf den man bei ul#bilderClicker klickt, zB: "Bild 1"
		var cT = $(this).text();
		// cN = ziffer des angeklickten Links - 1, (weil Arrays bei 0 anfangen), z.b. "2"
		var cN = (cT.slice(5)) -1;
		
		// sB = sichtbar zu machendes Bild, abhängig von "cN"
		var sB = 'div#Clickbilder1b img:eq('+cN+')'; 
		
		//alert (uB + "," + cN + "," + sB);
		
		/* 
		damit weiss die Funktion, welches Bild 
		beim nächsten Klick ausgeblendet werden soll 
		*/
		bN = cN; 
		
		/*
		"chained" funktionen: damit wird zuerst das alte Bild 
		ausgeblendet und dann erst das neue eingeblendet
		*/
		$(uB).fadeOut(500, function(){
			$(sB).fadeIn(500);
		});
		
		return false;
	});
});

function clickButtonAktivieren(ele,bN){
	// erst mal das "aktiv" beim alten Button wegnehmen
	var altButton = 'ul#bilderClicker1b a:eq('+bN+')';
	$(altButton).removeClass('aktiv');
	
	// dem angeklickten button die klasse "aktiv" hinzufügen
	ele.addClass('aktiv');
}




// 3. battleforge
//bilderclicker
$(function(){
	// alle Bilder – bis auf das erste – unsichtbar
	$('div#Clickbilder3 img:gt(0)').hide();
	
	// bilderNummer anfangs auf "0" gesetzt
	var bN = 0; 
	
	$('ul#bilderClicker3 a').click(function(){
	
		// anzeige bei den buttons einstellen, welches bild gerade aktiv ist
		clickButtonAktivieren($(this),bN);
		
		// uB = unsichtbar zu machendes Bild, abhängig von "bN"
		var uB = 'div#Clickbilder3 img:eq('+bN+')';
		
		// Text, auf den man bei ul#bilderClicker klickt, zB: "Bild 1"
		var cT = $(this).text();
		// cN = ziffer des angeklickten Links - 1, (weil Arrays bei 0 anfangen), z.b. "2"
		var cN = (cT.slice(5)) -1;
		
		// sB = sichtbar zu machendes Bild, abhängig von "cN"
		var sB = 'div#Clickbilder3 img:eq('+cN+')'; 
		
		//alert (uB + "," + cN + "," + sB);
		
		/* 
		damit weiss die Funktion, welches Bild 
		beim nächsten Klick ausgeblendet werden soll 
		*/
		bN = cN; 
		
		/*
		"chained" funktionen: damit wird zuerst das alte Bild 
		ausgeblendet und dann erst das neue eingeblendet
		*/
		$(uB).fadeOut(500, function(){
			$(sB).fadeIn(500);
		});
		
		return false;
	});
});

function clickButtonAktivieren(ele,bN){
	// erst mal das "aktiv" beim alten Button wegnehmen
	var altButton = 'ul#bilderClicker3 a:eq('+bN+')';
	$(altButton).removeClass('aktiv');
	
	// dem angeklickten button die klasse "aktiv" hinzufügen
	ele.addClass('aktiv');
}




// 2. CUBCUB
//bilderclicker
$(function(){
	// alle Bilder – bis auf das erste – unsichtbar
	$('div#Clickbilder2 img:gt(0)').hide();
	
	// bilderNummer anfangs auf "0" gesetzt
	var bN = 0; 
	
	$('ul#bilderClicker2 a').click(function(){
	
		// anzeige bei den buttons einstellen, welches bild gerade aktiv ist
		clickButtonAktivieren($(this),bN);
		
		// uB = unsichtbar zu machendes Bild, abhängig von "bN"
		var uB = 'div#Clickbilder2 img:eq('+bN+')';
		
		// Text, auf den man bei ul#bilderClicker klickt, zB: "Bild 1"
		var cT = $(this).text();
		// cN = ziffer des angeklickten Links - 1, (weil Arrays bei 0 anfangen), z.b. "2"
		var cN = (cT.slice(5)) -1;
		
		// sB = sichtbar zu machendes Bild, abhängig von "cN"
		var sB = 'div#Clickbilder2 img:eq('+cN+')'; 
		
		//alert (uB + "," + cN + "," + sB);
		
		/* 
		damit weiss die Funktion, welches Bild 
		beim nächsten Klick ausgeblendet werden soll 
		*/
		bN = cN; 
		
		/*
		"chained" funktionen: damit wird zuerst das alte Bild 
		ausgeblendet und dann erst das neue eingeblendet
		*/
		$(uB).fadeOut(500, function(){
			$(sB).fadeIn(500);
		});
		
		return false;
	});
});

function clickButtonAktivieren(ele,bN){
	// erst mal das "aktiv" beim alten Button wegnehmen
	var altButton = 'ul#bilderClicker2 a:eq('+bN+')';
	$(altButton).removeClass('aktiv');
	
	// dem angeklickten button die klasse "aktiv" hinzufügen
	ele.addClass('aktiv');
}

// 4. THESIS
//bilderclicker
$(function(){
	// alle Bilder – bis auf das erste – unsichtbar
	$('div#Clickbilder4 img:gt(0)').hide();
	
	// bilderNummer anfangs auf "0" gesetzt
	var bN = 0; 
	
	$('ul#bilderClicker4 a').click(function(){
	
		// anzeige bei den buttons einstellen, welches bild gerade aktiv ist
		clickButtonAktivieren($(this),bN);
		
		// uB = unsichtbar zu machendes Bild, abhängig von "bN"
		var uB = 'div#Clickbilder4 img:eq('+bN+')';
		
		// Text, auf den man bei ul#bilderClicker klickt, zB: "Bild 1"
		var cT = $(this).text();
		// cN = ziffer des angeklickten Links - 1, (weil Arrays bei 0 anfangen), z.b. "2"
		var cN = (cT.slice(5)) -1;
		
		// sB = sichtbar zu machendes Bild, abhängig von "cN"
		var sB = 'div#Clickbilder4 img:eq('+cN+')'; 
		
		//alert (uB + "," + cN + "," + sB);
		
		/* 
		damit weiss die Funktion, welches Bild 
		beim nächsten Klick ausgeblendet werden soll 
		*/
		bN = cN; 
		
		/*
		"chained" funktionen: damit wird zuerst das alte Bild 
		ausgeblendet und dann erst das neue eingeblendet
		*/
		$(uB).fadeOut(500, function(){
			$(sB).fadeIn(500);
		});
		
		return false;
	});
});

function clickButtonAktivieren(ele,bN){
	// erst mal das "aktiv" beim alten Button wegnehmen
	var altButton = 'ul#bilderClicker4 a:eq('+bN+')';
	$(altButton).removeClass('aktiv');
	
	// dem angeklickten button die klasse "aktiv" hinzufügen
	ele.addClass('aktiv');
}