Hidden content scroll---make scroll automatic to include hidden content when selected

here is the page in question

http://www.philipdusel.com/goob.html

when cyling through the images(1 2 3 4 etc) the scrollbar does not automatically scroll to show the selected and hidden content at the end of the div. i would like it so the selected image is visible in the scoll div. as of now all hidden content stays hidden

i really dont know java, but i do know cut and paste. i hope im being clear i feel like my question is poorly worded…

perhaps you can suggest a fix

i s it going to be something like when the first image is selected that is not completely within the div…move scroll certain amount

could that be a snippet of java i can insert or will i have to restructure more of my page to allow this behavior

please let me know how i can be clearer

thanks for the help

When you say “cycling through the images”, do you mean using the “<<<<< >>>>>” navigation? The thumbnails changed when I used the page numbers, and I wasn’t sure if that was intentional or not.

What do you mean by “hidden content”? Content that the user cannot currently see, because of where the scrollbar is positioned?

Do you only want the scrollbar to move when it has to (i.e., when the current image cannot be seen)?

yes by cycling i am refering to progressing through the images in order whether that be clicking the >>>>>> above the main amge or clicking on the image itself

the alternative is selecting from the thumbnails

when using the 1st 2 options i just mentioned you will notice that the corresponding thumbnail will be highlighted with a blue border. the problem is that the scrollbar will not move down to show the last images (nothing to do with the numbers you see…problem would be same without) ( my problem is the hidden portion of the div(all the scroll bars ive used work like this) remains hidden.

it works just fine when manualy using the scroll bar…but i am looking to integrate the two behaviors. …

i hope ive been a little more clear

thanks

to clarify

maybe there is something that can be done so that for every two image selected the scrollbar moves (x amount) so that when you reach the last image in the scroll bar it is actually visible instead of being hidden

please let me know how to be clearer. this is the last thing standing in my way.

ps i am not asking for a full recoded version of my page, although sometimes people offer that and i am eteranlly grateful for that , im just looking to be pointed in the right direction.

thanks