$j = jQuery.noConflict();        

$j(document).ready(function() {
  $j("#slide_controller").jFlow({
    slides: "#slides",
    controller: ".jFlowControl", // must be class, use . sign
    slideWrapper : "#jFlowSlide", // must be id, use # sign
    selectedWrapper: "jFlowSelected",  // just pure text, no sign
    auto: true,
    interval: 5000,
    width: "976px",
    height: "410px",
    duration: 400
  });

  $j("a.readmore img").hover(
    function() {
      this.src = this.src.replace("_off", "_over");
    },
    function() {
      this.src = this.src.replace("_over", "_off");
    }
  );

  $j("a.learnmore img").hover(
    function() {
      this.src = this.src.replace("_off", "_over");
    },
    function() {
      this.src = this.src.replace("_over", "_off");
    }
  );

  $j("a.mainmenu img").hover(
    function() {
      this.src = this.src.replace("_off", "_rollOver");
    },
    function() {
      this.src = this.src.replace("_rollOver", "_off");
    }
  );

  // fix hr in ie by wrapping with div.hr
  $j("hr").wrap("<div class='hr'></div>");
});