Вертикальная оцентровка, Django, счётчик.
 

Вообщем суть поста такова.
Написал сайт на Django в котором внутри блока со свойством position: absolute лежит картинка.
Эту картинку нужно вертикально центровать. Проблема в том что размер картинки нам будет не известен, и количество картинок на тоже не известно. Единственное что удалось сделать так это то что у каждой картинки id = "1" увеличивается как счётчик.
На каждой картинке у нас стоит событие onLoad.

var myimage = document.getElementById("myimage");  
  if (typeof myimage.naturalWidth == "undefined") {  
    // IE 6/7/8  
    var i = new Image();  
    i.src = myimage.src;  
    var rw = i.width;  
    var rh = i.height;  
  }  
  else {  
    // HTML5 browsers  
    var rw = myimage.naturalWidth;  
    var rh = myimage.naturalHeight;  
  }
  var div = document.getElementById("myimage");
  div.style.marginTop = (478/2)-(rh/2);

Этот кусок кода я нашел, он отлично справляется со своими задачами, но проблема в том что он работает только для одной картинки, первой либо с указанным id
Необходимо что-бы был счётчик который бы изменял своё значение от количества вызовов функции.
То есть у нас переменная x = 1; у нас подсчитало значение для картинки с id = "1"
x=x+1 и функция заканчивает работу оставляя при этом значение x="2".

Либо какой-то другой вариант! буду очень вам благодарен.
CSS вопрос никак не решает !

АП!