$().ready(function() {
    //parametry
    mW = 640; //max szerokosc = wysokosc
    mE = 10; //max liczba obrazków na zakładkę
    sH = 500; //predkosc ukrywania
    sS = 1000; //predkosc odsłaniania
    tH = 588; //wysokosc pola miniaturek
    
    $("#g_thumbs>div>img").mouseover(function(){
        $(this).animate({opacity:'1'},'fast');
    });
    
    $("#g_thumbs>div>img").mouseout(function(){
        $(this).animate({opacity:'0.5'},'fast');
    });
    
    //ustala wysokoœæ pola przegl¹dania - na wypadek
    $("#g_thumb").css("height",tH+"px");
    
    //ewentualne tworzenie zak³adek
    lE = $("#g_thumbs>div").length;
    if(lE>mE) {
        hE = Math.ceil(lE / mE);
        for(i=0;i<hE;i++){
            obj = '<div class="g_tab">'+(i+1)+'</div>';
            $("#g_tabs").append(obj);
            //new
            obj2 = '<div class="g_tab2">'+(i+1)+'</div>';
            $("#g_tabs2").append(obj2);
        }
    }
    //end
    
    $("#g_thumbs>div").click(function(){
        $("#g_thumbs>div").attr("class","");
        $(this).attr("class","g_selected");
        oB = this.getElementsByTagName("IMG");
        tB = oB[0].src.split("_");
        tL = tB.length - 4;
        oW = tB[tL+1];
        oH = tB[tL+2];
        oN = tB[tL];
        oE = tB[tL+3];
        oT = oB[0].title;
        oD = oB[0].alt;
        //obliczanie szerokoœci i wysokoœci
        if(oW>mW){
            ratio = mW / oW;
            oW = mW;
            oH = oH * ratio;
            juz = 1;
        }
        if(oH>mW){
            ratio = mW / oH;
            oH = mW;
            oW = oW * ratio;
        }
        //end
        //³adowanie zdjecia
        $("#g_preview").animate({ opacity:"0"}, sH);
        $().delay(500,function(){
            $("#g_title").text(oT);
            $("#g_desc").text(oD);
            sP = Math.ceil( (mW - oH) / 2);
            $("#g_img").css('paddingTop',sP);
            $("#g_img").attr("height",oH);
            $("#g_img").attr("width",oW);
            $("#g_img").attr("src",'big_'+oN+'_'+oE);
            $("#g_preview").animate({ opacity:"1"}, sS);
        });
        //end
    });
    
    $("#g_tabs>div").click(function(){
        sT = (this.firstChild.nodeValue*1)-1;
        nM = (sT*tH)*(-1);
        $("#g_thumbs").animate({marginTop: nM+"px"});
    });
    //new
    $("#g_tabs2>div").click(function(){
        sT = ($(this).text()-1);
        nM = (sT*tH)*(-1);
        $("#g_thumbs").animate({marginTop: nM+"px"});
    });
});