// When the page is ready
   $(document).ready(function(){
      
      jQuery.fn.fadeToggle = function(speed, easing, callback) {
        return this.animate({opacity: 'toggle'}, speed, easing, callback);
      }; 
      
    //hide the areas
     $("#content").hide();
     $("#emailAddress").hide();
     $("#info").hide();
     $("#sites").hide();
     $("#sitespage").hide();
     $("#evenmore").hide();
     $("#older").hide();
     //$("#usp").hide();
      
     // ie detect! 
      if($.browser.msie){
          $(document).ready(function() {
            // select the overlay element - and "make it an overlay"
            $("#warning").overlay({
            	// custom top position
            	top: 130,
            	// some expose tweaks suitable for facebox-looking dialogs
            	expose: {
            		// you might also consider a "transparent" color for the mask
            		color: '#000',
            		// load mask a little faster
            		loadSpeed: 200,
            		// highly transparent
            		opacity: 0.75
            	},
            	// disable this for modal dialog-type of overlays
            	closeOnClick: false,
            	// we want to use the programming API
            	api: true
            // load it immediately after the construction
            }).load();
          });
      };
        
     //toggle the content
     $("#expander").click(function () {
      $("#content").slideToggle(3000);
      $(this).text($(this).text() == 'more' ? 'less' : 'more');
    //$("#usp").slideToggle(3000);
    $("#evenmore").fadeToggle(3000);
      return false;
    });
    
    //toggle the email address
    $("#at").click(function(){
      $("#emailAddress").animate({width: 'toggle'}, 1500);
      $("#info").slideToggle(1500);
      $("#sites").slideUp(1500);
      $("#evenmore").text($(this).text() == 'even more' ? 'lesser' : 'even more');
      $("#older").slideUp(1500);
      //$("#usp").animate({opacity:"0%"}, 1250);
      return false;
    });
    
    //toggle the email address
    $("#projects").click(function(){
      $("#sitespage").animate({width: 'toggle'}, 1500);
      $("#sites").slideToggle(1500);
      $("#info").slideUp(1500);
      $("#evenmore").text($(this).text() == 'even more' ? 'lesser' : 'even more');
      $("#older").slideUp(1500);
      //$("#usp").animate({opacity:"0%"}, 1250);
      return false;
    });
    
    $("#evenmore").click(function(){
    //  $("#usp").fadeToggle(2000);
     $(this).text($(this).text() == 'even more' ? 'lesser' : 'even more');
      $("#info").slideUp(1500);
      $("#sites").slideUp(1500);
      $("#older").slideToggle(1500);
      return false;
    });
    
     
   });