var images = [
	{
		id: 372,
		on: '/_cachedir/D35B51B639528D580362CA7042DE6A0E-on.png',
		big: '/_upload/ACF7061.jpg'
	},	{
		id: 366,
		on: '/_cachedir/6456174D4AB93C9C35A2602A55F218C8-on.png',
		big: '/_upload/ACF7063.jpg'
	},	{
		id: 370,
		on: '/_cachedir/0B10978BF6843AB8351766F246838FEE-on.png',
		big: '/_upload/ACF7065.jpg'
	},	{
		id: 526,
		on: '/_cachedir/AA2097814AC596F00701186A0D54FA18-on.png',
		big: '/_upload/ACF7067.jpg'
	}
]

function preloadImages() {
	var imageLoader = new Image(),
		sets = ['on','big'],
		i = 0,
		ii = 0;
	for(i = 0; i < images.length; i++) {
		for(ii = 0; ii < sets.length; ii++) {
			imageLoader.src = images[i][sets[ii]];
		}
	}
	imageLoader = null;
}

function startAnim() {
	var titleSpan,
		titleImg,
		headerSpan,
		headerImg;
	preloadImages();
	for(var i = 0; i < images.length; i++) {
		titleSpan = document.createElement("span");
		titleSpan.className = 'anim-button';
		titleSpan.style.display = 'none';
		titleSpan.id = 'anim-button-' + images[i].id;
		titleImg = document.createElement("img");
		titleImg.src = images[i].on;
		titleSpan.appendChild(titleImg);
		headerSpan = document.createElement("span");
		headerSpan.className = 'anim-header';
		headerSpan.style.display = 'none';
		headerSpan.id = 'anim-header-' + images[i].id;
		headerImg = document.createElement("img");
		headerImg.src = images[i].big;
		headerSpan.appendChild(headerImg);
		$('a-anim-button-' + images[i].id).appendChild(titleSpan);
		$('headerimage').appendChild(headerSpan);
	}
	loopAnim();
}

function loopAnim() {
	var init = 0.2,
		duration = 1.2,
		pause = 2.5,
		interval = 0.4;
	//window.setTimeout("new Effect.Fade($('def-headerimage'), {duration: " + duration + "});", init * 1000);
	for(var i = 0; i < images.length; i++) {
		window.setTimeout("new Effect.Appear($('anim-header-" + images[i].id + "'), {duration: " + duration + "});", init * 1000);
		window.setTimeout("new Effect.Appear($('anim-button-" + images[i].id + "'), {duration: " + duration + "});", init * 1000);
		init += duration + pause;
		window.setTimeout("new Effect.Fade($('anim-button-" + images[i].id + "'), {duration: " + duration + "});", init * 1000);
		window.setTimeout("new Effect.Fade($('anim-header-" + images[i].id + "'), {duration: " + duration + "});", init * 1000 + (duration * 1000));
		init += duration;
	}
	//window.setTimeout("new Effect.Appear($('def-headerimage'), {duration: " + duration + "});", init * 1000);
	init += interval;
	window.setTimeout("loopAnim();", init * 1000);
}