title: Scroll Down iFrame - jQuery/JS
body: <p>I am trying to scroll my iFrame by clicking on a button that is not inside the iFrame and I don't know Javascript/jQuery very well yet, I am learning, so maybe someone could help me here?
  I will be more specific, clicking on the image (imgcast1 to imgcast4 as you can see in the code) the iFrame will be scrolled to a certain point, if you open the iFrame src you can see the iFrame content, if you want to see the whole website but with a lot of bugs open it here:<br>
  <a href="http://www.flamingpanda.xpg.com.br/" rel="nofollow">http://www.flamingpanda.xpg.com.br/</a> (many adsenses because of XPG and not opening in Chrome, at least no here in my PC)<br>
  <b><br>
  HERE IS THE COMPLETE CODE:
  <a href="http://jsfiddle.net/9pfzX/2/" rel="nofollow">http://jsfiddle.net/9pfzX/2/</a>
  </b></p>
  
  <pre><code>&lt;table height="424px" width="288px"&gt;
  &lt;tr&gt;&lt;td&gt;&lt;img onclick="AutocastRoll()" name="imgcast1" id="imgcast1" src="Img/cast1img.png" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;img name="imgcast2" id="imgcast2" src="Img/cast2img.png" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;img name="imgcast3" id="imgcast3" src="Img/cast3img.png" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;img name="imgcast4" id="imgcast4" src="Img/cast4img.png" /&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <h2>    </h2>
  
  <pre><code>// IFRAME WHICH WOULD BE SCROLLED TO 440PX THEN 880PX (ALWAYS +440PX)...
  &lt;div id="iFrameAutocast"&gt;&lt;iframe name="iframepopup" id="iframepopup" scrolling="no"   frameborder="0" width="376px" height="439px"   src="http://www.flamingpanda.xpg.com.br/iFrameAutocast1.html"&gt;&lt;/iframe&gt;&lt;/div&gt;
  </code></pre>
  
  <p>-</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function (){
      alert("Testing jQuery: Loaded and Executed");
      $('#imgcast1').click(function() {
          //SCROLL FOWN FUNC
      });
  // ---------------------------------------------
      $('#imgcast2').click(function() {
          //SCROLL FOWN FUNC
      });
  // ---------------------------------------------
      $('#imgcast3').click(function() {
          //SCROLL FOWN FUNC
      });
  // ---------------------------------------------     
      $('#imgcast4').click(function() {
          //SCROLL FOWN FUNC
      });
  
  });
  &lt;/script&gt;
  </code></pre>