$(document).ready(function(){
    var slider = new Array();
    var i = 0;
    
    
    var newPicture = new Image();
    newPicture.src = '/images/'+'globe.png';
    newPicture.src = '/images/'+'optymalizacja.png';
    newPicture.src = '/images/'+'shopping.png';
    
    slider[0] = '<img src="/images/globe.png" class="slider-images"/><p><span class="slider-title ofont">Strony internetowe</span>Strony internetowe od projektu graficznego, przez kodowanie i programowanie po uruchomienie serwisu na serwerze.<br/><br/>Oferuje pomoc w zakupie domeny internetowej, w wyborze odpowiedniego pakietu hostingowego i instalacji całości.<br/><br/>Realizowane strony internetowe są przygotowywane  z użyciem najnowszych technologii takich jak html5 czy css3. Już w momencie tworzenia strona jest optymalizowana pod kątem wyszukiwarek.</p>';
    slider[1] = '<img src="/images/shopping.png" class="slider-images"/><p><span class="slider-title ofont">Sklepy internetowe</span>Projektowane sklepy oparte sa na skryptach zapwniających pełną funkcjonalność i spełniających nawet najwieksze wymagania klientów.<br/><br/>Sklep wyposażony jest w szereg możliwości płatniczych, a strona sklepu jest zoptymalizowana pod kątem wyszukiwarek.<br/><br/>Projektuję indywidualną grafikę dla sklepu internetowego zgodnie z wymaganiami klienta i adekwatnie do prowadzonej działalności. Oferuję także wykonywanie zdjęć produktów, które stanowić będą asortyment sklepu.</p>';
    slider[2] = '<img src="/images/optymalizacja.png" class="slider-images"/><p><span class="slider-title ofont">Optymalizacja serwisów internetowych</span>Dostosowanie serwisu internetowego do wymagań robotów sieciowych w celu ułatwienia indeksacji strony to sprawa kluczowa dla pozycjonowania.<br/><br/>Zapewniam przygotowanie strony według najnowszych trendów SEO. Skrypty są przygotowane do pozycjonowania w wyszukiwarkach ze szczególnymm uwzględnieniem google.</p>';
   $('section#slider').html(slider[0]);
   var prev = '<img src="/images/prev.png" id="prev"/>';
   var next = '<img src="/images/next.png" id="next"/>';
   $('body').prepend(prev);
   $('body').prepend(next);
   
    setInterval(function(){
       
        if(i==2)
            i=0;
        else
            i=i+1;
      
        $('section#slider img, section#slider p').animate({opacity:0},500,function(){
           $('section#slider').html(slider[i]);
           $('section#slider img, section#slider p').animate({opacity:1},500);
           Cufon.replace('.ofont');
        });   
    
    },20000);
   
   $('img#next').live('click', function(){
        if(i==2)
            i=0;
        else
            i=i+1;
        $('section#slider img, section#slider p').animate({opacity:0},500,function(){
           $('section#slider').html(slider[i]);
           $('section#slider img, section#slider p').animate({opacity:1},500);
           Cufon.replace('.ofont');
        });   
        
   });
   
   $('img#prev').live('click', function(){
        if(i==0)
            i=2;
        else
            i=i-1;
            
        $('section#slider img, section#slider p').animate({opacity:0},500,function(){
           $('section#slider').html(slider[i]);
           $('section#slider img, section#slider p').animate({opacity:1},500);
           Cufon.replace('.ofont');
        });    
   });
   
  
   
   
});