Смена картинки при наведении курсора на поле.
 

Ребят, помогите, пожалуйста, я что-то уже совсем запутался.
В-общем хочу реализовать такую вещь:
Есть калькулятор, считающий стоимость мебели на заказ. Необходимо чтобы при наведении мыши на соответствующее поле картинка-подсказка сверху менялась на соответствующую этому полю и возвращалась в дефолт при нахождении курсора в свободных от полей областях у меня код складывается примерно такой: http://jsfiddle.net/BR8mn/16/
Ну и пару картинок для полного представления задачи.

ExtrAngel,

function ImgPreload() {
        pic1=new Image(); pic1.src='assets/images/sborka_na_zakaz/shirina.png';
        pic2=new Image(); pic2.src='assets/images/sborka_na_zakaz/dlina.png';
        pic3=new Image(); pic3.src='assets/images/sborka_na_zakaz/vusota.png';
        pic4=new Image(); pic4.src='assets/images/sborka_na_zakaz/fasad.png';

        }
ImgPreload();
$(document).ready(function () {
            $('#shirina').mouseenter(function () {
                document.getElementById('img1').src  = pic1.src;
            });
  });

далее сами или http://javascript.ru/forum/job/