$(document).ready(function(){
   $("#reseting").toggle(
     function(event){
       $("#reseting").html("<strong>restore</strong>");
       $("#reset").attr('href','');
     },
     function(event){
       $("#reseting").html("remove");
       $("#reset").attr('href','http://yui.yahooapis.com/combo?3.0.0/build/cssfonts/fonts-min.css&3.0.0/build/cssreset/reset-min.css&3.0.0/build/cssbase/base-min.css');
     }
   );
   $("#clearer").toggle(
     function(event){
       $("#clearer").html("<strong>restore</strong>");
       $("#clearing").remove();
     },
     function(event){
       $("#clearer").html("remove");
       $("#float-wrapper").append('<div id="clearing" class="clear"></div>');
       $("#clearing").show();
     }
   );
   $("#boxify").toggle(
     function(event){
       $("#boxify").html("Firefox Mode");
       $("#boxmodel").css('width',228);
     },
     function(event){
       $("#boxify").html("IE Mode");
       $("#boxmodel").css('width',268);
     }
   );
   $("#gethasLayout").toggle(
     function(event){
       $("#nohasLayout").addClass('hasLayout');
       $(this).html("break it");
     },
     function(event){
       $("#nohasLayout").removeClass('hasLayout');
       $(this).html("fix it");
     }
   );
   $("#simulatehasLayout").toggle(
     function(event){
       $("#nohasLayout").addClass('simulatehasLayout').removeClass('hasLayout');
       $(this).html("fix it");
     },
     function(event){
       $("#nohasLayout").removeClass('simulatehasLayout').addClass('hasLayout');
       $(this).html("simulate it");
     }
   );
   $("#fixedtable").toggle(
     function(event){
       $("#letable").addClass('fixedtable');
       $(this).html("BreakIt");
     },
     function(event){
       $("#letable").removeClass('fixedtable');
       $(this).html("FixIt");
     }
   );
   $("#listify").toggle(
     function(event){
       $("#thelist li").addClass('listin');
       $(this).html("Break it");
     },
     function(event){
       $("#thelist li").removeClass('listin');
       $(this).html("Fix it");
     }
   );
   $("#absolutely").toggle(
     function(event){
       $("#position-relative").removeClass('relatively');
       $(this).html("(where did it go?) add it back");
     },
     function(event){
       $("#position-relative").addClass('relatively');
       $(this).html("remove");
     }
   );
   $("#moveit").toggle(
     function(event){
       $("#bluebox").animate({marginLeft: '-130px'},1500);
       $(this).html("move it back");
     },
     function(event){
       $("#bluebox").animate({marginLeft: '5px'},1500);
       $(this).html("move it");
     }
   );
});