var slideshow = [
	{
		'id': 'carpet',
		'image': '../Img/Integer/bg-carpet.jpg'
	},
	{
		'id': 'hardwood',
		'image': '../Img/Integer/bg-hardwood.jpg'
	},
	{
		'id': 'laminate',
		'image': '../Img/Integer/bg-laminate.jpg'
	},
	{
		'id': 'vinyl',
		'image': '../Img/Integer/bg-vinyl.jpg'
	},
	{
		'id': 'tile',
		'image': '../Img/Integer/bg-tile.jpg'
	}
]
var numSlides = slideshow.length;
var currentSlide = 0;
var slideshowInterval = 10000;
var slideshowTimer;

// Preload Images that need to be cached...
function preloadImage(source) {
	var img = new Image();
	img.src = source;
	return(img);
}

function playSlideshow() {
	var nextSlide = currentSlide + 1;
	if (nextSlide >= numSlides) {
		nextSlide = 0;
	}
	var slide = slideshow[nextSlide];
	var currentSlideInfo = slideshow[currentSlide];
	var currentImageId = '#header-bg';
	var nextImageId = '#header-bg-next';
	
	// Image transition...
	// Show current image on top
	$(currentImageId).css('opacity', 100);
	
	// Switch bottom image to next image
	$(nextImageId).removeClass();
	$(nextImageId).addClass(slide['id']);
	
	// Fadeout current image on top, revealing bottom/next image
	$(currentImageId).animate({opacity: 0}, 1000, function() {
		
		// Switch top image to next for next time
		$(currentImageId).removeClass();
		$(currentImageId).addClass(slide['id']);
	});
	$(nextImageId).animate({opacity: 100}, 1000);
	
	
	
	// Transition copy
	$("div#"+currentSlideInfo['id']).fadeOut(700, function() {
		$("div#"+slide['id']).fadeIn(500);
		$("img#"+currentSlideInfo['id']+"-sample").attr('src', "../Img/Integer/"+currentSlideInfo['id']+"-sample.jpg");
		$("img#"+slide['id']+"-sample").attr('src', "../Img/Integer/"+slide['id']+"-sample-selected.jpg");
	});
	
	
	currentSlide = nextSlide;
	
	slideshowTimer = setTimeout('playSlideshow()', slideshowInterval);
}


/*==== top *Slide Show* links ===*/
function topSlideShowLinks(){
    $('#browse-carpet').attr('href',linkCarpet); // carpet
    $('#browse-hardwood').attr('href',linkHardwood); // hardwood
    $('#browse-laminate').attr('href',linkLaminate); // laminate
    $('#browse-vinyl').attr('href',linkVinyl); // vinyl
    $('#browse-tile').attr('href',linkTile); // tile  
}