/*
Simple jQuery Background CSS Slideshow by Brian Nelson http://http://www.techerator.com/2010/11/how-to-make-a-css-background-slideshow-with-jquery/
*/ 

$(document).ready(function(){
	var imgArr = new Array( // relative paths of images
		'images/15.jpg',
		'images/16.jpg',
		'images/17.jpg',
		'images/18.jpg'
		);
	var txtArr = new Array(
		'Created by Hand - Made in England',
		'Curtains, Blinds & Designer Fabrics',
		'Personalised Elegant Interiors',
		'Bespoke Curtain Makers'
		);

	var preloadArr = new Array();
	var i;

	/* preload images */
	for(i=0; i < imgArr.length; i++){
		preloadArr[i] = new Image();
		preloadArr[i].src = imgArr[i];
	}

	var currImg = 1;
	var intID = setInterval(changeImg, 9000);	//9 secs

	/* image rotator */
	function changeImg(){
		$('#backgrounder').animate({opacity: 0}, 1000, function(){
			$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src + ') no-repeat fixed center center');
		}).animate({opacity: 1}, 2000);
		$('.hometexts span').animate({opacity: 0}, 1000, function() {
			$(this).text(txtArr[(currImg-1)%txtArr.length]);
		}).animate({opacity: 1}, 2000);

	}
});