$(document).ready(function(){

var fade_state = 0;

//rate of fade
var dur = 1000;
var text1 = $('#title1');
var text2 = $('#title2');
var text3 = $('#title3');

function slide() {

if (fade_state == 0) {
$('#slideimg1').fadeOut(dur);   
$('#slideimg2').fadeIn(dur);
text1.animate({left: '-500px'}, 1000, 'swing');
text2.animate({right: '30px'}, 1000, 'swing');

} 

else if (fade_state == 1) {

$('#slideimg2').fadeOut(dur);   
$('#slideimg3').fadeIn(dur);
text2.animate({right: '-500px'}, 1000, 'swing'); 
text3.animate({left: '30px'}, 1000, 'swing');     

} 

else if (fade_state == 2) {
$('#slideimg3').fadeOut(dur);   
$('#slideimg1').fadeIn(dur);
text3.animate({left: '-500px'}, 1000, 'swing');
text1.animate({left: '30px'}, 1000, 'swing');           

} 


//% is number of slides 
  fade_state = (fade_state + 1)%3;
}

//controls slide timer	
window.setInterval(function(){slide()},7000);

});