/*
 * [Česky]
 * Projekt: Robot Karel
 * Copyright: Viz KOPIROVANI v kořenovém adresáři projektu
 *
 * [English]
 * Project: Karel, the Robot
 * Copyright: See COPYING in the top level directory
 */

// JavaScript - funkce pro práci se styly

// ===========================================================================
// =~ Tovární nastavení ~=====================================================

// Styl nastavený uživatelem
nastaveni.styl = hodnota_cookie("styl");

// ===========================================================================
// =~ Globální proměnné ~=====================================================

// Názvy alternativních stylů
styly = new Array();

// Všechny pojmenované styly
styly.pojmenovane_styly = new Array();

// Všechny obrázky ve všech stylech
styly.obrazky = new Array();
styly.posledni_obrazek = undefined;
styly.pridane_obrazky = " ";

// Stav nahrávání
styly.NAHRANO = 0;
styly.CHYBA = 1;
styly.ZRUSENO = 2;

// Všechny soubory se styly, pokud se nepodařilo zjistit obrázky
styly.soubory = new Array();
styly.posledni_soubor = undefined;
styly.pridane_soubory = " ";

// ===========================================================================
// =~ Základní nastavení ~====================================================

// Zjisti všechny styly v dokumentu
var linky = document.getElementsByTagName("link");
var link_styly = new Array();
var nacteno = " ";
for ( var i = 0; i < linky.length; i++ ) {
	if ( linky[i].getAttribute("rel").indexOf("stylesheet") != -1 ) {
		link_styly.push( linky[i] );
		var jmeno;
		if ( (jmeno=linky[i].getAttribute("title")) ) {
			styly.pojmenovane_styly.push( linky[i] );
			var jmeno_esc = escape(jmeno);
			if ( nacteno.indexOf(" "+jmeno_esc+" ") == -1 ) {
				var id=linky[i].getAttribute("id");
				if ( nastaveni.styl == null ) {
					nastaveni.styl = jmeno;
				}
				styly.push( {jmeno:jmeno, trida:id} );
				nacteno += jmeno_esc+" ";
			}
		}
	}
}

// ===========================================================================
// =~ Načti všechny obrázky ~=================================================

// Přidá obrázek do fronty, pokud ještě nebyl přidán
styly.pridej_obrazek = function (obrazek)
{
	var escape_url = escape(obrazek.url);
	if ( styly.pridane_obrazky.indexOf(" "+escape_url+" ") == -1 ) {
		styly.obrazky.push(obrazek);
		styly.pridane_obrazky += escape_url + " ";
		return true;
	} else {
		return false;
	}
}

// Připraví obrázek na automatické stažení na pozadí
styly.priprav_obrazek = function (url)
{
	var obrazek = new Image();
	obrazek.onload = function () {
		window.setTimeout(function () { styly.dalsi_obrazek(styly.NAHRANO); }, 0);
	}
	obrazek.onerror = function () {
		window.setTimeout(function () { styly.dalsi_obrazek(styly.CHYBA); }, 0);
	}
	obrazek.onabort = function () {
		window.setTimeout(function () { styly.dalsi_obrazek(styly.ZRUSENO); }, 0);
	}
	return { url: url, obrazek: obrazek };
}

// Spouští stahování obrázku (dalšího) na pozadí
styly.dalsi_obrazek = function (posledni_stav)
{
	if ( this.posledni_obrazek == undefined ) {
		if ( !this.obrazky.length ) {
			return;
		}
		this.posledni_obrazek = 0;
	} else {
		if ( posledni_stav == styly.NAHRANO ) {
			ladici_vypis(DETAIL, "styly.dalsi_obrazek",
				this.obrazky[this.posledni_obrazek].url, "nahráno");
			this.posledni_obrazek++;
		} else {
			if ( posledni_stav == styly.CHYBA ) {
				ladici_vypis(CHYBA, "styly.dalsi_obrazek",
					this.obrazky[this.posledni_obrazek].url,
						"nepodařilo se nahrát obrázek");
			} else {
				ladici_vypis(CHYBA, "styly.dalsi_obrazek",
					this.obrazky[this.posledni_obrazek].url, "zrušeno");
			}
			return;
		}
	}
	if ( this.posledni_obrazek >= this.obrazky.length ) {
		if ( this.obrazky.length ) {
			ladici_vypis(INFORMACE, "styly.dalsi_obrazek", "nahráno " +
				this.obrazky.length + " obrázků do vyrovnávací paměti");
		}
		return;
	}
	var obrazek = this.obrazky[this.posledni_obrazek];
	if ( ! obrazek ) return;
	obrazek.obrazek.src = obrazek.url;
}

