title: modify html output when add image in posts and pages
body: <p>i'm trying to edit the output of add image in posts the normal code from wordpress is</p>
  
  <pre><code>&lt;a href="http://huemix.ly/wp-content/pics/pic.jpg"&gt;&lt;img src="http://huemix.ly/wp-content/pics/pic.jpg" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>i want to replace that output with</p>
  
  <pre><code>&lt;div class="huemix"&gt;
      &lt;img class="posts-img" src="http://huemix.ly/wp-content/pics/pic.jpg" /&gt;
      &lt;a href="http://huemix.ly/wp-content/pics/pic.jpg" class="fancybox" &gt;&lt;/a&gt;
      &lt;div class="fancy"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>all my try goes down :(</p>