Changing the properties of a <div> tag programmatically in javascript.

[veera venkata]

hi
i am using the following code to provide the zoom,scroll for a image.
but this code is working individually either scrolling or zooming.

<div onmousemove=zoom_move(event); onmouseover="zoom_on(event,325,407,'<%= strLeftImage %>');" style="FLOAT: left" onmouseout=zoom_off();>
<div id="divOuterleft" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Disable:True PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto; WIDTH: 325px; PADDING-TOP: 0px; HEIGHT: 407px" onscroll="Chk_height();Chk_width();">
<img id="leftImage" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" height="1000" alt="SDF Image" width="750" align="left" runat="server">
</div>
</div>
<div style="CLEAR: both"></div>


i am providing an option either zoom or scroll with a radio buttonlist.
when the user checks the option that functionally should work.

can we change the properites of a <div> tag programmatically in javascript.
if so, plz help me how to approch.


thanks.