$(document).ready(function() {

var slideWidth = 600;
var durtime = 1000;
var nextslide = 0;
var maxslides = 5;
var mOver = false;

/// mouse over
$('#slides').mouseover( function (event) {
	mOver = true;
});
$('#slides').mouseout( function (event) {
	mOver = false;
});
$('#fSlide1').mouseout( function (event) {
	mOver = false;
});

function change(id,className) {
document.getElementById(id).className=className;
}

function SlideOver() {
	$('#moveme').animate(
	    { left: slideWidth*(-nextslide) }, {
	     duration: durtime,
		 easing: 'easeInOutBack'
	    });
}

change('sl-b1','active');

function changeList() {
	change('sl-b1','');
	change('sl-b2','');
	change('sl-b3','');
	change('sl-b4','');
	change('sl-b5','');
	change('sl-b'+(nextslide+1),'active');
}

$('#sl-b1').click(function(event){
	mOver = true;
	nextslide = 0;
	changeList();
	SlideOver();
});
$('#sl-b2').click(function(event){
	mOver = true;
	nextslide = 1;
	changeList();
	SlideOver();
});
$('#sl-b3').click(function(event){
	mOver = true;
	nextslide = 2;
	changeList();
	SlideOver();
});
$('#sl-b4').click(function(event){
	mOver = true;
	nextslide = 3;
	changeList();
	SlideOver();
});
$('#sl-b5').click(function(event){
	mOver = true;
	nextslide = 4;
	changeList();
	SlideOver();
});
$.timer(7000, function (timer) {
if (mOver == false) {
		nextslide = nextslide+1
		
		if (nextslide == maxslides) {
			nextslide = 0;
		}
		
		changeList();
		
		SlideOver();
}
});
});