var img = ['img/sdtk_funkcjonalnosc.png','img/sdtk_ergonomia.png','img/sdtk_wydajnosc.png','img/sdtk_bezpieczenstwo.png'];
var txt = ['<h1>Funkcjonalność</h1><p>Aplikacje internetowe mają ułatwić prace, pozyskiwanie klientów lub dobrze zaprezentować firmę.\n\
              </p><p> Nasze aplikacje dostosowane są do potrzeb nawet najbardziej wymagającego klienta!</p>',
           '<h1>Ergonomia</h1><p>Tworzone przez nas aplikacje są łatwe w obsłudze i posiadają intuincyjny interfejs.</p><p>Dobre rozłożenie elementów na stronie/aplikacji pozwala szybko odszukac interesującą nas funkcjonalność!</p>',
           '<h1>Wydajność</h1><p>Aplikacje tworzone przez nas, cechują się wysoką wydajnością przez co pozwalają na jednoczesną pracę z wieloma klientami.</p><p>Szybko i wydajnie działająca aplikacja odzwierciedla Twoją firmę!</p>',
           '<h1>Bezpieczeństwo</h1><p>Nasze aplikacje posiadają wysoki poziom bezpieczeństwa - niezbędny do prawdłowego działania przez 24h na dobę.</p><p>Bezpieczna aplikacja jest dobrą wizytówką Twojej działalności!</p>'];

function randomRange(minVal,maxVal,floatVal)
        {
            var randVal = minVal+(Math.random()*(maxVal-minVal));
            return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
        }

function switcher(delay)
        {
            $('#an_txt').html(txt[0]);
            main(0,delay);
        }

function main(start,delay)
        {
            if(start>=img.length-1){$('#an_txt').html(txt[start]);start=-1};
            $('#an_txt').html(txt[start]);
            $('#an_img').delay(delay).fadeOut(2500,function(){$('#an_img').attr('src',img[start]);});
            $('#an_img').delay(0).fadeIn(1000,function(){main(start,delay)});
            start+=1;
        }
function hd(){
    $("#text h1").delay(0).each(function(){$(this).css("display","none")});
    $("#text img").delay(0).each(function(){$(this).css("opacity","0")});
    $("#text p").delay(0).each(function(){$(this).css("display","none")});
    $("#text h1").delay(0).each(function(index){$(this).delay(index*150).fadeIn(1500)});
    $("h4").delay(0).each(function(index){$(this).delay(index*250).fadeIn(500)});
    $(".ii").delay(0).each(function(index){$(this).delay(index*550).fadeIn(500)});
    $("#text img").delay(1000).each(function(index){$(this).delay(index*550).animate({opacity:1},2000)});
    $("#text p").delay(2000).each(function(index){$(this).delay(index*450).fadeIn(500)});

}
function imgPreLoad(){
    Image1= new Image(460,200);
    Image1.src = 'img/sdtk_funkcjonalnosc.png';

    Image2 = new Image(460,200);
    Image2.src = 'img/sdtk_ergonomia.png';

    Image3 = new Image(460,200);
    Image3.src = 'img/sdtk_wydajnosc.png';

    Image4 = new Image(460,200);
    Image4.src = 'img/sdtk_bezpieczenstwo.png';
}

function loading(){
    $("#text").html("<br/><span style='display:block;text-align:center'>Ładowanie ...</span><br/><br/><img style='display:block;text-align:center;margin:0 auto;' src='img/sdtk_load.gif' alt='SDTK - Ładowanie'/>");
}

$(document).ready(function() {
    $(".feat").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")});    
    $(".btn").hover(function(){$(this).addClass("hbtn")},function(){$(this).removeClass("hbtn")});
    hd();
    
   
    $("#bstronaglowna").click(function(){loading();$("#text").load("strona-glowna.php");return false});
    $("#btechnologie").click(function(){loading();$("#text").load("sdtk-technologie.php");return false});
    $(".feat").click(function(){loading();$("#text").load("strona-glowna.php");return false});
});