// JavaScript Document

	var fader_top = null;
	var fader_bg = null;
	var fader_text = null;
	var fader_timer = null;
	var fader_ready = false; // czy pobrane sa wszystkie elementy fadera?
	var fader_index = 0;
	var fader_max = -1;
	var fader_data = null;

	$(document).ready(function(){
		// zapisujemy obiekty do pozniejszego uzycia (szybciej chodzi ;))
		fader_top = $("#top_fader");
		fader_bg = $("#top_bg");
		fader_text = $("#top_text");

		LoadFaderData();
	});
	function LoadFaderData()
	{
		// na razie tak, trza zrobic zeby ajaxem se pobral z zewnatrz i cache'owal
		var data  = [
				["images/top1.jpg", "<p><b>M3 Design to firma, która zajmuje się projektowaniem i dekorowaniem wnętrz.</b><br /><br />Naszym zadaniem było przygotowanie strony internetowej z galerią projektów. <a href=\"http://www.m3design.com.pl\" onclick=\"window.open(this.href); return false\">zobacz on-line</a></p>"],
				["images/top4.jpg", "<p><b>Przedszkole Horyzoncik mieści się w nowoczesnym, doskonale wyposażonym budynku w Gdańsku Borkowie.</b><br /><br />Naszym zadaniem było przygotowanie strony internetowej wraz z panelem aktualizacji. <a href=\"http://www.horyzoncik.pl\" onclick=\"window.open(this.href); return false\">zobacz on-line</a></p>"],
				["images/top2.jpg", "<p><b>Chmielna Office Point to nowoczesny budynek biurowy klasy A zlokalizowany w centrum Gdańska.</b><br /><br />Naszym zadaniem było przygotowanie animowanej strony internetowej inwestycji. <a href=\"http://www.chmielna.com\" onclick=\"window.open(this.href); return false\">zobacz on-line</a></p>"],
				["images/top3.jpg", "<p><b>Domus Studio Projektowe Sieniawski &amp; Sieniawski jest biurem architektonicznym z kilkunastoletnią tradycją.</b><br /><br />Naszym zadaniem było przygotowanie animowanej strony internetowej studia. <a href=\"http://www.domus.org.pl/test\" onclick=\"window.open(this.href); return false\">zobacz on-line</a></p>"]
			];
	
		fader_max = data.length - 1;
		fader_data = data;

		var image_cache = new Array(fader_max + 1);

		for( var i = 0; i < fader_max; i++ )
		{
			image_cache[i] = new Image();
			image_cache[i].src = data[i][0];
		}

		// tu jakies sprawdzenie czy pobralo obrazki...

		fader_ready = true;

		PlayFader();
	}

	function PlayFader()
	{
		if( !fader_ready )
			return;

		fader_index++;

		if( fader_index > fader_max )
			fader_index = 0;

		fader_timer = setTimeout("FaderAnim1()", 10000);
	}

	function FaderAnim1()
	{
		$(fader_bg).fadeOut(600);
		$(fader_text).fadeOut(600, OnAnim1Complete);
		//OnAnim1Complete();
	}

	function OnAnim1Complete()
	{
		$(fader_bg).css("background-image", "url(" + fader_data[fader_index][0] + ")");
		$(fader_text).html(fader_data[fader_index][1]);

		FaderAnim2();
	}
	function FaderAnim2()
	{
		/// blah
		$(fader_bg).fadeIn(300);
		$(fader_text).fadeIn(300, PlayFader);
		//PlayFader();
	}