var galleryarray=new Array();var gallerywidths=new Array();galleryarray[0]="useruploads/images/scroller/an_australian_family_portrait_roller.jpg";gallerywidths[0]="166";galleryarray[1]="useruploads/images/scroller/bjumperroller.jpg";gallerywidths[1]="215";galleryarray[2]="useruploads/images/scroller/fashionroller.jpg";gallerywidths[2]="167";galleryarray[3]="useruploads/images/scroller/margarets_painting_roller.jpg";gallerywidths[3]="293";galleryarray[4]="useruploads/images/scroller/myerroller.jpg";gallerywidths[4]="146";galleryarray[5]="useruploads/images/scroller/nmartyroller.jpg";gallerywidths[5]="293";galleryarray[6]="useruploads/images/scroller/pirofamilyroller.jpg";gallerywidths[6]="164";galleryarray[7]="useruploads/images/scroller/pomiesroller.jpg";gallerywidths[7]="281";galleryarray[8]="useruploads/images/scroller/roosterroller.jpg";gallerywidths[8]="294"; 

$('.frame').empty();
$('#main-section').css('width','100%');


//setup
var current = 0;
var Interval;
for(image in galleryarray)
{
$('.frame').append("<a href='index.php/photos.html'><img title='View All Art' class='image' border='0' src='" + galleryarray[image] + "' /></a>");
//insert image

$('.image').last().css({'left': current,'position':'absolute'});
//set position

current = current + parseInt(gallerywidths[image]);
//increment position
}
var length = current;

function animate(){
       
        for(image in galleryarray){
            //get left
            var left = parseInt($('.image').eq(image).css('left'));
            //get width        
            var width = parseInt(gallerywidths[image]);
            if(left == -(width)){
                left = length - width;
            }
            left = left - 1;
            
            //set new left
            $('.image').eq(image).css('left',left);
         }
 }
 


$('.frame').after("<img id='ff' style='float:right' src='/ff.jpg' />");

$(function() {//dom ready
var speed = 50;

//animate();
Interval = setInterval(" animate()", speed)


$('#ff').mouseover(function(){
    window.clearInterval(Interval);
    Interval = setInterval(" animate()", 10)
});

$('#ff').mouseout(function(){
    window.clearInterval(Interval);
    Interval = setInterval(" animate()", speed)
});


})