// JavaScript Document

Event.observe(window, 'load', feature_periodic, false);

function feature_periodic()
{
	var feature_executor = new PeriodicalExecuter(function() {feature_next(0);},5);
}

function feature_select(f,active)
{
	if(active == 1) automate = 0;

	if(allow_change == 1)
	{
		old = artykuly_num;

		if(old != f)
		{
			allow_change = 0;
			artykuly_num = f;

 			new_title = arr_artykuly[f]["tytul"];
			new_data = arr_artykuly[f]["data"];
			new_desc = arr_artykuly[f]["opis"];
			new_url = arr_artykuly[f]["url"];
			new_image = arr_artykuly[f]["fotka"].src;
			new_size = arr_artykuly[f]["rozmiar"];

			output = "<div class='img'><a href='"+new_url+"' id='artykuly_"+f+"' alt='"+new_title+"' title='"+new_title+"'>";
				output+= "<img src='"+new_image+"' "+ new_size +" id='artykuly_fotka_"+f+"' width='300px'>";
			output+= "</a></div>";

			new Insertion.Before('artykuly_' + old,output);
			if(active == 1)
			{
				Effect.Fade('artykuly_fotka_' + old,{duration: .5, afterFinish: function() { feature_element_cleanup(old); }});
			}
			else
			{
				Effect.Fade('artykuly_fotka_' + old,{afterFinish: function() { feature_element_cleanup(old); }});
			}
 
 			$('artykuly_tytul').innerHTML = '<h1><a href='+ new_url +'>' + new_title + '</a></h1>'
			$('artykuly_data').innerHTML = '<p class="data">' + new_data + '</p>'
			$('artykuly_opis').innerHTML = '<p class="opis"><a href='+ new_url +'>' + new_desc + '</a></p>'
 		}
	}
}

function feature_prev(active)
{
	current = artykuly_num;
	prev = +current - 1;
	if(prev < 0) prev = artykuly_count - 1;

	feature_select(prev,active);
}

function feature_next(active)
{
	current = artykuly_num;
	next = +current + 1;
	if(next >= artykuly_count) next = 0;

	if(active || automate) feature_select(next,active);
}

function feature_element_cleanup(f)
{
	Element.remove('artykuly_fotka_' + f);
	allow_change = 1;
}

Event.observe(window, 'load', feature_periodic, false);