[dc48]

Добрый вечер!!
Новичок. Не понимаю почему не работает. Растолкуйте, пожалуйста.

<div id="content"> 
        <h2>Фото</h2>
	<p>Наши фотографии:</p>
	<div id="kollage">

	  <div id="prev" onclick="prev()"></div>
	  <div id="img_div">
	    <img src="images/001.jpg" onload="koll(this)" alt=""></img>
	  </div>
	  <div id="next" onclick="next()"></div>

	</div>
      </div>

Нужно установить ширину изображения равную ширине родительского элемента. То есть div'a c id=img_div.

JS:

function koll(img) {
    var wdth = document.getElementById("img_div").style.width;
    // var wdth = img.parentNode.style.width;
    img.style.width = wdth;
    //var imgs = ["images/001.jpg", "images/002.jpg", "images/003.jpg", "images/004.jpg", 
    //	"images/005.jpg", "images/006.jpg", "images/007.jpg", "images/008.jpg"];
alert(wdth);
}

wdth оказывается пустым. Если указать явно ширину изображения - всё ok. Закоментированное обращение через parentNode тоже не работает.
Тестировочное alert(wdth); выдаёт пустое окно; alert(typeof(wdth)); - string; alert(toString(wdth)); - object Window.
Ничего не пойму