var currentPhoto = 1;
var maxPhoto = 4;
var folder = '/';

$(document).ready(function() {
	
	setInterval( 'autoImageChanger()', 10000 );
	
	// Previous button for banner and background image change
	// ---------------------------------------------------
	$('#prev_button').click( function() {
	
		currentPhoto--; if ( currentPhoto == 0 ) { currentPhoto = maxPhoto; }
	
		$('#banner img').attr( 'src' , folder + '_images/header-banners/' + currentPhoto + '.jpg' );
		$('#background_wrapper').css( 'background-image' , 'url(' + folder + '_images/background-images/' + currentPhoto + '.jpg)' );
	
		return false;
	
	});
		
			
	// Previous button for banner and background image change
	// ---------------------------------------------------
	$('#next_button').click( function() {
	
		currentPhoto++; if ( currentPhoto > maxPhoto ) { currentPhoto = 1; }
		
		$('#banner img').attr( 'src' , folder + '_images/header-banners/' + currentPhoto + '.jpg' );
		$('#background_wrapper').css( 'background-image' , 'url(' + folder + '_images/background-images/' + currentPhoto + '.jpg)' );
		
		return false;
		
	});
	
});

function autoImageChanger() {
	
	currentPhoto++; if ( currentPhoto > maxPhoto ) { currentPhoto = 1; }
	
	changeBannerImageAuto();
	changeBackgroundImageAuto();
	
}

function changeBannerImageAuto() {

	//$('#banner img').fadeOut( 1000 , function() {
		$('#banner img').attr( 'src' , folder + '_images/header-banners/' + currentPhoto + '.jpg' );
		//$('#banner img').fadeIn( 1000 );
	//} );
	
}

function changeBackgroundImageAuto() {

	//$('#background_wrapper').fadeOut( 1000 , function() {
		$('#background_wrapper').css( 'background-image' , 'url(' + folder + '_images/background-images/' + currentPhoto + '.jpg)' );
		//$('#background_wrapper').fadeIn( 1000 );
	//} );
	
}