new Image().src = 'realizacje/budowlana.png';
			new Image().src = 'realizacje/dentysci.png';
			new Image().src = 'realizacje/dzieci.png';
			new Image().src = 'realizacje/kadokado.png';
			new Image().src = 'realizacje/knajpa.png';
			new Image().src = 'realizacje/owsrmonika.png';
			new Image().src = 'realizacje/welfin.png';
			new Image().src = 'realizacje/wspominaj.png';

			
			
			
			
			
			var i=0;
			var wszystkie = 6;
			var wszystkie2 = 11;
			var tytuly = new Array('Kominki Welfin', 'Kadokado', 'Remonty', 'Wspominaj', 'OWSR Monika', 'Pomagaj', 'Dentyści');
			var tresci = new Array('Strona zrealizowana dla nowopowstałej firmy zajmującej się dystrybucją biokominków. Rozmowy rozpoczynaliśmy od wizytówkowej strony firmowej, a skończyliśmy na prostym autorskim sklepie z systemem zarządzania przez WWW.', 'Katalog gier wykonanych w technologii flash. Strona kierowana do tych, którzy chcą uprzyjemnić sobie kilkuminutową przerwę grając. Niekoniecznie w sapera. :)', 'Strona wykonana przez Bartka dla Firmy budowlanej', '"Człowiek żyje tak długo, jak żyje pamięć o nim wśród ludzi" Strona non-profit, na której można podzielić się wspomnieniami o kimś, kto był dla nas ważny.', 'Strona dla ośrodka wypoczynkowo-szkoleniowo-rehabilitacyjnego "Monika". Wiele elementów znajdujących się na stronie zostało dostarczonych przez zleceniodawcę. Niektóre elementy było trudno połączyć, ale efekt jest zadowalający dla klienta, zatem i dla nas.', 'Pod domeną Pomagaj.org umieściliśmy stronę non-profit, na której można dowiedzieć się więcej o wolontariacie i sposobach pomocy potrzebującym','Czy trzeba się bać dentysty? Nie!  Strona z polecanymi przychodniami stomatologicznymi na terenie Polski. Serwis w trakcie uruchamiania.');
			var linki = new Array('kominki.welfin.pl','kadokado.pl','ogrodzenia-remonty.pl','wspominaj.pl','owsr-monika.pl','pomagaj.org','dentyści.com.pl');
			var zdjecia = new Array('welfin.jpg','kadokado.jpg','budowlana.jpg', 'wspominaj.jpg', 'owsrmonika.jpg', 'dzieci.jpg','dentysci.jpg');
			var zdjecia2 = new Array('welfin.png','kadokado.png','budowlana.png', 'wspominaj.png', 'owsrmonika.png', 'dzieci.png','dentysci.png');



			var tytulyprojekty = new Array('Mixes','Warsztat','Meble','Ślubne','Wozimy','Skuter śnieżny','Jesień','Zielona trasa','Wysyłkowo','Rachunkowe','XKR','Knajpa');
			var tresciprojekty = new Array('Projekt strony dla klubu lub o muzyce klubowej.','Projekt dla warsztatu samochodowego.','Projekt dla sklepu meblowego.','Zaproszenia ślubne.','Projekt strony dla firmy transportowej.','Skuter śnieżny.','Ulica wieczorem jesienią.','Zielona trasa - wycieczki rowerowe i nie tylko.','Projekt strony dla małej firmy kurierskiej.','Strona dla biura rachunkowego.','Projekt strony firmowej o nazwie XKR','Projekt katalogu lokali warszawskich porządkuje lokalne kluby, puby, bary i restauracje.');
			var linkiprojekty = new Array('mixes.pl','wartech.com.pl','meblowo.com.pl','karty-slubne.pl','wozimy.pl','skutersniezny.pl','716.pl','zielonatrasa.pl','wysylkowe.pl','ksiegowe.org.pl','xkr.pl','knajpa.waw.pl');
			var zdjeciaprojekty = new Array('mixes.jpg','warsztat.jpg','meble1.jpg', 'slubne.jpg', 'wozimy.jpg', 'skutersniezny.jpg', 'nazwafirmy.jpg','zielonatrasa.jpg','wysylkowo.jpg','biurorachunkowe.jpg','xkr.jpg','knajpa.jpg');




			
			var ikony = new Array('<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/js.png" alt="js" /><img src="ikonki/php.png" alt="php" /><img src="ikonki/cms.png" alt="cms" /><img src="ikonki/xcf.png" alt="xcf" />','<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/js.png" alt="js" /><img src="ikonki/php.png" alt="php" /><img src="ikonki/cms.png" alt="cms" /><img src="ikonki/xcf.png" alt="xcf" />','','<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/php.png" alt="php" /><img src="ikonki/xcf.png" alt="xcf" />','<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/js.png" alt="js" /><img src="ikonki/xcf.png" alt="xcf" />','<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/js.png" alt="js" /><img src="ikonki/php.png" alt="php" /><img src="ikonki/cms.png" alt="cms" /><img src="ikonki/xcf.png" alt="xcf" />','<img src="ikonki/html.png" alt="html" /><img src="ikonki/css.png" alt="css" /><img src="ikonki/php.png" alt="php" /><img src="ikonki/swf.png" alt="swf" /><img src="ikonki/xcf.png" alt="xcf" />');
			
			var cele = '<p>Cele cele cele „Jeżeli istnieje jakiś jeden sekret sukcesu, to jest to umiejętność przyjmowania cudzego punktu widzenia i&nbsp;patrzenia z tej perspektywy z równą łatwością jak z&nbsp;własnej.”<br /><b style="text-align:right;">Henry Ford</b></p> <p> Naszym mottem jest:<br /><b> "Nie musisz się znać na wszystkim, wystarczy mieć dobrych doradców."</b></p> <p> Dobrze wiemy, że zadowolony klient jest najlepszą reklamą. </p>';
			
			
			
			
			var naglowki = new Array('O nas','Projekty','Realizacje','Kontakt','Zamówienie');
			
			var onas = '<p><img style="float:right; margin: 0 0 10px 10px;" src="grafiki/logo.jpg" alt="" />&nbsp;&nbsp;&nbsp;&nbsp;Jesteśmy młodym, dynamicznym zespołem ludzi ukierunkowanych przede wszsystkim na tworzenie prostych - ale nie prostackich - <b>wizytówkowych stron WWW</b>. Nie boimy się też trudniejszych wyzwań. W naszych realizacjach są <b>miniportale</b> i <b> sklepy internetowe.</b> </p><p>Nasze projekty wykonujemy w najpopularniejszych obecnie technologiach. Dla klientów udostępniamy autorski, bardzo intuicyjny <b>system zarządzania treścią</b> na stronie, dzięki czemu mają oni bardzo duży wpływ na treść i wygląd po zakończeniu realizacji. </p><p>Naszym klientom oferujemy usługi dodatkowe takie jak <b>rejestracja domen</b>, <b>hosting</b> czy <b>promocja w sieci.</b> </p><p>Wiemy, że nie ma dwóch takich samych realizacji, dlatego staramy się stanąć na wysokości zadania i spełnić oczekiwania każdego z naszych zleceniodawców. Nasze zobowiązania traktujemy bardzo poważnie, a&nbsp;<b>terminowość</b> jest naszą najważniejszą zaletą.</p> <p>Wiemy, że nie każdy jest znawcą zagadnień związanych ze stronami internetowymi. W naszym podejściu zawsze staramy się przyjąć poziom wiedzy klienta i rozmawiać słowami dla niego zrozumiałymi. </p> <p> Zaufaj nam, a <b>zyskasz</b> dobrego doradcę. ';
			
			var minionas = '<p>„Jeżeli istnieje jakiś jeden sekret sukcesu, to jest to umiejętność przyjmowania cudzego punktu widzenia i&nbsp;patrzenia z tej perspektywy z równą łatwością jak z&nbsp;własnej.”<br /><b style="text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;Henry Ford</b></p> <p> Naszym mottem jest:<br /><b> "Nie musisz się znać na wszystkim, wystarczy mieć dobrych doradców."</b></p> <p> Dobrze wiemy, że zadowolony klient jest dla nas najlepszą reklamą. </p>';


			var projekty = '<ul class="thumb2">';for(var n=0;n<=wszystkie2;n++){projekty = projekty+"<li><a target=\"_blank\" href=\"http://www."+linkiprojekty[n]+"\"><img src=\"projekty/"+zdjeciaprojekty[n]+"\" alt=\""+n+"\" /></a></li>";}projekty = projekty+"</ul>";
			var miniprojekty = '<p>„Widzicie różne rzeczy i pytacie: dlaczego takie są Natomiast ja marzę o rzeczach, których nie ma i pytam: dlaczego by nie miały zaistnieć?"<br /><b style="text-align:right;">&nbsp;&nbsp;&nbsp;&nbsp;George Bernard Shaw</b></p> <p>Zapraszamy do zapoznania się z projektami szaty graficznej skierowanej do różnego typu odbiorców. Są tu proste, wręcz ascetyczne strony firmowe, jak i projekty dla miniportali.</p><p> Ze względu na fakt, iż każdego klienta traktujemy indywidualnie, zamieszczone tu projekty są jedynie wzorami, dzięki którym zleceniodawca może lepiej opisać swoje wymagania.</p>';


			var realizacje = '<ul class="thumb">';for(var n=0;n<=wszystkie;n++){realizacje = realizacje+"<li><a target=\"_blank\" href=\"http://www."+linki[n]+"\"><img src=\"realizacje2/"+zdjecia[n]+"\" alt=\""+n+"\" /></a></li>";}realizacje = realizacje+"</ul>";
			var minireferencje = '<p>„Cytat”<br /><b style="text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;Autor</b></p><p>Tu znajdują się nasze ostatnie realizacje. </p>';


			var zamowienie = '<p> Na samym początku pragniemy jasno określić zasady realizacji zleceń, gdyż dzięki temu każda ze stron wie, czego może oczekiwać od drugiej. Zależy nam, aby klient był zadowolony z naszych usług, jednak umiemy się też przyznać, gdy nie jesteśmy w stanie sprostać wymaganiom. Miła atmosfera to podstawa dobrej współpracy, ale nie to świadczy o wyniku. Ponieważ pojęcie piękna przez jest subiektywne, staramy się zgodnie ze sztuką zrealizować pomysł klienta. Chętnie też dzielimy się naszymi pomysłami i projektami, które możecie zobaczyć w pozostałych zakładkach. <br /> <ol><li> Klient zapoznaje się z naszą ofertą. Na wszelkie pytania dotyczące realizacji projektu odpowiadamy telefonicznie lub mailowo. </li><li> Klient podaje swoje dane kontaktowe i wpłaca zaliczkę w wysokości 200 zł. </li><li> Kontaktujemy się z klientem i ustalamy szczegóły realizacji. </li><li> W terminie do 2 dni przedstawiamy projekt graficzny - klient go akceptuje, odrzuca lub zgłasza poprawki. </li><li> Zaakceptowany projekt graficzny jest przekazywany do działu programistów i w ciągu kolejnych 2 dni jest umieszczany na serwerze artestudio. </li><li> Klient może korzystać z pełnej funkcjonalności strony i systemu zarządzania treścią przez okres 14 dni w ramach testów. Wszelkie błędy są poprawiane na bierząco. </li><li> Gdy klient jest zadowolony z wyników naszej pracy, dokonuje zapłaty. </li><li> Po otrzymaniu potwierdzenia przelewu umieszczamy stronę na naszym serwerze produkcyjnym i konfigurujemy dodatkowe usługi zgodnie z zamówieniem. </li><li> Klientowi przysługuje gwarancja na poprawność działania serwisu. Wszelkie poprawki wynikające z błędów naszych programistów lub grafików są wprowadzane tak szybko jak to tylko możliwe. Zmiany wprowadzane są bezpłatnie.</li><li>Klienci posiadający kod promocyjny uprawniający do zniżki mogą z niego skorzystać w dowolnym czasie objętym ważnością kodu, jednak nie później niż moment wystawienia faktury.   <br /> <br />Aby zadać pytanie użyj <a href="http://www.artestudio.pl/formularz2.php"> formularza kontaktowego</a>, a jeśli chcesz dokonać wpłaty zaliczki kliknij<a href="http://www.artestudio.pl/platnosci"> tutaj</a>.</p>';
			var minizamowienie = '<p>„Jasne sytuacje czynią przyjaciół”</p><p>Zapraszamy do zapoznania się z naszym systemem realizacji zleceń. Ułatwi to zdecydowanie naszą późniejszą współpracę.</p><p>Każdą realizacją opiekuje się jedna osoba, z którą klient uzgadnia szczegóły. Osoba ta jest odpowiedzialna za przekazanie wymagań grafikom i programistom. Gwarantuje to zachowanie ciągłości w komunikacji i eliminuje konieczność opowiadania historii od początku. </p><p>Jeżeli nasza propozycja nie jest dla klienta satysfakcjonująca - jesteśmy gotowi do współpracy na innych, jednak z góry określonych zasadach.</p>';


			var kontakt = '<p><p id="komunikat"></p><form action="index.php" method="post" onKeyDown="lock_enter();"><p style="color:#777; font-family:arial; font-size:12px;">Podaj swój adres email:</p><textarea style="font-family:arial; color:#000; font-size:12px; background-color:#f8f8f8; width:250px; height:20px;  border:1px solid #777;" name="email" id="email"></textarea><br /><p style="color:#777; font-family:arial; font-size:12px;">Podaj temat kontaktu:</p><textarea style="font-family:arial; color:#000; font-size:12px; background-color:#f8f8f8; width:400px; height:20px;  border:1px solid #777;" name="temat" id="temat"></textarea><br /><p style="#777; font-family:arial;font-size:12px;">Wpisz pytanie:</p><textarea style="font-family:arial; color:#777; font-size:12px; width:600px; height:200px; background-color:#f8f8f8; border:1px solid #777;" name="text" id="textemail"></textarea><br /><input type="button" id="form" value="Wyślij"  /></form></p>';
			var minikontakt = '<p><b>&nbsp;&nbsp;&nbsp;&nbsp;ArtEStudio.pl</b></p><p>Aby się z nami skontaktować <br />użyj formularza po lewej.</p>';
			
			
			
			
						
			
			var tresc = new Array(onas, projekty, realizacje, kontakt, zamowienie);
			
			
			$(document).ready(
				function()
				{
					var b=0;
					
					$("#naglowek").text(naglowki[b]);
					$("#naglowek").show(1000);
					$("#trescglowna").html(tresc[b]);
					$("#trescglowna").show(1000);
					
					zmiana2(0);
					$("#cele").html(minionas);
					$(".0").css("color","#56b3d5");
					
					$(".0").click(function(){b=0;zmianatresc(b);	celonas(); });
					$(".1").click(function(){b=1;zmianatresc(b); celprojekty();});
					$(".2").click(function(){b=2;zmianatresc(b); celreferencje();});
					$(".3").click(function(){b=3;zmianatresc(b); celkontakt();});
					$(".4").click(function(){b=4;zmianatresc(b); celzamowienie();});

				}
			);
			
			function celzamowienie()
			{
				$("#celetytul").slideUp(1000, 
					function()
					{
						$(this).text("O dziale");
						$(this).slideDown(1000);
					}
				);
				
				$("#cele").slideUp(1000,
					function()
					{
						$(this).html(minizamowienie);
						$(this).slideDown(1000);
					}
				);
			}
			
			function celreferencje()
			{
				$("#celetytul").slideUp(1000, 
					function()
					{
						$(this).text("O dziale");
						$(this).slideDown(1000);
					}
				);
				
				$("#cele").slideUp(1000,
					function()
					{
						$(this).html(minireferencje);
						$(this).slideDown(1000);
					}
				);
			}
			
			function celprojekty()
			{
				$("#celetytul").slideUp(1000, 
					function()
					{
						$(this).text("O dziale");
						$(this).slideDown(1000);
					}
				);
				
				$("#cele").slideUp(1000,
					function()
					{
						$(this).html(miniprojekty);
						$(this).slideDown(1000);
					}
				);
			}
			
			function celonas()
			{
				$("#celetytul").slideUp(1000, 
					function()
					{
						$(this).text("Nasze cele");
						$(this).slideDown(1000);
					}
				);
				
				$("#cele").slideUp(1000,
					function()
					{
						$(this).html(minionas);
						$(this).slideDown(1000);
					}
				);
			}
			
			
			
			function celkontakt()
			{
				$("#celetytul").slideUp(1000, 
					function()
					{
						$(this).text("Kontakt");
						$(this).slideDown(1000);
					}
				);
				
				$("#cele").slideUp(1000,
					function()
					{
						$(this).html(minikontakt);
						$(this).slideDown(1000);
					}
				);
				
				$("#naglowek").slideUp(1000, 
					function()
					{
						$(this).text("Zadaj nam pytanie");
						$(this).slideDown(1000);
					}
				);
			}
			
			function thumb()
			{
				$("ul.thumb li").hover(function() {
				var t = $(this).children("a").children("img").attr("alt");
				$("#celetytul").slideUp(0, function(){$(this).text(tytuly[t]);$(this).slideDown(0);});
				$("#cele").slideUp(0, function(){$(this).text(tresci[t]);$(this).slideDown(0);});
				$("#celelink").slideUp(0, function(){$(this).html("<b>"+linki[t]+"</b>");$(this).slideDown(0);});
				$("#celeikony").slideUp(0, function(){$(this).html(ikony[t]);$(this).slideDown(0);});
				$(this).css({'z-index' : '10'});
				$(this).find('img').addClass("hover").stop()
				.animate({
				marginTop: '-110px', 
				marginLeft: '-110px', 
				top: '50%', 
				left: '50%', 
				width: '174px', 
				height: '174px',
				padding: '20px',
				}, 600);
				} , function() {
				
				$(this).css({'z-index' : '0'});
				$(this).find('img').removeClass("hover").stop()
				.animate({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '100px', 
				height: '100px', 
				padding: '5px'
				}, 600);
				});
				
				$("ul.thumb").hover(function() {
				
				} , function() {
					$("#celetytul").slideUp(300, function(){$(this).text("O dziale");$(this).slideDown(100);});
					$("#cele").slideUp(100, function(){$(this).html(minireferencje);$(this).slideDown(100);});
					$("#celelink").slideUp(100);
					$("#celeikony").slideUp(100);
				});
			}
			
			function thumb2()
			{
				$("ul.thumb2 li").hover(function() {
				var t = $(this).children("a").children("img").attr("alt");
				$("#celetytul").slideUp(0, function(){$(this).text(tytulyprojekty[t]);$(this).slideDown(0);});
				$("#cele").slideUp(0, function(){$(this).text(tresciprojekty[t]);$(this).slideDown(0);});
				$("#celelink").slideUp(0, function(){$(this).html("<b>"+linkiprojekty[t]+"</b>");$(this).slideDown(0);});
				$(this).css({'z-index' : '10'});
				$(this).find('img').addClass("hover").stop()
				.animate({
				marginTop: '-110px', 
				marginLeft: '-110px', 
				top: '50%', 
				left: '50%', 
				width: '174px', 
				height: '174px',
				padding: '20px',
				}, 600);
				} , function() {
				
				$(this).css({'z-index' : '0'});
				$(this).find('img').removeClass("hover").stop()
				.animate({
				marginTop: '0', 
				marginLeft: '0',
				top: '0', 
				left: '0', 
				width: '100px', 
				height: '100px', 
				padding: '5px'
				}, 600);
				});
				
				$("ul.thumb2").hover(function() {
				
				} , function() {
					$("#celetytul").slideUp(300, function(){$(this).text("O dziale");$(this).slideDown(100);});
					$("#cele").slideUp(100, function(){$(this).html(miniprojekty);$(this).slideDown(100);});
					$("#celelink").slideUp(100);
				});
			}
			
			function lock_enter()
			{
				if (event.keyCode==13)
				{
					window.event.returnValue=false;
					alert('Formularz możesz przesłać jedynie poprzez kliknięcie w guziczek ;)');
				}
			}
			
			function kontaktobsluga()
			{
				$('#form').click(function(){
				var email = $("#email").val();
				var temat = $("#temat").val();
				var tresc = $("#textemail").val();
				var wyrEmail=/^[^@]+@([a-z0-9\-]+\.)+[a-z]{2,4}$/i;
				var wynikEmail = email.match(wyrEmail);
				if(wynikEmail==null)
				{
					$("#komunikat").html("<b style=\"color:red;\">Niepoprawny email</b>");
				}
				else if(tresc=="")
				{
					$("#komunikat").html("<b style=\"color:red;\">Nie podano treści wiadomości</b>");
				}
				else if(temat=="")
				{
					$("#komunikat").html("<b style=\"color:red;\">Nie podano tematu</b>");
				}
				else
				{
					$.post("mail.php",{email:email,tresc:tresc,temat:temat},function(returned_data)
         {
					$("#email").val("");
					$("#textemail").val("");
					$("#komunikat").html("<b style=\"color:#777;\">Dziekujemy za wysłanie wiadomości.</b>");
         });
				}
				});
			}
			
			function zmianatresc(b)
			{
				$(".0").css("color","#fff");
				$(".1").css("color","#fff");
				$(".2").css("color","#fff");
				$(".3").css("color","#fff");
				$(".4").css("color","#fff");
				
				$("."+b).css("color","#56b3d5");
				
				if(b!=3)
				{
				$("#naglowek").hide(1000, 
					function()
					{
						$("#naglowek").text(naglowki[b]);
						$("#naglowek").show(1000);
					}
				);
				}
				
				$("#trescglowna").hide(1000, 
					function()
					{
						$("#trescglowna").html(tresc[b]);
						$("#trescglowna").show(1000, function(){thumb(); thumb2(); kontaktobsluga();});
					}
				);
				
			}
			
			function zmiana2(i)
			{
				$("#jszdjecie").slideUp(1000,
					function()
					{
						$("#jszdjecie").attr("src", "realizacje/"+zdjecia2[i]);
						$("#jszdjecie").slideDown(1000);
					}
				);
				
				$("#jstytul").slideUp(1000,
					function()
					{
						$("#jstytul").text(tytuly[i]);
						$("#jstytul").slideDown(1000);
					}
				);
				
				$("#jstext").slideUp(1000,
					function()
					{
						$("#jstext").text(tresci[i]);
						$("#jstext").slideDown(1000);
					}
				);
			}
			
			function zmiana(i, wszystkie)
			{
				if(i==wszystkie)
				{
					i=0;
				}
				else
				{
					i++;
				}
				zmiana2(i);
				
				return i;
			}
			
			setInterval("i = zmiana(i, wszystkie)", 10000);