var liczbagen;
var klient = new Array();
var typ = new Array();	 
var img = new Array();
var opis = new Array();
var link = new Array();

var typg = new Array();
var opisg = new Array();

//KLIENCI WWW
klient[0] = "Motronik";
klient[1] = "Wulkanizacja";
klient[2] = "Cartel-Wars";
klient[3] = "MafiaWarfare";

//TYPY WWW
typ[0] = "strona internetowa";
typ[1] = "strona internetowa";
typ[2] = "layout strony internetowej";
typ[3] = "layout strony internetowej"; 

//OBRAZKI
img[0] = "img/projekty/www/motronik.gif";
img[1] = "img/projekty/www/wulk.gif";
img[2] = "img/projekty/www/cartel.gif";
img[3] = "img/projekty/www/warfare.gif";

//OPISY WWW
opis[0] = "Strona internetowa wykonana dla auto-serwisu Motronik. Projekt obejmował stworzenie layoutu graficznego, kodowanie strony, wykonanie logotypu. Dodatkowo: galeria zdjęć, inteligentny formularz kontaktowy";
opis[1] = "Aktualnie strona jest w trakcie przebudowy...";
opis[2] = "Projekt polegał na stworzeniu dwóch statycznych szkieletów stron internetowych wraz ze wszelkimi elementami graficznymi, do celów wieloosobowej gry internetowej. ";
opis[3] = "Projekt polegał na stworzeniu dwóch statycznych szkieletów stron internetowych wraz ze wszelkimi elementami graficznymi, do celów wieloosobowej gry internetowej. ";

//LINKI WWW
link[0] = "http://www.motronik.pl";
link[1] = "#";
link[2] = "http://www.archive.coaxis.pl/cartel-wars.jpg"; 
link[3] = "http://www.archive.coaxis.pl/mafiawarfare.jpg";

//TYPY GRAFIKA WIZYTOWKI
typg[0] = "WIZYTÓWKA";
typg[1] = "WIZYTÓWKA";
typg[2] = "WIZYTÓWKA";
typg[3] = "PROJEKT LOGO";
typg[4] = "RENOWACJA FOTOGRAFII";
typg[5] = "RENOWACJA FOTOGRAFII";
typg[6] = "ULOTKA REKLAMOWA";
typg[7] = "LOGOTYP";
typg[8] = "GRAFIKA EKSPERYMENTALNA";
typg[9] = "GRAFIKA EKSPERYMENTALNA";
typg[10] = "GRAFIKA EKSPERYMENTALNA";
typg[11] = "GRAFIKA EKSPERYMENTALNA";
typg[12] = "GRAFIKA EKSPERYMENTALNA";
typg[13] = "GRAFIKA EKSPERYMENTALNA";
typg[14] = "GRAFIKA EKSPERYMENTALNA";
typg[15] = "GRAFIKA EKSPERYMENTALNA";
typg[16] = "LOGOTYP";
typg[17] = "GRAFIKA";