styly.notifikace_nahravace = function ()
{
	if ( styly.posledni_soubor >= styly.soubory.length ) return;

	var soubor = styly.soubory[styly.posledni_soubor];
	if ( soubor.notifikovano ) return;

	var nahravac = styly.soubory[styly.posledni_soubor].nahravac;
	if ( nahravac.readyState == 4 ) {
		soubor.notifikovano = true;
		if ( nahravac.status == 200 || nahravac.status == 304
			|| ( nahravac.status == 0 && nahravac.responseText ) ) {
			setTimeout( function() { styly.dalsi_soubor(styly.NAHRANO); }, 0 );
		} else {
			setTimeout( function() { styly.dalsi_soubor(styly.CHYBA); }, 0 );
		}
	}
}

// ===========================================================================
// =~ Vlastní zpracování CSS ~================================================

// Přidá soubor do fronty, pokud ještě nebyl přidán
styly.pridej_soubor = function (url)
{
	var escape_url = escape(url);
	if ( styly.pridane_soubory.indexOf(" "+escape_url+" ") == -1 ) {
		styly.soubory.push( { url: url } );
		styly.pridane_soubory += escape_url + " ";
		return true;
	} else {
		return false;
	}
}

// Započítej soubor do souborů ve frontě
styly.zapocitej_soubor = function (url)
{
	var escape_url = escape(url);
	if ( styly.pridane_soubory.indexOf(" "+escape_url+" ") == -1 ) {
		styly.pridane_soubory += escape_url + " ";
		return true;
	} else {
		return false;
	}
}

// Spouští stahování obrázku (dalšího) na pozadí
styly.dalsi_soubor = function (posledni_stav)
{
	if ( this.posledni_soubor == undefined ) {
		this.posledni_soubor = 0;
	} else {
		var soubor = this.soubory[this.posledni_soubor];
		var url = soubor.url.slice(soubor.url.indexOf("style/"));
		var nahravac = soubor.nahravac;
		if ( posledni_stav == styly.NAHRANO ) {
			ladici_vypis(DETAIL, "styly.dalsi_soubor", url, "nahráno");
			this.zpracuj_soubor( url, nahravac.responseText );
			this.posledni_soubor++;
			delete soubor.nahravac;
		} else {
			ladici_vypis(CHYBA, "styly.dalsi_soubor",
				soubor.url, "nepodařilo se nahrát");
			return;
		}
	}
	if ( this.posledni_soubor >= this.soubory.length ) {
		if ( this.obrazky.length == 0 ) {
			ladici_vypis(CHYBA, "styly-funkce",
				"vyrovnávací paměť obrázků je prázdná, očekávejte různá zpoždění");
			if ( /^https?:[\/][\/]/.exec(document.URL) ) {
				alert(
					"Nelze dopředu načíst všechny obrázky, " +
					"nenalezena vhodná metoda.\n\nOčekávejte různá zpoždění." );
			}
		} else {
			this.dalsi_obrazek();
		}
		return;
	}
	var soubor = this.soubory[this.posledni_soubor];
	if ( soubor && soubor.url ) {
		soubor.nahravac = ajax.vrat_nahravac();
		ajax.nahraj_soubor_pozdeji(soubor.nahravac, soubor.url,
		                           styly.notifikace_nahravace);
	}
}

