Issue trying to implement a JavaScript Scroll bar

Permalink
Hello,

Any help will be very appreciated...

I am building a theme from scratch that makes use of a photo gallery contained within a scrollable area, in order to make this scroll facility available in every browser I need to use a JaveScript one to avoid compatibility issues.

I am using an open source script calle FLEXCROLL that I borrowed from here:http://www.hesido.com/web.php?page=customscrollbar...

I have tested this on a plain webpage and works perfectly however when I implemented it in the Concrete 5 theme doesn't let the pictures within the scroll area show at all (sometimes they show for about 2 secs and then they dissapear showing the background only)

I am unable to see what is happening here, everything seems to be correct and I have run several test: the way I call the script is as following:

Tried pasting the below call in every possible place within the <head> in my default page:

<script type="text/javascript" src="<?php echo $this->getThemePath()?>/js/flexcroll.js"></script>

The <div> makes a call to a javascript class in the above file like this:

<div class="flexcroll">

Ideas?
(attached is the script in question)

1 Attachment