var interval = 3000;
var rate = 40;

var imgDir = 'images/backgrounds/';
var imgs = {
	'home': ['home_bkg_01.jpg', 'home_bkg_02.jpg', 'home_bkg_03.jpg'],
	'colour': ['colour_bkg_01.jpg', 'colour_bkg_02.jpg', 'colour_bkg_03.jpg', 'colour_bkg_04.jpg', 'colour_bkg_05.jpg'],
	'links': ['lbkg01.jpg','lbkg02.jpg','lbkg03.jpg'],
	'contactus': ['contact_bkg_01.jpg'],
	'happily': ['contact_bkg_01.jpg'],
	'styles': ['styles_bkg_01.jpg','styles_bkg_02.jpg','styles_bkg_03.jpg']
};

window.onload = function() { initAnimation(); }

function initAnimation() {
	document.getElementById('content-bkg2').style.backgroundImage = "none";
	if (document.body.id && imgs[document.body.id]) {
		document.getElementById('content-bkg2').style.backgroundImage
		document.getElementById('content-bkg').style.backgroundImage
		= 'url("' + imgDir + imgs[document.body.id][0] + '")';
		if (imgs[document.body.id].length <= 1) return;
		
		animate(document.body.id, 0, 0);
	}
	//animate(document.id, 0, 0);
}

function animate(type, img, opacity) {
	var e = document.getElementById('content-bkg2');
	var e2 = document.getElementById('content-bkg');

	var delay = rate;
	opacity += 0.02;
	if (opacity >= 1) {
		opacity = 0;
		var opa = 0;
		var oimg = img;
		var img = (img + 1) % imgs[type].length;
		e2.style.backgroundImage = 'url("' + imgDir + imgs[type][oimg] + '")';
		e.style.backgroundImage = 'url("' + imgDir + imgs[type][img] + '")';
		delay = interval;
	} else {
		var opa = opacity;
	}

	e.style.opacity = opa;
	e.style.filter = 'alpha(opacity=' + Math.round(opa * 100) + ')';
	window.setTimeout(function() { animate(type, img, opacity); }, delay);
}