var TINY={};
function externalLinks() {
 if (!document.getElementsByTagName) return;
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }
}
function tid(i){return document.getElementById(i);  
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 }  }
function tag(e,p){p=p||document;return p.getElementsByTagName(e);
 var anchors = document.getElementsByTagName("a");
 for (var i=0; i<anchors.length; i++) {
   var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
     anchor.target = "_blank";
 } }

TINY.slideshow=function(n){
	this.infoSpeed=this.imgSpeed=this.speed=10;
	this.thumbOpacity=this.navHover=70;
	this.navOpacity=25;
	this.scrollSpeed=5;
	this.letterbox='#000';
	this.n=n;
	this.c=0;
	this.a=[]

};

TINY.slideshow.prototype={
	init:function(s,z,b,f,q){
		s=tid(s);
		var m= tag('li',s), i=0, w=0;
		this.l=m.length;
		this.q=tid(q);
		this.f=tid(z);
		this.r=tid(this.info);
		this.o=parseInt(TINY.style.val(z,'width'));
		
		if(this.thumbs){
			var u=tid(this.left), r=tid(this.right);
			u.onmouseover=new Function('TINY.scroll.init("'+this.thumbs+'",-1,'+this.scrollSpeed+')');
			u.onmouseout=r.onmouseout=new Function('TINY.scroll.cl("'+this.thumbs+'")');
			r.onmouseover=new Function('TINY.scroll.init("'+this.thumbs+'",1,'+this.scrollSpeed+')');
			this.p=tid(this.thumbs)
		}
		
		for(i;i<this.l;i++){
			this.a[i]={};
			var h=m[i], a=this.a[i];
			a.t= tag('h3',h)[0].innerHTML;
			a.d= tag('p',h)[0].innerHTML;
			a.l= tag('a',h)[0]? tag('a',h)[0].href:'';
			a.p= tag('span',h)[0].innerHTML;
			if(this.thumbs){
				var g = tag('img',h)[0];
				this.p.appendChild(g);
				w+=parseInt(g.offsetWidth);
				if(i!=this.l-1){
					g.style.marginRight=this.spacing+'px';
					w+=this.spacing
				}
				this.p.style.width=w+'px';
				g.style.opacity=this.thumbOpacity/100;
				g.style.filter='alpha(opacity='+this.thumbOpacity+')';
				g.onmouseover=new Function('TINY.alpha.set(this,100,5)');
				g.onmouseout=new Function('TINY.alpha.set(this,'+this.thumbOpacity+',5)');
				g.onclick=new Function(this.n+'.pr('+i+',1)')
			}
		}
		if(b&&f){
			b=tid(b);
			f=tid(f);
			b.style.opacity=f.style.opacity=this.navOpacity/100;
			b.style.filter=f.style.filter='alpha(opacity='+this.navOpacity+')';
			b.onmouseover=f.onmouseover=new Function('TINY.alpha.set(this,'+this.navHover+',5)');
			b.onmouseout=f.onmouseout=new Function('TINY.alpha.set(this,'+this.navOpacity+',5)');
			b.onclick=new Function(this.n+'.mv(-1,1)');
			f.onclick=new Function(this.n+'.mv(1,1)')
		}
		this.auto?this.is(0,0):this.is(0,1)
	},
	mv:function(d,c){
		var t=this.c+d;
		this.c=t=t<0?this.l-1:t>this.l-1?0:t;
		this.pr(t,c)
	},
	pr:function(t,c){
		clearTimeout(this.lt);
		if(c){
			clearTimeout(this.at)
		}
		this.c=t;
		this.is(t,c)
	},
	is:function(s,c){
		if(this.info){
			TINY.height.set(this.r,1,this.infoSpeed/2,-1)
		}
		var i=new Image();
		i.style.opacity=0;
		i.style.filter='alpha(opacity=0)';
		this.i=i;
		i.onload=new Function(this.n+'.le('+s+','+c+')');
		i.src=this.a[s].p;
		if(this.thumbs){
			var a= tag('img',this.p), l=a.length, x=0;
			for(x;x<l;x++){
				a[x].style.borderColor=x!=s?'':this.active
			}
		}
	},
	le:function(s,c){
		this.f.appendChild(this.i);
		var w=this.o-parseInt(this.i.offsetWidth);
		if(w>0){
			var l=Math.floor(w/2);
			this.i.style.borderLeft=l+'px solid '+this.letterbox;
			this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
		}
		TINY.alpha.set(this.i,100,this.imgSpeed);
		var n=new Function(this.n+'.nf('+s+')');
                var opis= new Array();
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/wsip.jpg']= "<h4><b>WSIP - kalendarz nauczyciela</b></h4><p>Projekt graficzny oraz skład ilustrowanego kalendarza dla Wydawnictw Szkolnych i&nbsp;Pedagogicznych - największego wydawcy książek edukacyjnych w Polsce.  Całość obejmuje ponad 180 stron w tym 12 stron wkładek kolorowych.  <ul><li>projekt graficzny</li><li>ilustracje,</li><li>skład oraz przygotowanie do druku</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--<div class='zobacz_strone'><a rel='external'  href='http://inkrak.pl/' onclick='externalLinks()'  title='inkrak.pl'> </a></div>-->";
              opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/mapa.jpg']= "<h4><b> Interaktywna Mapa Obywatelska</b></h4><p>Projekt i wykonanie serwisu internetowego o tematyce funkcjonowania organizacji pozarządowych oraz współpracy administracji publicznej z organizacjami pozarządowymi i lokalną społecznością.<ul><li>projekt graficzny</li><li>CMS (PHP,MySQL, JavaScript, jQuery, XHTML, CSS, Google Maps API)</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external'  href='http://interaktywnamapa.org' onclick='externalLinks()'  title='interaktywnampa.org'> </a></div>";
            opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1303.jpg']= "<h4><b>Inkrak - artystyczne apartamenty w centrum Krakowa</b></h4><p>Firma Inkrak specjalizuje się w&nbsp;wynajmie apartamentów o&nbsp;unikalnych, stylizowanych przez krakowskich artystów wnętrzach. Do&nbsp;zaprezentowania swojej oferty potrzebowała strony internetowej utrzymanej w podobnej atmosferze. Aby dobrze wyeksponować piękne zdjęcia stworzyliśmy klasyczny, szczegółowo dopracowany projekt graficzny i zastosowaliśmy funkcjonalne galerie. <ul><li>projekt graficzny</li><li>CMS (PHP,MySQL, JavaScript, jQuery, XHTML, CSS)</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external'  href='http://inkrak.pl/' onclick='externalLinks()'  title='inkrak.pl'> </a></div>";
              opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/stylizo1.jpg']= "<h4><b>Stylizo - salon mody kreatywnej dla kobiet w każdym wieku</b></h4><p>STYLIZO - butik polskich projektantów, studio stylizacji ubioru i wypożyczalnia to miejsce, w którym można zrobić zakupy w kameralnej atmosferze, wypożyczyć kreację, skorzystać z porad stylistki. A&nbsp;wszystko to pod jednym adresem na krakowskim Kazimierzu. Stworzyliśmy stronę prezentującą ofertę firmy adresowaną przede wszystkim do kobiet. <ul><li>projekt graficzny</li><li>CMS (PHP,MySQL, JavaScript, jQuery, XHTML, CSS)</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external'  href='http://stylizo.com.pl/' onclick='externalLinks()'  title='stylizo.com.pl'> </a></div>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1403.jpg']= "<h4><b>AP - buduj z nami</b></h4><p>Firma AP zajmuje się rynkiem nieruchomości, wydaje specjalistyczne wydawnictwa budowlane i buduje domy „pod klucz”. Jej realizacje to zamknięte miniosiedla o bardzo wysokim standardzie i domy dla klientów indywidualnych. W celu odpowiednigo zaprezentowania oferty firmy stworzyliśmy czytelną, przejrzystą stronę internetową, z funkcjonalnymi galeriami.<ul><li>projekt graficzny</li><li>CMS (PHP,MySQL, JavaScript, jQuery, XHTML, CSS)</li><li>usługi dodatkowe (SEO, statystyki, optymalizacja ) </li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external' href='http://dobrebudowanie.com.pl' onclick='externalLinks()' title='dobrebudowanie.com.pl'> </a></div>";
	       opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio403.jpg']= "<h4><b>Materały promocyjne dla Wydziału Zarządzania Akademii Górniczo-Hutniczej</b></h4><p>Wydział Zarządzania Akademii Górniczo-Hutniczej w Krakowie organizuje m.in. studia podyplomowe w zakresie Zarządzania, Rachunkowości i Nowych technologii. Mieliśmy przyjemność współtworzyć materiały promocyjne dla tej oferty. Ich grafika jest czytelna i nowoczesna, zgodnie z przekazem, który niesie.<ul><li>ulotki A4/3</li><li>baner na stronę internetową</li><li>okładka segregatora</li><li>szablon prezentacji PowerPoint</li><li>ogłoszenie w prasie</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a rel='external' onclick='externalLinks()'  href='http://www.zrnt.zarz.agh.edu.pl'> Ulotki i baner na stronie AGH.</a>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio103.jpg']= "<h4><b>Ratujemy zabytki</b></h4><p>Marzenna Siek jest inżynierem hydrotechnikiem, rewaloryzującym zabytkowe budowle. Jej życzeniem było, aby strona  internetowa prezentująca jej doświadczenie i usługi była czytelna, nowocześnie zaprojektowana, z ciekawą, \"lekką\" grafiką.<ul><li>projekt graficzny</li><li>XHTML, CSS, JavaScript</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external' href='http://ratujemyzabytki.pl/' onclick='externalLinks()' title='ratujemy zabytki'> </a></div>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio503.jpg']= "<h4><b>AquaUroda - strona internetowa i materiały promocyjne</b></h4><p>AquaUroda to firma zajmująca się sprzedażą innowacyjnych, japońskich urządzeń do pielęgnacji ciała wykorzystujących mikrobąbelki. Nasza współpraca rozpoczęła się od wykonania strony internetowej prezentującej ofertę firmy, następnie stworzyliśmy identyfikację wizualną i&nbsp;zrealizowaliśmy wspólnie kilka projektów materiałów reklamowych. <ul><li>strona www - projekt graficzny, XHTML, CSS, JavaScript</li><li>identyfikacja wizualna - logo, papier firmowy, teczka</li><li>ulotki A4/3 i A3</li><li>roll-up</li><li>reklamy w prasie</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external' href='http://aquauroda.pl/' onclick='externalLinks()'  title='aquauroda.pl'></a></div>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio303.jpg']= "<h4><b>Księga Sprawiedliwych</b></h4><p>W roku 2009 Instytut Studiów Strategicznych w Krakowie wydał \"Księgę Sprawiedliwych Wśród Narodów Świata. Ratujący Żydów Podczas Holocaustu\". Książka zawiera historie ludzi, którzy za ratowanie Żydów podczas II wojny światowej zostali uhonorowani przez Instytut Yad Vashem w Jerozolimie tytułem Sprawiedliwego wśród Narodów Świata. Równocześnie powstała zaprojektowana przez nas strona internetowa prezentująca Księgę i&nbsp;wydarzenia z nią związane. <ul><li>projekt graficzny</li><li>XHTML, CSS, JavaScript</li></ul></p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external' onclick='externalLinks()' href='http://www.ksiega-sprawiedliwych.pl/' title='www.ksiega-sprawiedliwych.pl'> </a></div>";
	       opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1203.jpg']= "<h4><b>SEKA S.A.</b></h4><p>Seka to firma specjalizująca się w&nbsp;szkoleniach, działająca na terenie całego kraju. Wykonaliśmy dla niej różnego rodzaju materiały promocyjne, w tym oprawę graficzną projektów realizowanych z funduszy europejskich.<ul><li>oprawa graficzna projektu \"Kadry i płace\" - logo, plakat, segregator, ogłoszenia, baner</li><li>oprawa graficzna projektu \"Profesjonalna księgowa 45+\" -&nbsp;logo, plakat, segregator, ogłoszenia, baner</li><li>plakat do projektu \"Efektywny księgowy 45+\"</li><li>papier firmowy, koperty, roll-upy</li></ul></p>";
	       opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio703.jpg']= "<h4><b>Labortest</b></h4><p>Firma Labortest zajmuje się obsługą laboratoryjną inwestycji budowlanych. Potrzebowała systemu identyfikacji wizualnej, który podkreślałby jej innowacyjny charakter. Stworzyliśmy dla niej przejrzyste, dynamiczne projekty.<ul><li>logo, wizytówki, papier firmowy</li><li>ulotka ofertowa</li></ul></p>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1703.jpg']= "<h4><b>Słowiński Park Narodowy</b></h4><p>Słowiński Park Narodowy został utworzony dla zachowania w&nbsp;niezmienionym pięknie systemu jezior przymorskich, torfowisk, łąk i&nbsp;nadmorskich borów, a przede wszystkim wydmowego pasa mierzei z&nbsp;unikatowymi w Europie wydmami ruchomymi. Wykonaliśmy na zlecenie Parku projekty 7 tablic informacyjnych przeznaczonych na&nbsp;nowo powstały punkt widokowy.<ul><li>tablice informacyjne</li></ul></p>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio903.jpg']= "<h4><b>Jagielloński Klub Biznesu</b></h4> Wszechnica UJ jest pozawydziałową jednostką Uniwersytetu Jagiellońskiego. Powstała po to, by&nbsp;udostępniać potencjał intelektualny Uniwersytetu w postaci efektywnych form kształcenia przez całe życie. Jedną z jej inicjatyw jest Jagielloński Klub Biznesu - forum spotkań biznesu i&nbsp;nauki. Wykonaliśmy folder prezentujący ofertę Klubu, jego projekt podkreśla związki z tradycją Uniwersytetu Jagiellońskiego.<ul><li>folder prezentujący ofertę Klubu</><ul></p> ";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio803.jpg']=  "<h4><b>Atut</b></h4><p>Firma Atut zajmuje się dystrybucją artykułów reklamowych. Tworząc okładki swoich katalogów szuka świeżych, ciekawych pomysłów. Zaprojektowaliśmy jedną z nich. Nawiązuje do niej reklama prasowa prezentująca agencję Atut Focus.<ul><li>okładka katalogu produktów</><ul></p> ";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1103.jpg']=  "<h4><b>Pol-Market</b></h4><p>Firma Pol-Market  zajmuje się projektowaniem i montażem schodów wewnętrznych. Strona internetowa, którą dla nich stworzyliśmy eksponuje estetykę i różnorodność wykonywanych przez nich projektów. <ul><li>projekt graficzny</li><li>XHTML, CSS, JavaScript</li></ul></p>";
               opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio1003.jpg']= "<h4><b>Szkoły Jagiellońskie</b></h4><p>Nasza współpraca z Wszechnicą UJ obejmuje różne projekty, wśród których przeważają zadania administracyjno-programistyczne -&nbsp;bazy danych i&nbsp;systemy CMS. Z&nbsp;projektów graficznych wykonanych dla niej chcemy zaprezentować materiały promocyjne do projektu Szkoły Jagiellońskie przeprowadzanego przez Wszechnicę na terenie trzech województw Polski Połudnowej.<ul><li>plakat (grafika wykorzystana również na stronie www)</li><li>folder</li><li>teczka, wizytówki.</li></ul></p>";
              // opis['http://jasne-strony.net/wp-content/uploads/slideshow-gallery/portfolio203.jpg']=  "<h4><b>Czyzycka.net</b></h4><p>Nasza wcześniejsza strona internetowa.<ul><li>projekt graficzny</li><li>XHTML, CSS, JavaScript</li></ul></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div class='zobacz_strone'><a rel='external'  href='http://czyzycka.net/' onclick='externalLinks()'  title='czyzycka.net'></a></div>";

                // this.lt=setTimeout(n,this.imgSpeed*100); window.open(\"http://dobrebudowanie.com.pl/\",\" \")'
		if(!c){
			this.at=setTimeout(new Function(this.n+'.mv(1,0)'),this.speed*1000)
		}
		if(this.a[s].l != ""){
			this.q.onclick = new Function('window.location="'+this.a[s].l+'"');
			this.q.onmouseover = new Function('this.className="'+this.link+'"');
			this.q.onmouseout = new Function('this.className=""');
			this.q.style.cursor = 'pointer';
		}else{
			this.q.onclick=document.getElementById('portfolio_opis').innerHTML=opis[this.i.getAttribute('src')];this.q.onclick=this.q.onmouseover=null;
			//hasOwnProperty()
                        this.q.style.cursor='default';
		}
		var m= tag('img',this.f);
		if(m.length > 2){
			this.f.removeChild(m[0])
		}
	},
	nf:function(s){
		if(this.info){
			s=this.a[s];
			tag('h3',this.r)[0].innerHTML=s.t;
			tag('p',this.r)[0].innerHTML=s.d;
			this.r.style.height='auto';
			var h=parseInt(this.r.offsetHeight);
			this.r.style.height=0;
			TINY.height.set(this.r,h,this.infoSpeed,0)
		}
	}
};