//OPISY GRAFIKA
opisg[0] = '<br><img src="img/projekty/wizytowki/motronik.gif"><br><br>Projekt firmowej wizytówki dla auto serwisu Motronik.<br><br><br>';
opisg[1] = '<br><img src="img/projekty/wizytowki/motronik.gif"><br><br>Projekt firmowej wizytówki dla Wulkanizacji.';
opisg[2] = '<br><img src="img/projekty/wizytowki/wizytowkamoneta.gif"><br><br>Projekt wizytówki dla osoby prywatnej. Moneta stworzona cyfrowo.<br>Wizerunek - cyfrowa edycja zdjęcia.';
opisg[3] = '<br><img src="img/projekty/wizytowki/motronik.gif"><br><br>Projekt firmowej wizytówki...';
opisg[4] = '<br><img src="img/projekty/inne/zdjecie1.gif"><br><br>Renowacja starej fotografii o wymiarach kieszonkowych - likwidacja przebarwien, zagniecen oraz przygotowanie i wydruk w rozmiarze A4.';
opisg[5] = '<br><img src="img/projekty/inne/zdjecie2.gif"><br><br>Renowacja starej fotografii - likwidacja przebarwien, zagniecen oraz przygotowanie do druku w formacie A4. Dodatkowo zmiana odcienia fotografii.';
opisg[6] = '<br><A href="http://archive.coaxis.pl/ulotkawulk.jpg" target="_blank"><img src="img/projekty/inne/ulotkawulk.gif" border="0"></A><br><br>Projekt graficzny ulotki reklamowej. Wydruk A4 wraz z przygotowaniem do powielenia.';
opisg[7] = '<br><img src="img/projekty/logo/motoartist.gif" border="0"></A><br><br>Pogladowy projekt logotypu dla fikcyjnego serwisu dla designerow zwiazanych z motoryzacja.';
opisg[8] = '<br><img src="img/projekty/inne/threeearths.gif" border="0"></A><br><br>Grafika eksperymentalna - wizja roznorodnych planet typu ziemskiego.';
opisg[9] = '<br><img src="img/projekty/inne/superearth.gif" border="0"></A><br><br>Grafika eksperymentalna - artystyczna wizja pozaslonecznej planety typu ziemskiego.';
opisg[10] = '<br><img src="img/projekty/inne/predplanet.gif" border="0"></A><br><br>Grafika eksperymentalna - artystyczna wizja planety pozaslonecznej.';
opisg[11] = '<br><img src="img/projekty/inne/lostplanet.gif" border="0"></A><br><br>Grafika eksperymentalna.';
opisg[12] = '<br><img src="img/projekty/inne/gasgiant.gif" border="0"></A><br><br>Grafika eksperymentalna - wizja pozaslonecznej planety - gazowego olbrzyma.';
opisg[13] = '<br><img src="img/projekty/inne/cylons.gif" border="0"></A><br><br>Grafika eksperymentalna - wizja katastroficzna.';
opisg[14] = '<br><img src="img/projekty/inne/comet.gif" border="0"></A><br><br>Grafika eksperymentalna - uderzenie komety.';
opisg[15] = '<br><img src="img/projekty/inne/alienplanet.gif" border="0"></A><br><br>Grafika eksperymentalna - inspiracja programem "Alien Planet" z serii Discovery.';
opisg[16] = '<br><img src="img/projekty/logo/motronik.gif" border="0"></A><br><br>Projekt wizytowki dla auto-serwisu Motronik.';
opisg[17] = '<br><img src="img/projekty/inne/background.gif" border="0"></A><br><br>Abstrakcyjne tlo, uzyte na niniejszej stronie internetowej.';


//KOMPLEKSOWE
typg[101] = "PROJEKT KOMPLEKSOWY";
opisg[101] = '<br>Projekt obejmowal stworzenie strony internetowej - serwisu zawierajacego m.in. przedstawienie oferty, zaprezentowanie galerii i stworzenie inteligentnego formularza kontaktowego.';
opisg[101] += '<br><br>Kliknij na obrazek, aby obejrzec...<br><br><A href="http://www.motronik.pl" target="_blank"><img src="img/projekty/www/motronik.gif" border="0"></A><br><br><br>Projekt logotypu:<br><br><img src="img/projekty/logo/motronik.gif"><br><br><br>Oraz projekt firmowej wizytowki:<br><br><img src="img/projekty/wizytowki/motronik.gif">';

typg[102] = "PROJEKT KOMPLEKSOWY";
opisg[102] = 'Projekt jest w trakcie realizacji. Wkrotce wiecej informacji...';


//PRODUKTY

typg[201] = "PAKIET WEB BASIC";
opisg[201] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/webbasic.gif"></TD><TD class="maintext">Podstawowa strona w postaci wizytowki internetowej. Zawiera dowolna ilosc informacji, w tym oferte i dane kontaktowe. Istnieje mozliwosc rozszerzenia o dodatkowe moduly, takie jak np. inteligentny formularz kontaktowy. Wizytowka internetowa nie zawiera podstron.<br><br><br><b>Pakiet obejmuje:</b>';
opisg[201] += '<br><br><img src="img/curst.gif">projekt graficzny<br><br><img src="img/curst.gif">zastosowanie technologii: HTML, CSS, JavaScript<br><br><img src="img/curst.gif">podstawowe pozycjonowanie<br><br><img src="img/curst.gif">bez podstron<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">99 PLN</span></b></TD></TR></TABLE>';

