Передвижение картинки внутри div, смещение, прокрутка в div

[ryslan-yc]

Доброго времени суток!
Вот есть одна задачка которую нужно как то решить, сразу дам вам силку на демку:
http://ruslanuch.zzz.com.ua/html.html
Как видно перейдя по силке можно увидеть картинку и на ней (под ней)*
нарисован красный квадрат.
Так вот этот квадрат это div в котором лежит собственно рисунок (img).
Задачи:
1.Нужно сделать чтобы видно только ту часть картинки которая лежит в div.
2.Реализовать метод который:

this.picture = function(src_arr) {//меняет спрайт/картинку
        if(src_arr) {//если это set вызов
            if((typeof src_arr[0]) == "string") {//если мы меняем картинку
                spr = src_arr;
                this.img.src = src_arr[0];
            } else {//если меняем позицию (Вот здесь нужно работать)
                //поставить картинку которая src_arr = [X, Y]; X= по счету справа,  Y= по счету с верху
              //spr = [не трогать (путь к картинке), количество картинок по Х, количество картинок по Y]
            }
        } else {если это get вызов
            return spr;
        }
    };

Подскажите что как правильно сделать , пожалуйста)