/* generate this json array */
var data = [
	["images/insipiration-images/1.jpg", "", ""],
	["images/insipiration-images/2.jpg", "", ""],
	["images/insipiration-images/4.jpg", "", ""],
	["images/insipiration-images/5.jpg", "", ""],
	["images/insipiration-images/6.jpg", "", ""],
	["images/insipiration-images/7.jpg", "", ""],
	["images/insipiration-images/8.jpg", "", ""],
	["images/insipiration-images/9.jpg", "", ""]
];

var count = data.length;
var current = Math.floor(Math.random() * count);
var next = (current + 1) % count;
var active = true;

/* set random first and loop from there */
$("#img0").attr("src", data[current][0]);
$("#txt0 a").html(data[current][1]).attr("href", data[current][2]);
$("#img1").attr("src", data[next][0]);
$("#txt1 a").html(data[next][1]).attr("href", data[next][2]);

function switchBanner() {
	next = (current + 2) % count;
	if (active) {
		$("#img0").fadeOut(500, function() { $("#img0").attr("src", data[next][0]); });
		$("#img1").fadeIn(500);
		//$("#txt0").fadeOut(500, function() { $("#txt0 a").html(data[next][1]).attr("href", data[next][2]); });
		//$("#txt1").fadeIn(500);
	}
	else {
		$("#img1").fadeOut(500, function() { $("#img1").attr("src", data[next][0]); });
		$("#img0").fadeIn(500);
		//$("#txt1").fadeOut(500, function() { $("#txt1 a").html(data[next][1]).attr("href", data[next][2]);; });
		//$("#txt0").fadeIn(500);
	}
	current = (current + 1) % count;
	active = !active;
}

$(document).ready(function() {
	setInterval(switchBanner, 6000);
});