Step carousel not sliding images

[AthosArantes]

1) Script Title: Step Carousel Viewer v1.9

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...epcarousel.htm

3) Describe problem: Hello,
I'm building a small website and I'm facing a problem I can't get solved.
So, the Step carousel isn't "sliding" images as it should, it's just frozen, you can click on the buttons and all but nothing happens.
The problem can be seen here: http://foliagewarehouse.com/view.php?id=4
(or just go to http://foliagewarehouse.com/ -> Trees -> Test)

I'm using jQuery v1.7.1 + Step Carousel v1.9
I use Opera 11.61 and also tried using IE8, but still not working.

[jscheuer1]

Where you have:

<script type="text/javascript">
				$(document).ready(function(){
					$(".imageset").colorbox({rel:'imageset'});
				});
				stepcarousel.setup({
					galleryid: 'maingallery',
					divBeltclass: 'sccontent',
					panelclass: 'panel',
					autostep: {enable:false, moveby:1, pause:3000},
					panelbehavior: {speed:500, wraparound:false, persist:true},
					defaultbuttons: {enable: true, moveby: 3, leftnav: ['leftnav.gif', -5, 50], rightnav: ['rightnav.gif', -20, 50]},
					statusvars: ['statusA', 'statusB', 'statusC'],
					contenttype: ['inline']
				})
			</script>

It needs to be beltclass:

<script type="text/javascript">
				$(document).ready(function(){
					$(".imageset").colorbox({rel:'imageset'});
				});
				stepcarousel.setup({
					galleryid: 'maingallery',
					beltclass: 'sccontent',
					panelclass: 'panel',
					autostep: {enable:false, moveby:1, pause:3000},
					panelbehavior: {speed:500, wraparound:false, persist:true},
					defaultbuttons: {enable: true, moveby: 3, leftnav: ['leftnav.gif', -5, 50], rightnav: ['rightnav.gif', -20, 50]},
					statusvars: ['statusA', 'statusB', 'statusC'],
					contenttype: ['inline']
				})
			</script>

[AthosArantes]

Thank you very much!
Problem solved!