Make Scrolling Content in your Webpage Without Writing Code

// Here we add some javascript to take care of the scrolling
// sections of the page that you designed. It works by removing
// each scrollcontent layer (and it's children) from the DOM and re-
// inserting it (and a copy) inside the matching scrollframe layer.
// Then we define an interval timer with a callback function
// where we move the scrollcontent within the scrollframe.
// Scrolling code for: b
var scrollOffset5 = 0;
$('#Layer-2').append( $('#Layer-5') );
$('#Layer-5').clone().addClass('Copy-Layer-5').insertAfter('#Layer-5');
function ScrollFunc()
{
how can i get this to repeat images correctly - I change the '2' to a '-2' to make the scrolling content go in reverse but it does't repeat....HELP!

file:///Users/nathansimpson/Desktop/psd2css/index.html

// Change the speed of the scroll by changing the '2' in the following
// line after the '+='. Negative numbers scroll the other way.
scrollOffset5 += -2;
// Scroll vertically by changing 'left' to 'top' and 'width' to 'height
// in the following lines
$('#Layer-5').css( 'left', scrollOffset5 );
$('.Copy-Layer-5').css( 'left', scrollOffset5 - $('.Copy-Layer-5').width() + 1 );
if( scrollOffset5 > $('.Copy-Layer-5').width() )
scrollOffset5 -= $('.Copy-Layer-5').width();
}
setInterval( ScrollFunc, 64 );

});

I'm having trouble getting the images to repeat after I place a neg number in the speed which does make the image scroll backwards...any ideas - here is the code and the link to show what it is doing...

link...
file:///Users/nathansimpson/Desktop/psd2css/index.html

code

// Here we add some javascript to take care of the scrolling
// sections of the page that you designed. It works by removing
// each scrollcontent layer (and it's children) from the DOM and re-
// inserting it (and a copy) inside the matching scrollframe layer.
// Then we define an interval timer with a callback function
// where we move the scrollcontent within the scrollframe.
// Scrolling code for: b
var scrollOffset5 = 0;
$('#Layer-2').append( $('#Layer-5') );
$('#Layer-5').clone().addClass('Copy-Layer-5').insertAfter('#Layer-5');
function ScrollFunc()
{
// Change the speed of the scroll by changing the '2' in the following
// line after the '+='. Negative numbers scroll the other way.
scrollOffset5 += -2;
// Scroll vertically by changing 'left' to 'top' and 'width' to 'height
// in the following lines
$('#Layer-5').css( 'left', scrollOffset5 );
$('.Copy-Layer-5').css( 'left', scrollOffset5 - $('.Copy-Layer-5').width() + 1 );
if( scrollOffset5 > $('.Copy-Layer-5').width() )
scrollOffset5 -= $('.Copy-Layer-5').width();
}
setInterval( ScrollFunc, 64 );

});

I see you have a little "update" that states
"The code for the examples above has been regenerated with a newer version of psd2css Online. Some of the generated code might not match the video."

Can you please explain to me what the naming structure is now? I followed the tutorial perfectly but when I upload my PSD file it doesn't scroll at all. The _scrollcontent images are below the _scrollframe just as they are in my PSD? I believe its a new naming structure but I'm unaware of how to rename. Any help would be great!

Just a note; I tried uploading the PSD2CSS scroll PSD file as well just to make sure it wasn't a problem with my file and it didn't work either. Exact same outcome
T