Jquery :: Image Slider Not Sliding In Chrome

The script is written in Jquery, it's a simple piece of code which I've seen on another website here [URL]. I modified the code a bit to work with a website I made for my portfolio. The problem with the code is that is works fine in firefox but it doesn't on chrome. the code doesn't break entirely but on chrome the images doesn't slide, it just jumps from image to image. here's the code

Code:
var settings = {
startingPosition : 0, //--------------------------------set starting position for images, 0 for first image
slideSpeed : 550, //---------------------------speed of slide, seconds/fast/slow
easing : 'linear', //-------------------------easing type
navigationClass : 'slider_navigation', //--------------class of navigation (the prev and next)
activeItemClass : 'slider-current-active-element', //--name of class to be added to first element
repeat : true, //-----------------------------make gallery neverending .....

Most of it works fine but I'm guessing the animate part in the problem
Code:
//the slide animation
elContainer.animate({
'marginLeft' : animateToWidth
}, opt.slideSpeed, opt.easing,
function(){
//if forward is clicked
if(opt.repeat && direction == 'forward'){
$("> :first", elContainer).appendTo(elContainer).css({opacity : 0}).animate({opacity : 1}, 400);
elPosition += imgWidth;
elContainer.css({
'marginLeft' : elPosition
});}

Here's the dummy site I made [URL]. I'm no expert on javascript so how to make the code better?