typg[202] = "PAKIET WEB STANDARD";
opisg[202] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/webstandard.gif"></TD><TD class="maintext">Strona internetowa, zawierajaca dowolna ilosc informacji, w tym przykladowo oferte, dane kontaktowe, formularz, galerie zdjec. Istnieje mozliwosc rozszerzenia o dodatkowe moduly. Pakiet jest ograniczony do 5 podstron.<br><br><br><b>Pakiet obejmuje:</b>';
opisg[202] += '<br><br><img src="img/curst.gif">projekt graficzny<br><br><img src="img/curst.gif">zastosowanie technologii: HTML, CSS, JavaScript, PHP<br><br><img src="img/curst.gif">kompleksowe pozycjonowanie (odpowiednik pakietu "Web Position")<br><br><img src="img/curst.gif">do 5 podstron<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">399 PLN</span></b></TD></TR></TABLE>';

typg[203] = "PAKIET WEB PREMIUM";
opisg[203] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/webpremium.gif"></TD><TD class="maintext">Strona internetowa, zawierajaca dowolna ilosc informacji, w tym przykladowo oferte, dane kontaktowe, inteligentny formularz, galerie zdjec. Istnieje mozliwosc rozszerzenia o dodatkowe moduly. Pakiet jest ograniczony do 10 podstron.<br><br><br><b>Pakiet obejmuje:</b>';
opisg[203] += '<br><br><img src="img/curst.gif">projekt graficzny<br><br><img src="img/curst.gif">zastosowanie technologii: HTML, CSS, PHP, AJAX, inne<br><br><img src="img/curst.gif">kompleksowe pozycjonowanie (odpowiednik pakietu "Web Position")<br><br><img src="img/curst.gif">do 10 podstron<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">699 PLN</span></b></TD></TR></TABLE>';

typg[204] = "PAKIET WEB POSITION";
opisg[204] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/webposition.gif"></TD><TD class="maintext">Pakiet kompleksowego pozycjonowania istniejacej strony internetowej, przy uzyciu najlepszych i najskuteczniejszych technik.<br><br><br><b>Pakiet obejmuje:</b>';
opisg[204] += '<br><br><img src="img/curst.gif">kompleksowe modyfikacje na stronie internetowej w celu uzyskania lepszej pozycji w wyszukiwarkach<br><br><img src="img/curst.gif">rejestracja w wyszukiwarckach: Google, Onet.pl, WP.pl, Szukacz, NetSprint, Interia.pl<br><br><img src="img/curst.gif">rejestracja w katalogach Onet.pl, WP.pl, Interia.pl<br><br><img src="img/curst.gif">fachowe doradztwo<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">149 PLN</span></b></TD></TR></TABLE>';

typg[205] = "WEB CHAT";
opisg[205] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/webchat.gif"></TD><TD class="maintext">Produkt "Web Chat" to internetowy czat, ktory zapewni szybka i łatwa obsluge klientow. Kazdy produkt jest indywidualnie dopasowywany do wymagan Klienta. Zastosowana firmowa szata graficzna nadaje firmie profesjonalny wyglad i charakter.<br><br><b>Pakiet obejmuje:</b>';
opisg[205] += '<br><br><img src="img/curst.gif">stworzenie internetowej aplikacji w postaci czatu online<br><br><img src="img/curst.gif">instalacje na serwerze Klienta<br><br><img src="img/curst.gif">instalacje panelu administracyjnego<br><br><img src="img/curst.gif">opieke techniczna i pomoc w obsludze<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">80 PLN</span></b></TD></TR></TABLE>';

typg[206] = "IDENTITY PACK";
opisg[206] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/identitypack.gif"></TD><TD class="maintext"><br>Profesjonalny pakiet graficzny, zapewniajacy elegancki wizerunek firmie. Szczegoly oraz zasieg projektu uzgadniany jest indywidualnie. Mozliwe rozszerzenie o dodatkowe elementy graficzne.<br><br><b>Pakiet obejmuje:</b>';
opisg[206] += '<br><br><img src="img/curst.gif">projekt graficzny wizytowki<br><br><img src="img/curst.gif">projekt graficzny papieru firmowego<br><br><img src="img/curst.gif">projekt graficzny ulotek reklamowych<br><br><img src="img/curst.gif">projekt logotypu<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">120 PLN</span></b></TD></TR></TABLE>';

