var wersja = false;

// Funkcje obsługujące

var wybrany_lakier = wybrana_tapicerka = wybrany_ozdobnik = null;

function lakiery_init(reinit) {

	if(!reinit) {
		tworz_wybierak();
	}

	document.getElementById('lakprev').src = item_blank.src;
	document.getElementById('tapprev').src = item_blank.src;
	if(ozdobniki) document.getElementById('ozdprev').src = item_blank.src;

	document.getElementById('opis_lakier').innerHTML = '';
	document.getElementById('opis_fotele').innerHTML = '';
	document.getElementById('opis_dywanik').innerHTML = '';
	document.getElementById('opis_deska').innerHTML = '';
	if(ozdobniki) document.getElementById('opis_ozdobniki').innerHTML = '';

	wybrany_lakier = wybrana_tapicerka = wybrany_ozdobnik = null;

	rysuj_lakiery();
	rysuj_tapicerki();
	if(ozdobniki) rysuj_ozdobniki();
}

function wygas(obj) {
	if(obj) {
		obj.style.border = '1px solid #f3f1f1';
	}
}

function wyklucz() {

	for(var t in tapicerki) {

		for(var tv in tapicerki[t]['wersje']) {

			if(tapicerki[t]['wersje'][tv] == wersja) {

				var jest = false;
				var w = lakiery[wybrany_lakier.numID]['wersje'][wersja];
				for(var tap in w) {

					if(w[tap] == t) {
						jest = true;
						break;
					}
				}

				var tap_img = document.getElementById('tap' + t);

				if(!jest) {
					tap_img.src = item_off.src;
					tap_img.disabled = true;
					tap_img.parentNode.style.border = '1px solid #f3f1f1';

					if(wybrana_tapicerka && wybrana_tapicerka.firstChild == tap_img) {
						document.getElementById('tapprev').src = item_blank.src;
						document.getElementById('opis_fotele').innerHTML = '';
						document.getElementById('opis_dywanik').innerHTML = '';
						document.getElementById('opis_deska').innerHTML = '';
					}
				}
				else {
					tap_img.src = tap_img.on_image.src;
					tap_img.disabled = false;
				}
			}
		}
	}
}

function tworz_wybierak() {
	var fo = document.forms.v.wersje;
	var cnt = 0;

	for(var x in wersje) {

		if(cnt == 0) {
			wersja = x;
		}

		fo.options[cnt] = new Option(wersje[x], x);
		cnt++;
	}
}

function zmien_wersje(f) {
	wersja = f.wersje[f.wersje.selectedIndex].value;
	lakiery_init(true);
}

function rysuj_lakiery() {

	var main_container = document.getElementById('dlakier');
	main_container.innerHTML = '';
	
	for(var gl in grupy_lakierow) {

		var cd = document.createElement('DIV');
		cd.className = 'item_container';

		var hd = document.createElement('DIV');
		hd.className = 'item_header';
		hd.innerHTML = grupy_lakierow[gl];

		cd.appendChild(hd);

		jest_grupa = false;

		for(var l in lakiery) {

			// czy dany lakier wystepuje w aktualnej wersji
			var jest = false;

			for(var x in lakiery[l]['wersje']) {

				if(x == wersja) {
					jest = true;
					break;
				}
			}

			if(jest && lakiery[l]['grupa'] == gl) {

				jest_grupa = true;

				var ld = document.createElement('DIV');
				ld.className = 'item';
				ld.numID = l;
				ld.prev_img = new Image();
				ld.prev_img.src = imgDir + lakiery[l]['gfx_prev'];
				ld.onclick = function() {
					wygas(wybrany_lakier);
					this.style.border = '1px solid #5c5c5c';
					wybrany_lakier = this;
					wyklucz();
					document.getElementById('lakprev').src = this.prev_img.src;
					document.getElementById('opis_lakier').innerHTML = lakiery[wybrany_lakier.numID]['name'] + ' ' + lakiery[wybrany_lakier.numID]['stan'][wersja];
				}

				var img = document.createElement('IMG');
				img.src = imgDir + lakiery[l]['gfx'];
				img.width = 20;
				img.height = 20;

				ld.appendChild(img);

				cd.appendChild(ld);
			}
		}

		if(jest_grupa) {
			main_container.appendChild(cd);
		}

	}
}

