var DELAY = 7000; // in milliseconds
var TRANSITION = 700; // in milliseconds
var CSS_SELECTOR = "#full";

var links = ["http://milaniastyle.com/_product_19897/Karen_Flare_in_Flirt",
	"http://milaniastyle.com/_product_19891/Yellow_Rose_Babydoll_Dress",
	"http://milaniastyle.com/_product_19891/Serena_Tunic_in_Cabo"];
var base = "http://milaniastyle.com/img/";
var images = ["front-page1.jpg", "front-page2.jpg", "front-page3.jpg"];

var cache = [];
var count = 0;
var span;
var $$;

window.onload = function() {
	$$ = $(CSS_SELECTOR + " img");
	link = $(CSS_SELECTOR + " a");
	$$.wrap('<div></div>');
	span = $$.parent();
	preload();
}

function preload() {
	for (var i = 0; i < images.length; i++) {
		cache[i] = new Image();
		cache[i].src = base + images[i];
	}
	cache[images.length - 1].onload = readywait;
}

function readywait() {
	setTimeout(fadeout, 6000);
}

function fadeout() {
	count++;
	span.css({backgroundImage: "url(" + base + images[count % images.length] + ")", backgroundRepeat: "no-repeat", backgroundPosition: "center"});
	link.attr('href', links[count % links.length]);
	$$.stop().animate({opacity: 0}, TRANSITION);
	setTimeout(fadein, DELAY);
}
function fadein() {
	count++;
	$$.attr('src', base + images[count % images.length]);
	link.attr('href', links[count % links.length]);
	$$.stop().animate({opacity: 1}, TRANSITION);
	setTimeout(fadeout, DELAY);
}