$(document).ready(  
function(){

  	$('#slide').cycle({
		fx:     'fade',
		speed:       1000, 
		timeout:     6000
    });

// end
});




krok1 = 'Klient konsultując się z nami ustala wymagania dotyczące projektu. Szczególnie ważne jest opisanie wymaganej funkcjonalności i założeń dotyczących wyglądu strony.';
krok2 = 'Na podstawie wymagań przedstawionych przez klienta dokonuje się wyceny projektu. Klient ma możliwość zgłoszenia nowych wymagań lub modyfikacji dotychczasowych co ma wpływ na końcowy koszt. Na tym etapie uzgadniany jest również czas realizacji.';
krok3 = 'Po uzgodnieniu wymagań, kosztów i czasu realizacji sporządzana jest umowa ujmująca wytyczne dotyczące projektu. W zależności od wartości projektu może zostać pobrana zaliczka.';
krok4 = 'Nasz zespół wykonuje wszelkie prace - projektowanie, stworzenie szaty graficznej, kodowanie, umieszczenie na serwerze oraz inne dodatkowe opcje zgodne z życzeniami klienta. Ten etap realizacji zostanie ukończony przed terminem określonym w umowie, tak aby ewentualne zmiany mogły być przeprowadzone w czasie trwania realizacji.';
krok5 = 'Po wykonaniu strony prowadzone są przez nas testy wewnętrzne. W tym czasie klient ma czas, aby zapoznać się ze stroną i zgłosić ewentualną chęć modyfikacji. Nasz zespół nanosi ewentualne zmiany na stronę według zaleceń klienta. Za drobne modyfikacje nie są pobierane dodatkowe opłaty.';
krok6 = 'Jeżeli klient wybrał stronę wyposażoną w panel zarządzania treścią, zostaje on przeszkolony z zakresu jego obsługi. Dodatkowo klient otrzymuje instrukcję obsługi systemu CMS w postaci pliku PDF, który można wydrukować.';
krok7 = 'Po zakończeniu wszystkich prac dokonywane jest rozliczenie zgodnie z zawartą wcześniej umową. Realizacja uważana jest za zakończoną, a klient nabywa 5% zniżkę na wszystkie nasze usługi.';

function krok(numer){
    switch (numer){
        case 1: nr_kroku = krok1; break;
        case 2: nr_kroku = krok2; break;
        case 3: nr_kroku = krok3; break;
        case 4: nr_kroku = krok4; break;
        case 5: nr_kroku = krok5; break;
        case 6: nr_kroku = krok6; break;
        case 7: nr_kroku = krok7; break;
        default: nr_kroku = '';
    }
    document.getElementById('krok_opis').innerHTML = (nr_kroku);
    for (i = 1; i < 8; i++) {
    document.getElementById('krok'+i).className = "";
    }
    document.getElementById('krok'+numer).className = "krok_aktywny";
}