/*
-----::: ABCnet.nl © 2010 :::-----
DATE: 21/12/2010
EDITED: 21/12/2010
DESCRIPTION: This is the JavaScript required to showdivs Requires jQuery library 
*/




$(document).ready(function() {
	
	/********************************************************************************************************************

	********************************************************************************************************************/	
		// 1 	Onze magische missie button	= div.start01-01-01
		$('div.start01-01-02').click(function() {
											window.location.href = "/onze-magische-missie.aspx";
												});
		$('div.start01-01-01').hover(
									 
									 function(){
										
										 $('#start01-01-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-01-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-01-02').fadeOut('3000');
										
									 }
									 ); 
	// 2 	Monumentaal button	= div.start01-02-01
		$('div.start01-02-02').click(function() {
											window.location.href = "/monumentaal.aspx";
												});
		$('div.start01-02-01').hover(
									 
									 function(){
										
										 $('#start01-02-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-02-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-02-02').fadeOut('3000');
										
									 }
									 ); 
	// 3 	Glassdenken button	= div.start01-03-01
		$('div.start01-03-02').click(function() {
											window.location.href = "/glassdenken.aspx";
												});
		$('div.start01-03-01').hover(
									 
									 function(){
																				
										$('#start01-03-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-03-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-03-02').fadeOut('3000');
									 }
									 ); 
	// 4	Meubels button	= div.start01-04-01
		$('div.start01-04-02').click(function() {
											window.location.href = "/meubels.aspx";
												});
		
		$('div.start01-04-01').hover(
									 
									 function(){
										
										 $('#start01-04-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-04-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-04-02').fadeOut('3000');
										
									 }
									 ); 
	// 5 	Toegangkelijke kunst: deuren button	= div.start01-05-01
		$('div.start01-05-02').click(function() {
											window.location.href = "/toegankelijke-kunst-deuren.aspx";
												});
		
		$('div.start01-05-01').hover(
									 
									 function(){
										
										 $('#start01-05-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-05-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-05-02').fadeOut('3000');
																			 }
									 ); 
	// 6 	Contact button	= div.start01-06-01
		$('div.start01-06-02').click(function() {
											window.location.href = "/contact.aspx";
												});
		
		$('div.start01-06-01').hover(
									 
									 function(){
										
										 $('#start01-06-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-06-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-06-02').fadeOut('3000');
										
									 }
									 ); 
	// 7 	Ontwerp button	= div.start01-07-01
		$('div.start01-07-02').click(function() {
											window.location.href = "/ontwerp.aspx";
												});
		
		$('div.start01-07-01').hover(
									 
									 function(){
										
										 $('#start01-07-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-07-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-07-02').fadeOut('3000');
										
									 }
									 ); 
	// 8 	Onze geheimen button	= div.start01-08-01
		$('div.start01-08-02').click(function() {
											window.location.href = "/onze-geheimen.aspx";
												});
		
		$('div.start01-08-01').hover(
									 
									 function(){
										
										 $('#start01-08-02').fadeIn('3000','linear');

									 },
									 function(){
									 }
									 );
		$('div.start01-08-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-08-02').fadeOut('3000');
										
									 }
									 ); 
	// 9 	Voor wie? button	= div.start01-09-01
		$('div.start01-09-02').click(function() {
											window.location.href = "/voor-wie.aspx";
												});
		
		$('div.start01-09-01').hover(
									 
									 function(){
										
										 $('#start01-09-02').fadeIn('3000','linear');

									 },
									 function(){
									 }
									 );
		$('div.start01-09-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-09-02').fadeOut('3000');
										
									 }
									 ); 
	// 10 	Glassworks, the movie button	= div.start01-10-01
		$('div.start01-10-02').click(function() {
											window.location.href = "/glassworks-the-movie.aspx";
												});
		
		$('div.start01-10-01').hover(
									 
									 function(){

										 $('#start01-10-02').fadeIn('3000','linear');

									 },
									 function(){
									 }
									 );
		$('div.start01-10-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-10-02').fadeOut('3000');
									 }
									 ); 
	// 11 	Links button	= div.start01-11-01
		$('div.start01-11-02').click(function() {
											window.location.href = "/links.aspx";
												});
		
		$('div.start01-11-01').hover(
									 
									 function(){
										
										 $('#start01-11-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-11-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-11-02').fadeOut('3000');
									 }
									 ); 
	// 12 	Wijzelf button	= div.start01-12-01
		$('div.start01-12-02').click(function() {
											window.location.href = "/wijzelf.aspx";
												});
		
		$('div.start01-12-01').hover(
									 
									 function(){
										
										 $('#start01-12-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-12-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-12-02').fadeOut('3000');
									 }
									 ); 
	// 13	Bewerkingen button	= div.start01-13-01
		$('div.start01-13-02').click(function() {
											window.location.href = "/bewerkingen.aspx";
												});
		
		$('div.start01-13-01').hover(
									 
									 function(){
										
										 $('#start01-13-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-13-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-13-02').fadeOut('3000');
									 }
									 ); 
			// 14	Programma button	= div.start01-14-01
		$('div.start01-14-02').click(function() {
											window.location.href = "/programma.aspx";
												});
		
		$('div.start01-14-01').hover(
									 
									 function(){
										
										 $('#start01-14-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-14-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-14-02').fadeOut('3000');
									 }
									 ); 
					// 15	Home button	= div.start01-15-01
		$('div.start01-15-02').click(function() {
											window.location.href = "/default.aspx";
												});
		
		$('div.start01-15-01').hover(
									 
									 function(){
										
										 $('#start01-15-02').fadeIn('3000','linear');
										
									 },
									 function(){
									 }
									 );
		$('div.start01-15-02').hover(
									 
									 function(){
										
									 },
									 function(){
										 $('#start01-15-02').fadeOut('3000');
									 }
									 ); 
	// RESET BODY BUTTON
	$('#body').hover(
									 
									 function(){
										 $('#start01-01-02').fadeOut('3000');
										 
										 $('#start01-02-02').fadeOut('3000');

										 $('#start01-03-02').fadeOut('3000');
										 
										 $('#start01-04-02').fadeOut('3000');
										 
										 $('#start01-05-02').fadeOut('3000');
										 
										 $('#start01-06-02').fadeOut('3000');

										 $('#start01-07-02').fadeOut('3000');
										 
										 $('#start01-08-02').fadeOut('3000');
										 
										 $('#start01-09-02').fadeOut('3000');
										 
										 $('#start01-10-02').fadeOut('3000');

										 $('#start01-11-02').fadeOut('3000');
										 
										 $('#start01-12-02').fadeOut('3000');
										 
										 $('#start01-13-02').fadeOut('3000');
										 
										 $('#start01-14-02').fadeOut('3000');
										 
										 $('#start01-15-02').fadeOut('3000');
									 },
									 function(){
										 
									 }
									 ); 
});
