function finishNavigate(){
  $("#toggle_"+pageName).unbind('click').one('click', function(){hideNieuws(pageName);});
  $("#menu li a").each(
    function(){
  	  if ($(this).text().toLowerCase() == pageName){
  	    $(this).attr('class', 'current');
	  } else if ($(this).text().toLowerCase() == oldPageName){
	    $(this).attr('class', '');
	  }
    }
  );
  oldPageName = pageName;
  location.hash = pageName;
}

function prepareGallery(name){
	var gallery;
	var gallery_hack;
	var gallery_hack_2;	
	var names = new Array();
	
	// define the names of the different galleries
	names[0] = "nieuws";
	names[1] = "projecten";
	names[2] = "equipment";
	names[3] = "gallery";
	names[4] = "contact";
		
		
	for (i = 0; i < 5; i++){
		// find the current gallery's name
		var name = names[i];
		
		// define the galleries internal names
		gallery = "#"+name+'_blok';
		gallery_hack = "#"+name+"_hack";
		gallery_hack_2 = "#"+name+"_hack_2";
		toggle = "#toggle_"+name;
		
		// fix the style for the outer div
		$(gallery_hack_2)
			.css('height', $(gallery).outerHeight()+24)
			.css('width', $(gallery).outerWidth()+10)
			.css('position', 'absolute')
			.css('left', '530px')
			.css('top', '0px')
			.css('z-index', '3');
		
		// fix the style for the middle div
		$(gallery_hack)
			.css('overflow', 'hidden')
			.css('height', $(gallery).outerHeight()+24)
			.css('width', $(gallery).outerWidth()+10)
			.css('position', 'absolute')
			.css('left', '0px')
			.css('top', '0px')
			.css('z-index', '3');
		
		// fix the style for the inner div
		$(gallery)
			.css('left', '10px')
			.css('top', '0px');
		
		if (!(name == "contact")){
			// add the toggle button
			$(gallery_hack_2).append('<div id="toggle_'+name+'" class="toggle"></div>');
		
			$(toggle)
				.css('position', 'absolute')
				.css('bottom', '-23px')
				.css('height', '41px')
				.css('width', '61px')
				.css('left', '142px')
				.css('z-index', '2')
				.css('background-color', '#090')
				.css('background', 'transparent url(/site/images/bolletje_uit.png) no-repeat center -0px')
				.css('cursor', 'pointer')
				.one('click', function(){initNieuws(name);})
				.click();
		} // if
	} // for
} // function

function initNieuws(name){
	// define the names of the different galleries
	var names = new Array();
	names[0] = "nieuws";
	names[1] = "projecten";
	names[2] = "equipment";
	names[3] = "gallery";
	names[4] = "contact";
	
  var gallery;
	var gallery_hack;
	var gallery_hack_2;
	
	if (name == ''){
		return; // can't do anything without a name
	}
	
	// define the gallery's internal names
	gallery = "#"+name+"_blok";
  gallery_hack = "#"+name+"_hack";
	gallery_hack_2 = "#"+name+"_hack_2";
	toggle = "#toggle_"+name;
	
  nieuwsHeight[names.indexOf(name)] = $(gallery_hack).height();
  $(toggle).css('height', '115px')
    .css('height', '41px')
	  .css('bottom', '-23px')
	  .css('width', '61px')
	  .css('left', '142px')
	  .css('background-image', 'url(/site/images/bolletje_uit.png)')
	  .css('background-position', 'center -0px');
  //$(gallery_hack+','+gallery_hack_2).css('height', '0');
  $(toggle).one('click', function(){hideNieuws(name);});
}

function hideNieuws2(){
	hideNieuws(pageName);
}

