var pics = new Array(6);
    pics[0] = 'http://spak.com.pl/gfx/olsztynska.jpg';
    pics[1] = 'http://spak.com.pl/gfx/rakowstadion.jpg';
    pics[2] = 'http://spak.com.pl/gfx/azs.jpg';
    pics[3] = 'http://spak.com.pl/gfx/lublin.jpg';
    pics[4] = 'http://spak.com.pl/gfx/rakowhala.jpg';
    pics[5] = 'http://spak.com.pl/gfx/obiektysportowe.jpg';
    pics[6] = 'http://spak.com.pl/gfx/uzytpubliczna.jpg';
    pics[7] = 'http://spak.com.pl/gfx/zapleczemoto.jpg';
    pics[8] = 'http://spak.com.pl/gfx/budowle.jpg';
    pics[9] = 'http://spak.com.pl/gfx/gubinowska.jpg';

    pics[10] = 'http://spak.com.pl/gfx/Krakbank3.jpg';    
    pics[11] = 'http://spak.com.pl/gfx/millennium.jpg';    
    pics[12] = 'http://spak.com.pl/gfx/nadarzyn.jpg';
    pics[13] = 'http://spak.com.pl/gfx/zgoda.jpg';

var aktualne_menu = -1;

var aktualne_podmenu = -1;
var aktualny_projekt = -1;
var loaded = 0;
var cPercent = 0;
var total = pics.length;
var main_default = '<table cellpadding="0" cellspacing="0"><tr><td><img src="gfx/main/568x688_1.jpg"></td><td><img src="gfx/main/568x688_2.jpg"></td><td><img src="gfx/main/568x688_3.jpg"></td><td><img src="gfx/main/568x688_4.jpg"></td><td><img src="gfx/main/568x688_5.jpg"></td></tr><tr><td><img src="gfx/main/568x688_6.jpg"></td><td><img src="gfx/main/568x688_7.jpg"></td><td><img src="gfx/main/568x688_8.jpg"></td><td><img src="gfx/main/568x688_9.jpg"></td><td><img src="gfx/main/568x688_10.jpg"></td></tr><tr><td><img src="gfx/main/568x688_11.jpg"></td><td><img src="gfx/main/568x688_12.jpg"></td><td><img src="gfx/main/568x688_13.jpg"></td><td><img src="gfx/main/568x688_14.jpg"></td><td><img src="gfx/main/568x688_15.jpg"></td></tr><tr><td><img src="gfx/main/568x688_16.jpg"></td><td><img src="gfx/main/568x688_17.jpg"></td><td><img src="gfx/main/568x688_18.jpg"></td><td><img src="gfx/main/568x688_19.jpg"></td><td><img src="gfx/main/568x688_20.jpg"></td></tr><tr><td><img src="gfx/main/568x688_21.jpg"></td><td><img src="gfx/main/568x688_22.jpg"></td><td><img src="gfx/main/568x688_23.jpg"></td><td><img src="gfx/main/568x688_24.jpg"></td><td><img src="gfx/main/568x688_25.jpg"></td></tr><tr><td><img src="gfx/main/568x688_26.jpg"></td><td><img src="gfx/main/568x688_27.jpg"></td><td><img src="gfx/main/568x688_28.jpg"></td><td><img src="gfx/main/568x688_29.jpg"></td><td><img src="gfx/main/568x688_30.jpg"></td></tr><tr><td><img src="gfx/main/568x688_31.jpg"></td><td><img src="gfx/main/568x688_32.jpg"></td><td><img src="gfx/main/568x688_33.jpg"></td><td><img src="gfx/main/568x688_34.jpg"></td><td><img src="gfx/main/568x688_35.jpg"></td></tr></table></div>';

function inicjacja()
{

    generuj_sekcje_projektow();
    content_div=document.getElementById('content');
    for (z=0; z<5; z++) {
	pokaz_menu(z);
    }
    content_div.innerHTML=main_default;
    laduj_obrazki();
    
}


function generuj_sekcje_projektow() {

    for (i=0; i<grupy.length; i++) {
	document.getElementById('sekcja_projektow').innerHTML += 
	    '&bull; <a href="#" class="nounderline" id="link_grupa_' + i + '" onclick="pokaz_menu_opis(' + i + '); return false;">' + 
	    grupy[i] + '</a><Br /><span id="grupa_' + i + '"></span>';
    }

}

