Dikatole Scholarship Fund fixes

pics.html

<div id="Layer4" style="position:absolute; width:976px; height:125px; z-index:2; left: 13px; top: 237px; margin: 2; padding:0;">
  <div id="images" align="center">
    <div>
      <a href="http://dikatole.org/andrew.php">
        <img src="./Dikatole Scholarship Fund_files/andrew.jpg" alt="andrew" title="Andrew Veldman">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/ayanda.php">
        <img src="./Dikatole Scholarship Fund_files/ayanda.jpg" alt="ayanda" title="Ayanda Cockman">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/duewayne.php">
        <img src="./Dikatole Scholarship Fund_files/duawayne.jpg" alt="duewayne" title="Duewayne Segwapa">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/janine.php">
        <img src="./Dikatole Scholarship Fund_files/janine.jpg" alt="janine" title="Janine de Buin">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/jaydin.php">
        <img src="./Dikatole Scholarship Fund_files/jaydin.jpg" alt="Jaydin" title="Jaydin Twala">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/keanan.php">
        <img src="./Dikatole Scholarship Fund_files/keanan.jpg" alt="Keanan" title="Keanan Blom">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/laettitia.php">
        <img src="./Dikatole Scholarship Fund_files/laetittia.jpg" alt="Laetittia" title="Leatittia Heneck">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/lynden.php">
        <img src="./Dikatole Scholarship Fund_files/lynden.jpg" alt="Lynden" title="Lynden Shongwe">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/pontso.php">
        <img src="./Dikatole Scholarship Fund_files/pontso.jpg" alt="Pontso" title="Pontso Ramontja">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/richwin.php">
        <img src="./Dikatole Scholarship Fund_files/richwin.jpg" alt="Richwin" title="Richwin Groenewald">
      </a>
    </div>
    <div> 
      <a href="http://dikatole.org/treswill.php">
        <img src="./Dikatole Scholarship Fund_files/treswill.jpg" alt="Treswill" title="Treswill Toffie">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/wayleen.php">
        <img src="./Dikatole Scholarship Fund_files/wayleen.jpg" alt="wayleen" title="Wayleen Williams">
      </a>
    </div>
    <div>
      <a href="http://dikatole.org/zade.php">
        <img src="./Dikatole Scholarship Fund_files/zade.jpg" alt="Zade" title="Cherenzade Links">
      </a>
    </div>
  </div>
</div>

zoom.js

// ibox image zoomer plugin // roXon
(function($) {
  $.fn.ibox = function() {

    // set zoom ratio //
    resize = 150;
    ////////////////////
    var img = this;
    img.parent().append('<div id="ibox" />');
    var ibox = $('#ibox');
    var elX = 0;
    var elY = 0;

    img.each(function() {
      var el = $(this);

      el.mouseenter(function() {
        ibox.html('');
        var elH = el.height();
        elX = el.position().left - 6; // 6 = CSS#ibox padding+border
        elY = el.position().top - 6;
        var h = el.height();
        var w = el.width();
        var wh;
        checkwh = (h < w) ? (wh = (w / h * resize) / 2) : (wh = (w * resize / h) / 2);

        $(this).clone().prependTo(ibox);
        ibox.css({
          top: elY + 'px',
          left: elX + 'px'
        });

        ibox.stop().fadeTo(200, 1, function() {
          $(this).animate({
            top: '-=' + (resize / 2),
            left: '-=' + wh
          }, 400).children('img').animate({
            height: '+=' + resize
          }, 400);
        });
      });

      ibox.mouseleave(function() {
        ibox.html('').hide();
      });
    });
  };
})(jQuery);

$(document).ready(function() {
  $('#images img').ibox();
});