jQuery width（）不工作动态图像

Question

我需要调整我的img并调整我的div中心，然后我需要更多不同大小的图像，然后只调整宽度。

var imgw = $('div#viewer div#photo').width();
if(imgw < 650){    
imgw = (650-imgw)/2;
$('div#viewer div.center-tool').css("width", imgw);
}

和html

<div id="viewer">
    <div class="center-tool"></div>
    <div id="photo"><img src="images/1.jpg" alt="" /></div>
    <div class="center-tool"></div>
</div>

CSS

div#viewer{
    height: 320px;
width: 100%;
position: relative;
background-color: /*#27201c;*/ #999;
}
div#viewer div.center-tool{
    width: 0;
float: left;
    height: 320px;
background-color: #763;
}
div#viewer div#photo{
    background-color: #fff;
float: left;
}
div#viewer div#photo img{
    height: 320px;
}

我从width（）得到0值。请帮帮我！