title: Javascript Resize
body: <p>I have very little javascript knowledge, so it seems a very basic question, but could not find a way to do that.</p>
  
  <p>I have a 1024*768 fixed area like this:</p>
  
  <p><a href="http://img260.imageshack.us/img260/4618/myimage.png" rel="nofollow noreferrer">alt text http://img260.imageshack.us/img260/4618/myimage.png</a></p>
  
  <p>There will be a javascript button on the right side of the "Section A". When I click that button, Section A will be automatically resized and it will be something like this:</p>
  
  <p><a href="http://img705.imageshack.us/img705/92/myimage1.png" rel="nofollow noreferrer">alt text http://img705.imageshack.us/img705/92/myimage1.png</a></p>
  
  <p>So, Section A will overlap with Section B, and it will be same size with Section C (And i know the size of Section C). How can I automatically resize that area with overlap function? I am looking a plugin for Jquery, but could not find that. There is a resizable function in Jquery, but it does not help me. Could you help me out? (If you just give me a link that is related with this feature, that would be enough too)</p>
  
  <p>edit: For extra note, Section A is a flash object, so it will enlarge and overlap with Section B when I click to that button.</p>
  
  <p>Thanks,</p>