function rysuj_tapicerki() {

	var main_container = document.getElementById('dtap');
	main_container.innerHTML = '';

	for(var gt in grupy_tapicerek) {

		var cd = document.createElement('DIV');
		cd.className = 'item_container';

		var hd = document.createElement('DIV');
		hd.className = 'item_header';
		hd.innerHTML = grupy_tapicerek[gt];

		cd.appendChild(hd);

		jest_grupa = false;

		for(var t in tapicerki) {

			// czy dana tapicerka wystepuje w aktualnej wersji
			var jest = false;

			for(var x in tapicerki[t]['wersje']) {
				if(tapicerki[t]['wersje'][x] == wersja) {
					jest = true;
					break;
				}
			}

			if(jest && tapicerki[t]['grupa'] == gt) {

				jest_grupa = true;

				var ld = document.createElement('DIV');
				ld.className = 'item';
				ld.numID = t;
				ld.prev_img = new Image();
				ld.prev_img.src = imgDir + tapicerki[t]['gfx_prev'];
				ld.onclick = function() {
					if(wybrany_lakier && !this.firstChild.disabled) {
						wygas(wybrana_tapicerka);
						this.style.border = '1px solid #5c5c5c';
						wybrana_tapicerka = this;
						document.getElementById('tapprev').src = this.prev_img.src;
						document.getElementById('opis_fotele').innerHTML = tapicerki[wybrana_tapicerka.numID]['siedzenia'] + ' ' + tapicerki[wybrana_tapicerka.numID]['stan'][wersja];
						document.getElementById('opis_dywanik').innerHTML = tapicerki[wybrana_tapicerka.numID]['dywanik'];
						document.getElementById('opis_deska').innerHTML = tapicerki[wybrana_tapicerka.numID]['deska'];
					}
				}

				var img = document.createElement('IMG');
				img.src = imgDir + tapicerki[t]['gfx'];
				img.width = 20;
				img.height = 20;
				img.id = 'tap' + t;

				img.on_image = new Image();
				img.on_image.src = imgDir + tapicerki[t]['gfx'];

				img.disabled = false;

				ld.appendChild(img);

				cd.appendChild(ld);
			}
		}

		if(jest_grupa) {
			main_container.appendChild(cd);
		}

	}
}

function rysuj_ozdobniki() {

	var main_container = document.getElementById('dozdobnik');
	main_container.innerHTML = '';
	
	for(var go in grupy_ozdobnikow) {

		var cd = document.createElement('DIV');
		cd.className = 'item_container';

		var hd = document.createElement('DIV');
		hd.className = 'item_header';
		hd.innerHTML = grupy_ozdobnikow[go];

		cd.appendChild(hd);

		jest_grupa = false;

		for(var o in ozdobniki) {

			// czy dany lakier wystepuje w aktualnej wersji
			var jest = false;

			for(var x in ozdobniki[o]['wersje']) {
				if(ozdobniki[o]['wersje'][x] == wersja) {
					jest = true;
					break;
				}
			}

			if(jest && ozdobniki[o]['grupa'] == go) {

				jest_grupa = true;

				var ld = document.createElement('DIV');
				ld.className = 'item';
				ld.numID = o;
				ld.prev_img = new Image();
				ld.prev_img.src = imgDir + ozdobniki[o]['gfx_prev'];
				ld.onclick = function() {
					if(wybrana_tapicerka) {
						wygas(wybrany_ozdobnik);
						this.style.border = '1px solid #5c5c5c';
						wybrany_ozdobnik = this;
						document.getElementById('ozdprev').src = this.prev_img.src;
						document.getElementById('opis_ozdobniki').innerHTML = ozdobniki[wybrany_ozdobnik.numID]['name'] + ' ' + ozdobniki[wybrany_ozdobnik.numID]['stan'][wersja];
					}
				}

				var img = document.createElement('IMG');
				img.src = imgDir + ozdobniki[o]['gfx'];
				img.width = 20;
				img.height = 20;

				ld.appendChild(img);

				cd.appendChild(ld);
			}
		}

		if(jest_grupa) {
			main_container.appendChild(cd);
		}
	}
}