function hideNieuws(name){
	// define the names of the different galleries
	var names = new Array();
	names[0] = "nieuws";
	names[1] = "projecten";
	names[2] = "equipment";
	names[3] = "gallery";
	names[4] = "contact";
	
	var gallery;
	var gallery_hack;
	var gallery_hack_2;
	
	if (name == ''){
		return; // can't do anything without name
	}
	
	gallery = "#"+name+"_blok";
  gallery_hack = "#"+name+"_hack";
	gallery_hack_2 = "#"+name+"_hack_2";
	toggle = "#toggle_"+name;
	
  nieuwsHeight[names.indexOf(name)] = $(gallery_hack).height();
  setTimeout(function(){
    $(toggle)
	  .css('height', '115px')
	  .css('width', '81px')
	  .css('bottom', '-115px')
	  .css('left', '132px')
	  .css('background-image', 'url(/site/images/bolletje_in_'+name+'.png)')
	  .css('background-position', 'center -0px');
  },1350);
  $(gallery_hack+","+gallery_hack_2).animate({'height': 0}, 1500).filter(gallery_hack_2).css('overflow', 'visible');
  $(toggle).one('click', function(){showNieuws(name);});
}

function showNieuws(name){
	// define the names of the different galleries
	var names = new Array();
	names[0] = "nieuws";
	names[1] = "projecten";
	names[2] = "equipment";
	names[3] = "gallery";
	names[4] = "contact";
	
	var gallery;
	var gallery_hack;
	var gallery_hack_2;
	
	if (name == ''){
		return; // can't do anything without name
	}
	
	gallery = "#"+name+"_blok";
  gallery_hack = "#"+name+"_hack";
	gallery_hack_2 = "#"+name+"_hack_2";
	toggle = "#toggle_"+name;
	
  setTimeout(function(){
    $(toggle)
	  .css('height', '41px')
	  .css('bottom', '-23px')
	  .css('width', '61px')
	  .css('left', '142px')
	  .css('background-image', 'url(/site/images/bolletje_uit.png)')
	  .css('background-position', 'center -0px');
    }, 1400);	
  $(gallery_hack+","+gallery_hack_2).animate({'height': nieuwsHeight[names.indexOf(name)]}, 1500).filter(gallery_hack_2).css('overflow', 'visible');
  $(toggle).one('click', function(){hideNieuws(name);});
}



function loadNieuws(){
	var linkje = $(this);
	var gallery_blok = $(this).parent().parent();
	var gallery_hack = $(this).parent().parent().parent();
	
	var name = gallery_blok.attr("id").reverse().substr(5).reverse();
	
	// define the names of the different galleries
	var names = new Array();
	names[0] = "nieuws";
	names[1] = "projecten";
	names[2] = "equipment";
	names[3] = "gallery";
	names[4] = "contact";
	
	var gallery;
	var gallery_hack;
	var gallery_hack_2;
	
	if (name == ''){
		return; // can't do anything wihout a name
	}
	
	gallery = "#"+name+"_blok";
	gallery_hack = "#"+name+"_hack";
	gallery_hack_2 = "#"+name+"_hack_2";
	toggle = "#toggle_"+name;
	
	setTimeout(function(){
$(toggle)
	  .css('height', '115px')
	  .css('width', '81px')
	  .css('bottom', '-115px')
	  .css('left', '132px')
	  .css('background-image', 'url(/site/images/bolletje_in.png)')
	  .css('background-position', 'center -0px')
		.append('<div id="gallery_loading" style="height: 46px;width:44px;bottom:32px;left:16px;background-image:url(/site/images/loading.gif);background-position:center 0;position:absolute;"></div>');
 },1350);
	var done = false;
  $(gallery_hack+","+gallery_hack_2).animate({'height': 0}, 1500, "swing", function(){
		if (!done){
			// delete the gallery
			$("#gallery").remove();
			// load the new gallery
			$.post(linkje.attr("href"), function(data, textStatus){
				// create a jQuery object from the whole page
				var alles = $(data);
				// find the gallery
				var blok = alles.find("div").filter(gallery);
				// fix the css
				blok.css("left", "10px");
				// add it to the hack
				$(gallery_hack).append(blok);
				// set the correct height
				nieuwsHeight[names.indexOf(name)] = blok.outerHeight() + 24;
				// remove the loading image
				$('#gallery_loading').remove();
				// and expand the nieuws again
				showNieuws(name);
			}, "text");
			done = true;
		}
	}).filter(gallery_hack_2).css('overflow', 'visible');
	
	return false;
}