title: swaping multiple images of mouse over
body: <p>When I hover image consecutively changes three different images. But the problem is: it shows only two images. Third image missing. How can I solve this problem?</p>
  
  <pre><code>function changeimage(img_id)
  {
      var prefix = "http://247nywebdesign.com/";
      prefix += "Testing/nurses-jewel/php/pdt_images/prdt_";
      $("#" + img_id).fadeOut(1500);
      $("#" + img_id).attr("src", prefix + "03.jpg").fadeIn(500);
      $("#" + img_id).attr("src", prefix + "03.jpg").show(4000);
      $("#" + img_id).attr("src", prefix + "05.jpg").fadeIn(500);
      $("#" + img_id).attr("src", prefix + "05.jpg").fadeIn(2000);
      $("#" + img_id).attr("src", prefix + "05.jpg").show(4000);
      $("#" + img_id).attr("src", prefix + "05.jpg").fadeOut(1500);
      $("#" + img_id).attr("src", prefix + "03.jpg").fadeIn(1000);
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/L7Pcx/4/" rel="nofollow">http://jsfiddle.net/L7Pcx/4/</a></p>