$(document).ready(function(){
                $("#slider").easySlider();

        $('#iconbar').find('li').mouseenter(function() {
                $(this).find("p").animate({opacity: "show", top: "-60"}, "normal");
        });

        $('#iconbar').find('li').mouseleave(function() {
                $(this).find("p").animate({opacity: "hide", top: "-50"}, "fast");
        });

        });

    $(document).ready( function() {
       peps.rollover.init();
    });
    peps = {};
    peps.rollover = {
       init: function() {
          this.preload();
          $(".roll").hover(
            function () { $(this).attr( 'src', peps.rollover.newimage($(this).attr('src')) ); },
            function () { $(this).attr( 'src', peps.rollover.oldimage($(this).attr('src')) ); }
         );
      },
   preload: function(){
         $(window).bind('load', function() {
            $('.roll').each( function( key, elm ) { $('<img>').attr( 'src', peps.rollover.newimage( $(this).attr('src') ) ); });
         });
      },
      newimage: function( src ) {
         return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_hover' + src.match(/(\.[a-z]+)$/)[0];
      },
      oldimage: function( src ){
         return src.replace(/_hover\./, '.');
      }
  };