var images = [
	{
		id: 434,
		on: '_cachedir/5C0E1F7E1A625D66F9D965828F7D8415-on.png',
		big: '_cachedir/7661C4AFF82EED688588358EB229CC2A.jpg'
	},	{
		id: 376,
		on: '_cachedir/28073DACF47CFE6A2D39580FB2E82BFD-on.png',
		big: '_cachedir/11A9AA74E815ED63B65755E636859063.jpg'
	},	{
		id: 378,
		on: '_cachedir/AB0D5A027982BFF15E27F7B8331DBD8F-on.png',
		big: '_cachedir/6589D475655790B334D5803659758432.jpg'
	},	{
		id: 436,
		on: '_cachedir/1B80E2D334841FA7734833037F603585-on.png',
		big: '_cachedir/98B040BB46775B5315C03E7B150880EE.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);
}