$('proj_view_2').setOpacity(0).show();
  var images = new Array(16,15,14,12,11,5,1,3,10,2,6,7,8,9,13,4);
  var dims = new Array(
    new Array(182,36),
    new Array(180,36),
    new Array(175,36),
    new Array(208,27),
    new Array(124,27),
    new Array(159,27),
    new Array(259,36),
    new Array(55,27),
    new Array(192,36),
    new Array(239,27),
    new Array(232,36),
    new Array(429,36),
    new Array(106,27),
    new Array(174,36),
    new Array(163,27),
    new Array(264,36)
  );
  var projects = new Array(
    '<p>Dla klubu Obsesja przygotowaliśmy stronę internetową <span style="white-space:nowrap">z indywidualną</span> szatą graficzną. Serwis otrzymał kilka dedykowanych modułów, takie jak kalendarium imprez, czy galeria <span style="white-space:nowrap">z możliwością</span> komentowania i oceniania zdjęć. Dla potrzeb strony uruchomiliśmy również konto hostingowe.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL + JS + mapa Google</li>'+
    '</ul>',
    '<p>Dla firmy MultiProjekt przygotowaliśmy stronę internetową. Oprócz indywidualnej szaty graficznej, stworzyliśmy również niestandardowy wygląd galerii projektów a cała strona została wzbogacona animacjami JS. Pod serwis dostarczyliśmy również hosting i domenę.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL + JS</li>'+
    '</ul>',
    '<p>Dla Kwiaciarni Rabatka wykonaliśmy stronę internetową z ofertą kwiatowych wiązanek ślubnych. Przygotowaliśmy indywidualną grafikę, którą podłączyliśmy do systemu CMS. Firmie dostarczyliśmy również miejsce hostingowe i domenę.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL</li>'+
    '</ul>',
    '<p>Dla DJ Invest S.C. wykonaliśmy stronę internetową inwestycji domów jednorodzinnych. Do prezentacji projektów mieszkań zastosowany został "suwak" Flash a plan osiedla został oparty <span style="white-space:nowrap">o specjalistyczne</span> oprogramowanie. Stworzyliśmy również logotyp.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>Systemy: Zarządzania Treścią CMS i rezerwacji Inwestycji Deweloperskich</li>'+
    '<li>Adobe Flash + silnik obsługi "suwaków"</li>'+
    '<li>Narzędzia do realizacji wirtualnych spacerów - prezentacja planu osiedla</li>'+
    '</ul>',
    '<p>Dla Spółdzielczych Zakładów Usługowo-Wytwórczych K.R. ROLMECH uruchomiliśmy stronę internetową na systemie CMS. Przygotowaliśmy pod nią grafikę i logotyp oraz dostarczyliśmy hosting i domenę.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL</li>'+
    '</ul>',
    '<p>Dla Hurtowni Granitu Monument wykonaliśmy indywidualny system magazynowy. Został on podzielony na dwie części - magazynową <span style="white-space:nowrap">i zamówieniową</span>.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS (silnik)</li>'+
    '<li>PHP + MySQL + Ajax + PDF</li>'+
    '</ul>',
    '<p>Dla biura nieruchomości Investdom z Opola uruchomiliśmy System Zarządzania Nieruchomościami EMS oraz przygotowaliśmy indywidualną stronę internetową współpracującą z panelem ofert.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Nieruchomościami EMS</li>'+
    '<li>PHP + MySQL + Ajax + PDF</li>'+
    '</ul>',
    '<p>Dla Kamelot S.C. wykonaliśmy system wspomagający pracę przedstawicieli handlowych. Część formularzy zawiera "suwaki" wykonane w technologii Flash.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL + Ajax + Google Maps + PDF + DotPay</li>'+
    '<li>Adobe Flash + silnik obsługi "suwaków"</li>'+
    '</ul>',
    '<p>Dla wydawnictwa Ardius stworzyliśmy system blogowy w pełni zintegrowany z portalem literackim AllArte.pl. Pozwala on użytkownikom portalu na tworzenie i komentowanie artykułów, <span style="white-space:nowrap">czy tworzenie</span> własnych podstron.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS (silnik)</li>'+
    '<li>PHP + MySQL + Ajax</li>'+
    '</ul>',
    '<p>Dla firmy Sztuka Beskidzka wykonaliśmy sklep internetowy oparty <span style="white-space:nowrap">o unikalny</span> generator dywanów wykonany w technologii Flash.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>Adobe Flash + unikalny silnik generatora dywanów</li>'+
    '<li>PHP + MySQL + DotPay</li>'+
    '</ul>',
    '<p>Dla Grupy Dystrybucyjnej Imperium Polska uruchomiliśmy stronę na systemie CMS. Wykonaliśmy również system naliczania prowizji klientom za zakupy dokonywane w zewnętrznym sklepie internetowym.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL + Ajax</li>'+
    '</ul>',
    '<p>Dla firmy BizCo uruchomiliśmy stronę internetową na systemie CMS. Dla serwisu wykonaliśmy indywidualny moduł do zarządzania bannerami oraz pocięliśmy i podpięliśmy dostarczoną grafikę.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL + XHTML</li>'+
    '</ul>',
    '<p>Dla e-SBL Sp. z o.o. wykonaliśmy "suwaki" Flash do formularzy zamówieniowych. Przygotowaliśmy również prosty system newsów.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>Adobe Flash + silnik obsługi "suwaków"</li>'+
    '<li>PHP + MySQL</li>'+
    '</ul>',
    '<p>Dla Chrześcijańskiej Służby Charytatywnej przygotowaliśmy stronę konkursu Programu PIT. Uruchomiliśmy stronę internetową na systemie CMS oraz przygotowaliśmy moduły do obsługi konkursu.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL</li>'+
    '</ul>',
    '<p>Dla P.W. Widlak uruchomiliśmy stronę internetową na systemie CMS. Przygotowaliśmy również dodatkowy moduł do prezentacji używanych wózków widłowych oraz indywidualną szatę graficzną.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>System Zarządzania Treścią CMS</li>'+
    '<li>PHP + MySQL</li>'+
    '</ul>',
    '<p>Dla firmy P.P.H.U. Sadkopol wykonaliśmy szereg modyfikacji gotowego oprogramowania katalogu produktów. Pocięliśmy <span style="white-space:nowrap">i podpięliśmy</span> również dostarczoną grafikę.</p>'+
    '<p class="tech"><b>Wykorzystane technologie:</b></p>'+
    '<ul>'+
    '<li>PHP + MySQL + XHTML + Adobe Flash</li>'+
    '</ul>'
  );

  var tot = projects.length;
  var pro = 1;
  var tr = 0;
  var bar = 0;
  var anim = 0;

  function proj(m){
    bar = 0;
    if(anim) return false;
    anim = 1;

    var mo = $('proj_view');
    var mo2 = $('proj_view_2');
    var mo_1 = $('proj_text');
    var mo2_1 = $('proj_text_2');
    var d = $('desc');

    pro += m;
    if(pro > tot) pro = 1;
    if(pro < 1) pro = tot;

    var i1 = new Image();
    var i2 = new Image();
    Element.extend(i1);
    Element.extend(i2);
    i1.observe('load',function(){imgLoad(m)});
    i2.observe('load',function(){imgLoad(m)});
    i1.src = '/img/pr' + images[pro-1] + '.png';
    i2.src = '/img/pr' + images[pro-1] + 't.png';
    setTimeout(function(){if(bar<2)$('loader').show();},50);
  }

  function imgLoad(m){
    if(++bar < 2) return false;

    $('loader').hide();

    var mo = $('proj_view');
    var mo2 = $('proj_view_2');
    var mo_1 = $('proj_text');
    var mo2_1 = $('proj_text_2');
    var d = $('desc');

    if(tr){
      var tym = mo2;
      mo2 = mo;
      mo = tym;
      tym = mo2_1;
      mo2_1 = mo_1;
      mo_1 = tym;
      tr = 0;
    } else tr = 1;

    mo2.setStyle({left:'500px',top:'15px'});
    mo.removeClassName('show');
    mo2.addClassName('show');

    mo2.src = '/img/pr' + images[pro-1] + '.png';
    mo2_1.src = '/img/pr' + images[pro-1] + 't.png';
    mo2_1.width = dims[pro-1][0];
    mo2_1.height = dims[pro-1][1];

    d.blindUp({duration:0.35,afterFinish:function(){
      d.update(projects[pro-1]);
      mo_1.fade({duration:0.35});
      mo2.morph({left:'530px',top:'25px'},{duration:0.35,afterFinish:function(){
        mo.setOpacity(0);
      }});
      mo2.appear({duration:0.35});
      d.blindDown({duration:0.45,afterFinish:function(){
        anim = 0;
      }});
      mo2_1.appear({duration:0.35});
    }});
  }

  $('left_arrow').observe('click',function(){
    proj(-1);
  });

  $('right_arrow').observe('click',function(){
    proj(1);
  });