var Spl = {
	panels: null,
	images: ["tmpl1.jpg", "tmplfb.jpg", "tmplyt.jpg", "tmplfbg.jpg", "tmplpic.jpg"],
	root: "images/splash/",
	index: 0,
	period: 5000,
	timer: null,

	Preload: function()
	{
		var i = 0, img;
		for (i=0;i<Spl.images.length;i++)
		{
			img = Spl.images[i];
			if (img)
			{
				var finished = function() {Spl.images[i] = false;Spl.Preload.delay(1)};
				new Asset.image(Spl.root + img, {onload: finished, onabort: finished, onerror: finished});
				break;
			}
		}
	},

	ClearTimer: function()
	{
		$clear(Spl.timer);
		Spl.timer = null;
	},

	Goto: function(ni)
	{
		var cp = Spl.panels[Spl.index];
		var np = Spl.panels[ni];

		if (Browser.Engine.trident6) {
			cps = cp.getElements('p');
			cps.push(cp);
			nps = np.getElements('p');
			nps.push(np);
		}
		else {
			cps = [cp]; nps = [np];
		}
		
		cps.each(function(el) { el.get('tween', {property: 'opacity', duration: 800, transition: Fx.Transitions.linear.easeOut}).start(0.0); });
		nps.each(function(el) { el.get('tween', {property: 'opacity', duration: 800, transition: Fx.Transitions.linear.easeIn}).start(1.0); });

		Spl.index = ni;

		Spl.ClearTimer();
		Spl.timer = Spl.Switch.delay(Spl.period);
	},

	Switch: function()
	{
		var ni = (Spl.index + 1) % (Spl.panels.length);
		if (Spl.images.length > ni && Spl.images[ni])
		{
			// cakat na preload
			Spl.ClearTimer();
			Spl.timer = Spl.Switch.delay(500);
			return;
		}

		Spl.Goto(ni);
	},

	GoPrev: function(e)
	{		
		e.stop();
		Spl.Goto((Spl.index - 1 + Spl.panels.length) % (Spl.panels.length));
		return false;
	},

	GoNext: function(e)
	{
		e.stop();
		Spl.Goto((Spl.index + 1) % (Spl.panels.length));
		return false;
	},

	Init: function()
	{
		var base = $(document.body).getElement("#board ul");
		Spl.panels = base.getElements('li');
		Spl.Preload.delay(1);
		$$(Spl.panels.slice(1)).each(function(el) {
			if (Browser.Engine.trident6) { els = el.getElements('p'), els.push(el); } else els=el;
			els.setStyles({opacity: 0, visibility: "hidden", display: "block"});
		});

		base.getElements('a.prev').addEvent('click', Spl.GoPrev);
		base.getElements('a.next').addEvent('click', Spl.GoNext);

		Spl.Switch.delay(Spl.period);

		new OverText($('searchq'), {positionOptions : { offset: {x:10,y:5} } });

	}
};

window.addEvent('domready', Spl.Init);