function switchColor () {
   var html = $('html');
   $('.fadable').fadeOut('fast');
   if (html.hasClass('black')) {
       html.animate({ backgroundColor: "#ffffff" }, 'fast', 'linear', function() {
            html.removeClass('black');
            html.addClass('white');
            $('.fadable').fadeIn('fast');
       });
   }
   else {
       html.animate({ backgroundColor: "#000000" }, 'fast', 'linear', function() {
            html.removeClass('white');
            html.addClass('black');
            $('.fadable').fadeIn('fast');
       });           
   }
}

$(document).ready(function() {
    // rollover
    $(".rollover").live('mouseover', function() {
        if(this.src.indexOf("blank") != -1)
            this.style.filter = this.style.filter.replace(/(.*)\/(.*)\.(.*)$/, "$1/$2_hover.$3");
        else
            this.src = this.src.replace(/(.*)\/(.*)\.(.*)$/, "$1/$2_hover.$3");
    });
    
    $(".rollover").live('mouseout', function() {
        if(this.src.indexOf("blank") != -1)
            this.style.filter = this.style.filter.replace("_hover", "");
        else
            this.src = this.src.replace("_hover", "");
    });
    
   $('#test').bind('click', switchColor); 
    
});