// FUNKCJA ZMIENIAJACA PRZYCISKI W MENU
function change_menu(numer_menu) { // atrybut przechowa numer przycisku                                    

liczba_przyciskow = 8; // liczba przyciskow menu na stronie

for (i = 1; i <= liczba_przyciskow; ++i) // iteracja po wszystkich przyciskach
    {
        if (i == numer_menu) // jezeli wystapilo zdarzenie na przycisku to:
		{
		przycisk_aktywny = document.getElementById("menu_div" + numer_menu); // pobierz div zawierajacy aktywny przycisk
		akapit_aktywny = document.getElementById("menu_p" + numer_menu); // pobierz akapit zawierajacy aktywny przycisk
		znacznik_aktywny = document.getElementById("menu_point" + numer_menu); // pobierz znacznik aktywnego przycisku
		tekst_aktywny = document.getElementById("menu_span" + numer_menu); // pobierz tekst aktywnego przycisku
		przycisk_aktywny.className = "divMenuElementActiv"; // zmien jego klase na aktywna
		akapit_aktywny.className = "pMenuElementActiv"; // zmien jego klase na aktywna
		znacznik_aktywny.className = "pointMenuElementActiv"; // zmien jego klase na aktywna
		tekst_aktywny.className = "spanMenuElementActiv"; // zmien jego klase na aktywna
		
		} 
		else // jesli nie wystapilo zdarzenie na przycisku to:
		{
		przycisk_nieaktywny = document.getElementById("menu_div" + i); // pobierz div zawierajacy odpowiedni przycisk
		akapit_nieaktywny = document.getElementById("menu_p" + i); // pobierz akapit zawierajacy odpowiedni przycisk
		znacznik_nieaktywny = document.getElementById("menu_point" + i); // pobierz znacznik zawierajacy odpowiedni przycisk
		tekst_nieaktywny = document.getElementById("menu_span" + i); // pobierz tekst odpowiedniego przycisku
		przycisk_nieaktywny.className = "divMenuElementPassiv"; // zmien jego klase na nieaktywna
		akapit_nieaktywny.className = "pMenuElementPassiv"; // zmien jego klase na nieaktywna
		znacznik_nieaktywny.className = "pointMenuElementPassiv"; // zmien jego klase na nieaktywna
		tekst_nieaktywny.className = "spanMenuElementPassiv"; // zmien jego klase na nieaktywna
		}
    }

}

// FUNKCJA ZMIENIAJACA PARAMETRY OFFICES
function change_office(numer_biura)
{
biuro_aktywne = document.getElementById("office_div" + numer_biura); // pobierz div zawierajacy aktywne biuro
tekst_biura_aktywnego = document.getElementById("office_text" + numer_biura); // pobierz div zawierajacy tekst aktywnego biura
zmienna = biuro_aktywne.className;		
	
	if (!(zmienna == "divOfficeElementPassiv"))
	{
	biuro_aktywne.className = "divOfficeElementPassiv"; // zmien jego klase na aktywna
	tekst_biura_aktywnego.className = "divOfficeTextElementPassiv"; // zmien jego klase na aktywna
	}
	else	
	{
	biuro_aktywne.className = "divOfficeElementActiv"; // zmien jego klase na aktywna
	tekst_biura_aktywnego.className = "divOfficeTextElementActiv"; // zmien jego klase na aktywna
	}					
}

// FUNKCJA PODMIANY OBRAZKA Z DZIALU DETALE
function change_picture(numer_obrazka)
{
liczba_obrazkow = 5;

	for (i = 1 ; i <= liczba_obrazkow ; ++i)
	{
		if (i == numer_obrazka)
		{
		obrazek_aktywny = document.getElementById("pictureBigDetails" + i);
		
		obrazek_aktywny.style.display = "block";
		}
		else
		{
		obrazek_nieaktywny = document.getElementById("pictureBigDetails" + i);
		
		obrazek_nieaktywny.style.display = "none";
		}
	}
}

// FUNKCJA PODSWIETLENIE OBRAZKA Z DZIALU DETALE
function over_picture(numer_obrazka)
{
liczba_obrazkow = 5;

	for (i = 1 ; i <= liczba_obrazkow ; ++i)
	{
		if (i == numer_obrazka)
		{
		obrazek_aktywny = document.getElementById("pictureDetails" + i);

			obrazek_aktywny.style.width = "100px";
			obrazek_aktywny.style.height = "100px";
			obrazek_aktywny.style.color = "#0088d2";

		}
		else
		{
		obrazek_nieaktywny = document.getElementById("pictureDetails" + i);
		
		obrazek_nieaktywny.style.width = "70px";
		obrazek_nieaktywny.style.height = "70px";
		obrazek_nieaktywny.style.color = "#ff7200";
		}
	}
}