$(document).ready(function(){

if ($('#floater').length > 0) {

$('#floater').append('<span id="imgs2">'+$('#imgs1').html()+'</span>');
startImages();
$('#arr_right').mouseover(function(){imagesspeed=-5;});
$('#arr_left').mouseover(function(){imagesspeed=4;});
$('#galeria').mouseover(function(){imagesspeed=0;});
$('#arr_left,#arr_right,#galeria').mouseout(function(){imagesspeed=-2;});

$('#floater img').click(function(){
clearTimeout(imagestimeout1);
$('#bigimagecontent').html('<img src="'+$(this).attr('src')+'" />');
$('#bigimage').fadeIn(250);
});

$('#bigimagecontent').click(function(){closeBigImage();});

}

});

var imagestimeout1 = false;
var imagesspeed = -2;

function startImages() {
imagestimeout1 = setTimeout("moveimages()",50);
}

function moveimages() {
if (parseInt($('#floater').css('left')) <= 1-parseInt($('#floater').width())/2) {
$('#floater').css('left','0');
}
if (parseInt($('#floater').css('left')) > 1) {
$('#floater').css('left',0-parseInt($('#floater').width())/2+'px');
}
$('#floater').css('left',(parseInt($('#floater').css('left'))+imagesspeed)+'px');
imagestimeout1 = setTimeout("moveimages()",50);
}

function closeBigImage() {
imagestimeout1 = setTimeout("moveimages()",50);
$('#bigimage').fadeOut(250);
}