TINY.scroll=function(){
	return{
		init:function(e,d,s){
			e=typeof e=='object'?e: tid(e);var p=e.style.left||TINY.style.val(e,'left');e.style.left=p;
			var l=d==1?parseInt(e.offsetWidth)-parseInt(e.parentNode.offsetWidth):0;e.si=setInterval(function(){TINY.scroll.mv(e,l,d,s)},20)
		},
		mv:function(e,l,d,s){
			var c=parseInt(e.style.left);if(c==l){TINY.scroll.cl(e)}else{var i=Math.abs(l+c);i=i<s?i:s;var n=c-i*d;e.style.left=n+'px'}
		},
		cl:function(e){e=typeof e=='object'?e: tid(e);clearInterval(e.si)}
	}
}();

TINY.height=function(){
	return{
		set:function(e,h,s,d){
			e=typeof e=='object'?e:tid(e);var oh=e.offsetHeight, ho=e.style.height||TINY.style.val(e,'height');
			ho=oh-parseInt(ho);var hd=oh-ho>h?-1:1;clearInterval(e.si);e.si=setInterval(function(){TINY.height.tw(e,h,ho,hd,s)},20)
		},
		tw:function(e,h,ho,hd,s){
			var oh=e.offsetHeight-ho;
			if(oh == h){clearInterval(e.si)}else{if(oh!=h){e.style.height=oh+(Math.ceil(Math.abs(h-oh)/s)*hd)+'px'}}
		}
	}
}();

TINY.alpha=function(){
	return{
		set:function(e,a,s){
			e=typeof e=='object'?e:tid(e);var o=e.style.opacity||TINY.style.val(e,'opacity'),
			d=a>o*100?1:-1;e.style.opacity=o;clearInterval(e.ai);e.ai=setInterval(function(){TINY.alpha.tw(e,a,d,s)},20)
		},
		tw:function(e,a,d,s){
			var o=Math.round(e.style.opacity*100);
			if(o==a){clearInterval(e.ai)}else{var n=o+Math.ceil(Math.abs(a-o)/s)*d;e.style.opacity=n/100;e.style.filter='alpha(opacity='+n+')'}
		}
	}
}();

TINY.style=function(){return{val:function(e,p){e=typeof e=='object'?e:tid(e);return e.currentStyle?e.currentStyle[p]:document.defaultView.getComputedStyle(e,null).getPropertyValue(p)}}}();
// //