typg[207] = "PAKIET PHOTO RENEWAL";
opisg[207] = '<TABLE cellspacing="0" cellpadding="10"><TR><TD><img src="img/produkty/photorenewal.gif"></TD><TD class="maintext"><br>Profesjonalna usluga cyfrowej renowacji zdjecia. Likwidacja zagniecen, uzupelnienie brakujacych elementow fotografii, retusz kolorow, likwidacja przebarwien, przygotowanie do druku, wydruk.<br> Znizki przy wiekszej liczbie fotografii!<br><br><b>Pakiet obejmuje:</b>';
opisg[207] += '<br><br><img src="img/curst.gif">cyfrowa likwidacje wszelkiech uszkodzen<br><br><img src="img/curst.gif">uzupelnienie zniszczonych fragmentow fotografii<br><br><img src="img/curst.gif">likwidacja przebarwien i retusz kolorow<br><br><img src="img/curst.gif">przygotowanie do druku i ewentualny wydruk<br><br><b>Orientacyjna cena podstawowa:<br><span class="price">39 PLN/szt</span></b></TD></TR></TABLE>';




function zamknijDzialyProjekty()
{ 

		document.getElementById("bgwww").style.display="none";
		document.getElementById("bgwww2").style.display="none";  
		document.getElementById("wwwlist").style.display="none";
		document.getElementById("www2").style.display="none";
		document.getElementById("wwwtitle").style.display="none";
		document.getElementById("bggrafika").style.display="none";
		document.getElementById("bggrafika2").style.display="none";
		document.getElementById("bggrafika3").style.display="none";
		document.getElementById("grafika").style.display="none";
		document.getElementById("grafika2").style.display="none";
		document.getElementById("grafika3").style.display="none";
		document.getElementById("grafikatitles").style.display="none";
		document.getElementById("kompleksowelist").style.display="none";
		document.getElementById("kompleksowetitle").style.display="none";

}

function otworzProjektyWww()
{
		
		//zamknij poddzialy
		zamknijDzialyProjekty();
		document.getElementById("launchkompl").style.visibility="hidden";
		//przygotuj do pokazu
	   	document.getElementById("wwwimg").style.width = "0";
		document.getElementById("bgwww").style.display="block";
		rozszerzWarstweProjektyWww1();
		
}	  

function otworzProjektWww(numer)
{
	
	//zamknij warstwe
	document.getElementById("www2").style.display="none";
	//przygotuj do pokazu
	document.getElementById("wwwimg2").style.height = "0";
	document.getElementById("bgwww2").style.display="block";
	//zmien zawartosc warstwy
	document.getElementById("projimg").src = img[numer];
	document.getElementById("klient").innerHTML = klient[numer];
	document.getElementById("typ").innerHTML = typ[numer];
	document.getElementById("opis").innerHTML = opis[numer];
	document.getElementById("launch").href = link[numer];


	//pokaz
	rozszerzWarstweProjektyWww2();
	
}

function otworzProjektKompl(numer)
{
	
	liczbagen = numer;
	//zamknij warstwe
	document.getElementById("www2").style.display="none";
	//przygotuj do pokazu
	document.getElementById("wwwimg2").style.height = "0";
	document.getElementById("bgwww2").style.display="block";
	document.getElementById("launchkompl").style.visibility="visible";
	//zmien zawartosc warstwy
	document.getElementById("projimg").src = img[numer];
	document.getElementById("klient").innerHTML = klient[numer];
	document.getElementById("typ").innerHTML = typ[numer];
	document.getElementById("opis").innerHTML = opis[numer];
	document.getElementById("launch").href = link[numer];


	//pokaz
	rozszerzWarstweProjektyWww2();
	
}

