Graphical Scrollbar for IFRAME

I have created an IFRAME within a page that calls another html page for its contents. I want to use a scroll bar in order to make this IFRAME scrollable. My problem is that I don't want to use the scrollbar that my browser provides. I want to use a graphical scrollbar, one that I've created myself using an imaging program. How can I make my scrollbar actually scroll the contents of my IFRAME? I know that I require javascript for this. My scrollbar has two arrows, one at the top, one at the bottom, and also a small rectangle that should be dragged, and while dragging, actually scroll the contents of my IFRAME.

Please note: I don't want to use the existing scrollbar that Internet Explorer provides at all. I know that using CSS I can change its appearance, but I want to use my own GRAPHICAL SCROLLBAR that I've created.

Thanks,
DeltaJosh

I found some very complicated Javascript which appears to have the functionality you're looking for across multiple platforms - tested sample in FireFox and it appeared to work.

http://javascript.internet.com/page-...-scroller.html

Demo

http://dreamlettes.net/extensions/#DreamScroll

If you use dreamweaver you can install the extension and use it, if not see the example and copy the code