// Zpracování obsahu souboru se styly
styly.zpracuj_soubor = function (soubor, obsah)
{
	var pridano = 0;
	var url_obrazku;
	var regex = /(-image|filter:progid):[^"']*['"]\.\.\/([^'"]+)['"]/g;	// "
	while ( url_obrazku = regex.exec(obsah) ) {
		var obrazek = styly.priprav_obrazek( url_obrazku[2] );
		if ( styly.pridej_obrazek(obrazek) ) {
			pridano++;
		}
	}
	ladici_vypis(LADENI, "styly.zpracuj_soubor", soubor, "přidáno " + pridano + " obrázků");
}

// ===========================================================================
// =~ Zjisti všechny obrázky ~================================================

styly.nahraj_obrazky = function ()
{
	// Které linky byly analyzovány
	var pocet_analyzovano = 0;
	
	// Projdi všechny styly a najdi background-image
	if ( document.styleSheets ) {
		ladici_vypis(LADENI, "styly.nahraj_obrazky", "zkouším metodu document.styleSheets");
		for ( var i = 0; i < document.styleSheets.length; i++ ) {
			var styleSheet = document.styleSheets[i];
			var rules = new Array();
			if ( styleSheet.rules ) rules = styleSheet.rules;
			if ( !rules && styleSheet.cssRules ) rules = styleSheet.cssRules;
			if ( !rules ) continue;
			var nacteno = 0;
			for ( var j = 0; j < rules.length; j++ ) {
				var cssRule = rules[j];
				var style = cssRule.style;
				if ( typeof(style) != "object" ) continue;

				var url = undefined;
				if ( style.backgroundImage && style.backgroundImage != "none" ) {
					url = style.backgroundImage;
				} else if ( style.filter ) {
					url = style.filter;
				}
				
				if ( url && url.length > 4 ) {
					url = url.slice(url.indexOf('images/'));
					url = url.slice(0, url.indexOf('"'));
					var obrazek = styly.priprav_obrazek( url );
					if ( styly.pridej_obrazek(obrazek) ) {
						nacteno++;
					}
				}
			}
			var styl = styleSheet.href.slice(styleSheet.href.indexOf('style/'));
			ladici_vypis(LADENI, "styly.nahraj_obrazky", styl, "nalezeno " + nacteno + " obrázků");

			if ( nacteno && styly.zapocitej_soubor(styleSheet.href) ) {
				pocet_analyzovano++;
			}
		}
		ladici_vypis(LADENI, "styly.nahraj_obrazky", 
			"nalezeno " + pocet_analyzovano + " stylových souborů prohlížeče");
	} else {
		ladici_vypis(LADENI, "styly.nahraj_obrazky", "metoda document.styleSheets není dostupná");
	}

	// Alternativní metoda - XMLHttpRequest
	if ( styly.obrazky.length == 0 || pocet_analyzovano < link_styly.length ) {
		// Načti všechny styly ručně a najdi v nich background-image
		if ( ajax.je_funkcni() ) {
			if ( styly.obrazky.length > 0 ) {
				ladici_vypis(LADENI, "styly.nahraj_obrazky", "zkouším dočíst styly metodou XMLHttpRequest");
			} else {
				ladici_vypis(LADENI, "styly.nahraj_obrazky", "zkouším metodu XMLHttpRequest");
			}
			for ( var i = 0; i < link_styly.length; i++ ) {
				var url = link_styly[i].href;
				if ( styly.pridej_soubor(url) ) {
					var styl = url.slice(url.indexOf('style/'));
					ladici_vypis(LADENI, "styly.nahraj_obrazky", styl, "bude načten");
					pocet_analyzovano++;
				}
			}
			ladici_vypis(INFORMACE, "styly.nahraj_obrazky", 
				"nalezeno celkem " + pocet_analyzovano + " stylových souborů");
		} else {
			if ( pocet_analyzovano == 0 ) {
				ladici_vypis(CHYBA, "styly.nahraj_obrazky",
					"nenalezena metoda pro načtení všech obrázků");
			} else {
				ladici_vypis(CHYBA, "styly.nahraj_obrazky",
					"nenalezena metoda pro dočtení zbylých stylových souborů");
			}
		}
	} else {
		ladici_vypis(INFORMACE, "styly.nahraj_obrazky", 
			"nalezeno celkem " + pocet_analyzovano + " stylových souborů");
	}

	setTimeout( function() { styly.dalsi_soubor(); }, 0 );
}

po_spusteni( function() { styly.nahraj_obrazky(); } );

// ===========================================================================
// =~ Aktivuj správný styl ~==================================================

for ( var i = 0; i < styly.pojmenovane_styly.length; i++ ) {
	var link = styly.pojmenovane_styly[i];
	var jmeno = link.getAttribute("title");
	if ( jmeno != nastaveni.styl ) {
		link.disabled = true;
	} else {
		link.disabled = false;
	}
}

// ===========================================================================
// =~ Základní funkce pro práci se styly ~====================================

styly.zmen_styl = function(styl, povolit)
{
	for ( var i = 0; i < styly.pojmenovane_styly.length; i++ ) {
		var link = styly.pojmenovane_styly[i];
		if ( (povolit && link.title == styl) ||
			(!povolit && link.title != styl) ) {
			link.disabled = !povolit;
			ladici_vypis(LADENI, "styly.zmen_styl", link.href.match(/style.*/)[0],
				"vybraný:"+formatuj_text(!link.disabled));
		}
	}
}

// Vyber styl po puštění klávesy
styly.vyber_klavesou = function()
{
	var styl;
	ladici_vypis(LADENI, "styly.vyber_klavesou", "hledám vybraný styl");
	for ( var i = 0; i < styly.length; i++ ) {
		var element = document.getElementById('styl-'+i);
		if ( element && element.checked ) {
			styl = styly[i].jmeno;
			ladici_vypis(LADENI, "styly.vyber_klavesou", "nalezen styl "+styl);
		}
	}

	if ( !styl ) {
		ladici_vypis(CHYBA, "styly.vyber_klavesou", "nenalezen vybraný styl");
		return false;
	} else {
		this.vyber(styl);
	}
}

// Vyber styl
styly.vyber = function(styl)
{
	if ( styl == nastaveni.styl ) {
		ladici_vypis(LADENI, "styly.vyber", "žádná změna stylu, zůstává "+styl);
		return true;
	} else {
		ladici_vypis(LADENI, "styly.vyber", "změna stylu na "+styl);
	}

	// Nejdříve povolíme
	this.zmen_styl( styl, true );

	// Potom zakážeme
	this.zmen_styl( styl, false );

	nastav_cookie("styl", styl, 365);
	if ( hodnota_cookie("styl") != styl ) {
		ladici_vypis(CHYBA, "styly.vyber", "nepodařilo se nastavit cookie");
	}
	nastaveni.styl = styl;
	return true;
}