// Invoke noConflict() because we're also implementing the prototype library.
jQuery.noConflict();

// Login form.
jQuery('#loginBtn a').click(function(){
  if(jQuery('#login').css('display') == 'none') {
    jQuery('#login').fadeIn('slow');
  } else {
    jQuery('#login').fadeOut('slow');
  }
});

jQuery('#closeLogin').click(function(){
  jQuery('#login').fadeOut('slow');
});
   
// Extend items.
jQuery('.openItem').click(function(){
  var id = jQuery(this).attr('id');
  var code = id.substring(4, id.length);
  
  jQuery('#detail'+code).show('fast');
  jQuery('#info'+code).hide('fast');
  jQuery('#sluit'+code).show('fast'); });

jQuery('.closeItem').click(function(){
  var id = jQuery(this).attr('id');
  var code = id.substring(5, id.length);
  
  jQuery('#detail'+code).hide('fast');
  jQuery('#info'+code).show('fast');
  jQuery('#sluit'+code).hide('fast'); });