Do you mean when you scroll the thumbs in http://toddheymandirector.com/REEL/scrollie_faded.html, you want the upcoming thumbs to fade-in and not just display completely?

First thing I can see in your code is you've missed out on closing </a> tags before closing </div>

<div class="jTscroller">

<div  class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/NIKE_theGetaway_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Nike >> The Getaway"><img src="../Images/thumbs_jsh/nike.png" alt="nike > the getaway" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/NIKE_theGetaway_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Nike > The Getaway"><img src="../Images/thumbs_jsh/nike_hot.png" alt="" class="b"  /></a></div>

           
<div class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/TD_COPS_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Total Defense > Bad Cops"><img src="../Images/thumbs_jsh/td_cops.png" alt="nike" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/TD_COPS_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Total Defense: Bad Cops"><img src="../Images/thumbs_jsh/td_cops_hot.png" alt="" class="b"  /></a></div>

<div  class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/chex_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Chex: Mix It Up"><img src="../Images/thumbs_jsh/chex.png" alt="nike" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/chex_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Chex > Mix It Up"><img src="../Images/thumbs_jsh/chex_hot.png" alt="" class="b"  /></a></div>

<div  class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/Florastor_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Florstor > Because"><img src="../Images/thumbs_jsh/florastor.png" alt="nike" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/Florastor_800.mov" rel="shadowbox[REEL];width=800;height=450" title="Florstor: Because"><img src="../Images/thumbs_jsh/florastor_hot.png" alt="" class="b"  /></a></div>

<div   class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/ULIFELINE_JUMPER_800.mo v" rel="shadowbox[REEL];width=800;height=450" title="Ulifeline > Jumper"><img src="../Images/thumbs_jsh/ulife.png" alt="nike" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/ULIFELINE_JUMPER_800.mo v" rel="shadowbox[REEL];width=800;height=450" title="Ulifeline: Jumper"><img src="../Images/thumbs_jsh/ulife_hot.png" alt="" class="b"  /></a></div>

<div  class="fadedfadein fadehover"><a href="http://toddheymandirector.com/movies/spots/800/fdic_800.mov" rel="shadowbox[REEL];width=800;height=450" title="FDIC > The Mattress"><img src="../Images/thumbs_jsh/fdic.png" alt="nike" border="0" class="a"  /></a> <a href="http://toddheymandirector.com/movies/spots/800/fdic_800.mov" rel="shadowbox[REEL];width=800;height=450" title="FDIC: The Mattress"><img src="../Images/thumbs_jsh/fdic_hot.png" alt="" class="b"  /></a></div>

</div>

</div>

Can you try fixing this first? I'm sorry but I just got to work. I'll finish my morning client-calls and I'll follow-up with you shortly!

Line 283 of your HTML file:

change this:

<div id="tS1" class="jThumbnailScroller" style="margin-top:283px;">

to this:

<div id="tS1" class="jThumbnailScroller" style="margin-top:283px; width: 100%; height: 400px;">

Change this:

<div class="jTscrollerContainer">

to this:

<div class="jTscrollerContainer" style="width:100%">

Line 283, you didn't add the height:

Change this to

<div id="tS1" class="jThumbnailScroller" style="margin-top:300px; width: 100%; ">

this:

<div id="tS1" class="jThumbnailScroller" style="margin-top:300px; width: 100%; height: 400px">

And you SHOULD FIX ALL YOUR </a> TAGS. Your tags aren't closed. They should ideally be closed before EVERY </div> tag.

It works when I change your jTscrollerContainer to 100% width. Can you try this?

<div class="jTscrollerContainer" style="width: 100% !important">