function otworzProjektyGrafika()
{
		
		//zamknij poddzialy
		zamknijDzialyProjekty();
		//przygotuj do pokazu
	   	document.getElementById("grafikaimg").style.height = "0";
		document.getElementById("grafikaimg2").style.height = "0";
		document.getElementById("grafikaimg3").style.height = "0";
		document.getElementById("bggrafika").style.display="block";
		document.getElementById("bggrafika2").style.display="block";
		document.getElementById("bggrafika3").style.display="block";
		rozszerzWarstweProjektyGrafika();
		
}	

function otworzProjektyKompleksowe()
{
		
		//zamknij poddzialy
		zamknijDzialyProjekty();
		//przygotuj do pokazu
	   	document.getElementById("wwwimg").style.width = "0";
		document.getElementById("bgwww").style.display="block";
		rozszerzWarstweProjektyKompleksowe();
		
}

function otworzProjektGrafika(numer)
{

	document.getElementById("popupnaglowekg").innerHTML=typg[numer];
	document.getElementById("popuptrescg").innerHTML=opisg[numer]+"<br><br>";
	przygotujPopUpGrafika();
	

}	



////
function rozszerzWarstweProjektyKompleksowe()
	{	
		w++;
		if(w<=6)			
		{
			document.getElementById("wwwimg").style.width = document.getElementById("wwwimg").offsetWidth + 40;
			document.getElementById("wwwimg").style.height = "259";
			setTimeout("rozszerzWarstweProjektyKompleksowe();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("wwwimg").style.width = "248";
			document.getElementById("kompleksowetitle").style.display="block";
			document.getElementById("kompleksowelist").style.display="block";
			return;
		}
	
	}
											

function rozszerzWarstweProjektyWww1()
	{	
		w++;
		if(w<=6)			
		{
			document.getElementById("wwwimg").style.width = document.getElementById("wwwimg").offsetWidth + 40;
			document.getElementById("wwwimg").style.height = "259";
			setTimeout("rozszerzWarstweProjektyWww1();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("wwwimg").style.width = "248";
			document.getElementById("wwwtitle").style.display="block";
			document.getElementById("wwwlist").style.display="block";
			return;
		}
	
	}
	
function rozszerzWarstweProjektyWww2()
	{	
		w++;
		if(w<=5)	
		{
			document.getElementById("wwwimg2").style.height = document.getElementById("wwwimg2").offsetHeight + 38;
			document.getElementById("wwwimg2").style.width = "450";
			setTimeout("rozszerzWarstweProjektyWww2();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("wwwimg2").style.height = "192";
			document.getElementById("www2").style.display="block";
			return;
		}
	
	} 
	
function rozszerzWarstweProjektyGrafika()
	{	
		w++;
		if(w<=5)
		{
			document.getElementById("grafikaimg").style.height = document.getElementById("grafikaimg").offsetHeight + 52;
			document.getElementById("grafikaimg").style.width = "248";
			setTimeout("rozszerzWarstweProjektyGrafika();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("grafikaimg").style.height = "259";
			rozszerzWarstweProjektyGrafika2();
			return;
		}
	
	}
	
function rozszerzWarstweProjektyGrafika2()
	{	
		w++;
		if(w<=5)
		{
			document.getElementById("grafikaimg2").style.height = document.getElementById("grafikaimg2").offsetHeight + 52;
			document.getElementById("grafikaimg2").style.width = "248";
			setTimeout("rozszerzWarstweProjektyGrafika2();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("grafikaimg2").style.height = "259";
			rozszerzWarstweProjektyGrafika3();
			return;
		}
	
	}
	
function rozszerzWarstweProjektyGrafika3()
	{	
		w++;
		if(w<=5)
		{
			document.getElementById("grafikaimg3").style.height = document.getElementById("grafikaimg3").offsetHeight + 52;
			document.getElementById("grafikaimg3").style.width = "248";
			setTimeout("rozszerzWarstweProjektyGrafika3();",10);
		}											
		
		else
		{
			w=0;
			document.getElementById("grafikaimg3").style.height = "259";
			document.getElementById("grafikatitles").style.display="block";
			document.getElementById("grafika").style.display="block"; 
			document.getElementById("grafika2").style.display="block";
			document.getElementById("grafika3").style.display="block";
			return;
		}
	
	}
	
function pokazRegulamin()
{

przygotujPopUpUni();

}