The Image object in JavaScript controls more than just the src url of the image displayed by an <img> tag. It also contains properties representing the height and width of the image. The images below use onMouseOver and onMouseOut events to trigger changes in their sizes via these properties. The JavaScript commands are almost the same for each image. Your job is to write two functions that will take the id of the <img> tag as its sole parameter, and change the size of the corresponding image. (One function should make the corresponding image bigger, while the other will make it smaller.) Call your functions enlargeImg and shrinkImg, and use them to replace the current onMouseOver and onMouseOut commands.

When you are done, try making an even more general function called changeImgSize. It will take two parameters: the id of the <img> tag, and the factor by which to change the size. Using 1.5 for this number will enlarge the image, and 0.67 will shrink the image.