function pokaz_menu(id)
{


    

//    if ( id != aktualne_menu  && aktualne_menu !=-1) {
//	document.getElementById('grupa_' + aktualne_menu).innerHTML = '';
//	document.getElementById('link_grupa_' + aktualne_menu).style.textDecoration = 'none';
///
//
///	if ( aktualne_podmenu !=-1) {
//	    aktualne_podmenu = -1;
//	}


  //  }

//    document.getElementById('grupa_' + id).innerHTML = '';
//    aktualne_menu = id;    

    tmp_grupa = eval('grupa' + id);

    for (i=0; i<tmp_grupa.length; i++) {
	
	document.getElementById('grupa_' + 
	    id).innerHTML += '<ul class="grupy"><li><a href="#" class="nounderline" id="link_podgrupa_' + tmp_grupa[i] + '" onclick="pokaz_podmenu(' + tmp_grupa[i] + '); return false;">' + 
	    podgrupy[tmp_grupa[i]] + '</a></li></ul><span id="podgrupa_' + tmp_grupa[i] + '"></span>';
    }
//    pokaz_podmenu(id);

    document.getElementById('grupa_' + id).innerHTML += '<div style="height: 5px;"></div>';
    document.getElementById('link_grupa_' + 
	id).style.textDecoration = 'underline';

}

function pokaz_menu_opis(id) {
    if (opisy_menu[id]) {
	content_div.innerHTML=opisy_menu[id];
    }
	
	aktualne_menu = id;

}


function pokaz_podmenu(id)
{


    aktualny_projekt = -1;

//if ( id != aktualne_podmenu && 
	if ( aktualne_podmenu !=-1) {
		document.getElementById('podgrupa_' + aktualne_podmenu).innerHTML = '';		
		document.getElementById('link_podgrupa_' + aktualne_podmenu).style.textDecoration = 'none';
	}

//    document.getElementById('grupa_' + aktualne_menu).innerHTML = '';
    document.getElementById('podgrupa_' + id).innerHTML = '';

    
//    if (opisy_podmenu[id]) {
//		content_div.innerHTML = opisy_podmenu[id];
//    }
    

    aktualne_podmenu = id;    
    
    tmp_podgrupa = eval('podgrupa' + id);
    
    for (i=0; i < tmp_podgrupa.length; i++) {
	
	if (opisy[tmp_podgrupa[i]]) {
	    var klasa = 'podgrupy_full';
	} else {
	    var klasa = 'podgrupy_empty';
	}
	
	document.getElementById('podgrupa_' + id).innerHTML += '<ul class=' + klasa + '><li><a href="#" class="nounderline" id="link_projekt_' + tmp_podgrupa[i] + '" onclick="pokaz_projekt(' + tmp_podgrupa[i] + '); return false;">' + projekty[tmp_podgrupa[i]] + '</a></li></ul>';
    }


    document.getElementById('podgrupa_' + id).innerHTML += '<Br />';
    document.getElementById('link_podgrupa_' + id).style.textDecoration = 'underline';

}


function potwierdz()
{

    if ( confirm('Czy na pewno chcesz to usun±ć?') ) {
	return true;
    } else {
	return false;
    }
    
}


function pokaz_projekt(id) {


    content_div=document.getElementById('content');

    if (!opisy[id]) {
	return false;
    }


    if ( id != aktualny_projekt  && aktualny_projekt !=-1) {

	content_div.innerHTML=main_default;
	document.getElementById('link_projekt_' + aktualny_projekt).style.fontWeight = 'normal';
    }
    
    document.getElementById('link_projekt_' + id).style.fontWeight = 'bold';
    aktualny_projekt = id;

    content_div.innerHTML = opisy[id];
//    content_div.innerHTML = '<div id="tytul_projektu">' + projekty[id] + '</div><br /><br />' + opisy[id];
    return false;

}

function inkrementuj_licznik() {

	var percent = Math.round(loaded/total * 100); // 1/6 2/6 3/6 4/6 5/6 6/6	
	if (cPercent != percent) {
	    cPercent = percent;
	    spanPercent = document.getElementById('procent');
	    spanPercent.innerHTML = '<br />Ładowanie elementów: ' + cPercent + '%';
	}
	if ( loaded == total ) {
	    spanPercent.style.visibility = 'hidden';
	}
}

function laduj_obrazki() {

    document.getElementById('procent').style.visibility='hidden';
    var picsObjs = new Array(pics.length); //6

    for (i=0; i<pics.length; i++) {
	picsObjs[i] = new Image();
	picsObjs[i].onload = load;
	picsObjs[i].onerror = load;
	picsObjs[i].onAbort = load;
	picsObjs[i].src = pics[i];

	
    }
    
}

function load() {
    loaded++;
    inkrementuj_licznik();
}