function getThumbs(){
var myRequest = new Request({
'url': 'getPhotos.php',
'encoding': 'utf-8',
'evalResponse': true, 
onComplete: makeNav
});
myRequest.send();

}


 var widthSum = 0;


function setMainPic(o){  

keysNav(false)
o = eval(o);
// $('picture').removeEvents('click')
//$('navWrapper').style.display = 'none';
$('indicator').setStyle('display', 'block')
$('dimmer').setStyles({"visibility": "visible",
                      "opacity": 1
})

curCat = myPhotos[o][0]['catno']


   var myEffect = new Fx.Morph('dimmer', {duration: 400, transition: Fx.Transitions.Sine.easeOut, 'link': 'queue'});
$('picture').addEvent('load', function(){
   
 
myEffect.start({'opacity': [1, 0]});
$('indicator').setStyle('display', 'none')
//$('picture').addEvent('click', next)
$('navWrapper').style.display = 'block';

//Podmieniamy background #pictureHack przez pierdolone kurwa ie

$('pictureHack').setStyles({
    'background-image': 'url('+$('picture').src+')',
    'background-repeat':  'no-repeat',
    'background-position':  'center center',
    'height': $('picture').getCoordinates().height +'px'
})
$('picSpace').setStyle('height',  $('picture').getCoordinates().height +'px')


//Kategorie 
if (curCat != prevCat) {
  

$('cat'+curCat).addClass('active')
if (prevCat != -1)
showLabel(categories[curCat][0]['nameP'])
  
if($('cat'+prevCat))
$('cat'+prevCat).removeClass('active')
    Cufon.replace('#contentNav li', {hover: true, hoverables: { li: true}});
}
 
prevCat = curCat //Zmieniamy porpzednia kategorie na obecna - wszystko sie juz zdarzylo




$('picture').removeEvents('load');

keysNav(true)
})
	$('picture').src = srcpath + myPhotos[o][0]['path'] +'/' + myPhotos[o][0]['url'];

//  $('debug').innerHTML = myPhotos[o][0]['cat']; 
//	$('debug').innerHTML = o;
prevOff = off;
off = o;


/*
var myFx = new Fx.Scroll('thumbNav', {duration: 350, link: 'chain'})
myFx.start((o * thmbWidth) - 4 * thmbWidth, 0) 


$('tn'+off).addClass('ac')


if (prevOff != off)
  $('tn'+prevOff).removeClass('ac')
  
pageTracker._trackPageview("/portfolio/obejrzenie_zdjecia");
*/
}    

function keysNav(sts){
//console.log(sts)
if (sts == true){
      window.removeEvents('keyDown')
    window.addEvent('keydown', function(event){
  //      console.log(event.key)
        if (event.key == "left")
            prev();
        if (event.key == "right")
            next();
    })}
if (sts == false)
    window.removeEvents('keydown')


}


 function makeNav(){

 
$('categoriesUl').innerHTML = '';
 categories.each(function(e, i){
   var newCat = new Element ('li', {
   "id": "cat"+i,

   events: {
            click: function(){
            if (this.id.split('cat')[1] == 0){
            setMainPic(0)
            }else{
            setMainPic(categories[(eval(this.id.split('cat')[1])) - 1][0]['offset'])}
               }
            }
   }
   )

  newCat.innerHTML = e[0]['nameP'];

  newCat.inject($('categoriesUl'))
//  widthSum = widthSum + newCat.getCoordinates().width.toInt()
 })

prevCat = -1; //po to, żeby aktualna kategoria zaznaczyła się
setMainPic(0);
Cufon.replace('#contentNav li', {hover: true, hoverables: { li: true}});
 Cufon.now();
 keysNav(true)



}



function showLabel(text){


$('picLabel').style.visibility = 'visible';
$('picLabelText').innerHTML = text;
$('picLabel').setStyle('left', (($('picSpace').getCoordinates().width.toInt() - $('picLabel').getCoordinates().width.toInt()) / 2) + 'px')
var labelFade = new Fx.Morph('picLabel', {link: 'ignore'})
labelFade.start({'opacity': [0, 1]})
var fadeOut = function(){if($('picLabel').getStyle('visibility') != 'hidden') labelFade.start({'opacity': [1, 0]})}

fadeOut.delay(3000);
     
}


function next(){  
if (off < myPhotos.length - 1)
setMainPic(off + 1);
else 
setMainPic(0);
}

function prev(){
if (off > 0)
setMainPic(off - 1);
else
setMainPic(myPhotos.length - 1);
}

function expandThmbs() {

$('expandThmbs').setStyles({
                          'border-style': 'solid none none none',
                          'background-image': $('expandThmbs').getStyle('background-image').split('up.gif')[0] +'down.gif")'
                          })
$('expandThmbs').removeEvents('click');
$('expandThmbs').addEvent('click', function(){myScroller.stop();shrinkThmbs();});
$('thumbNav').scrollTo(0,0);
  $('thumbNavInner').style.width = '901px';
  $('thumbNavInner').removeClass('shrink'); 
 var expanding = new Fx.Morph($('thumbNav'), {
	            'duration' : 550
	     //       'transition' : Fx.Transitions.Bounce.easeOut
        });
   
 expanding.start({'height': 600,
                  'top':  42
 });            
var myScroller = new Scroller('thumbNav', {area: 150, velocity: 0.08, fps: 60});
myScroller.start();

thumbNavElements.each(function(e){e.addEvent('click', function(){myScroller.stop();shrinkThmbs();})})

pageTracker._trackPageview("/portfolio/rozwiniecie_nawigacji"); 
}
function shrinkThmbs(){

$('expandThmbs').setStyles({
                          'border-style': 'none none solid none',
                          'background-image': $('expandThmbs').getStyle('background-image').split('down.gif')[0] +'up.gif")'
                          })
$('expandThmbs').removeEvents('click');
$('expandThmbs').addEvent('click', expandThmbs);

  $('thumbNavInner').addClass('shrink'); 
 var shrinking = new Fx.Morph($('thumbNav'), {
	            'duration' : 550,
	            onComplete: function(){
                                    $('thumbNavInner').style.width = thmbNavWidth +'px';
                                    var myFx = new Fx.Scroll('thumbNav').start((off * thmbWidth) - 4* thmbWidth, 0);
                
              }
	   //         'transition' : Fx.Transitions.Bounce.easeOut
        });

   
 shrinking.start({'height': 70,
                  'top':  656
 });


                     

thumbNavElements.each(function(e){e.removeEvent('click', shrinkThmbs)})

pageTracker._trackPageview("/portfolio/zmniejszenie nawigacji");
}


window.addEvent('domready', function(){


makeNav()

$('findMeOnline').addEvent('click', showOnline)
$('hideOnline').addEvent('click', hideOnline)

 });


function showOnline(){
        keysNav(false)
    $('onlineContent').setStyles({
    'display': 'block',
    'width': $('wrapper').getCoordinates().width + 'px',
    'height': $('wrapper').getCoordinates().height
    })
    Cufon.replace('#onlineContent a', {hover: true});
  

}

function hideOnline(){
    $('onlineContent').style.display ="none";
keysNav(true)


}
function showHome(){

    $('onlineContent').style.display = "none";
    $('picSpace').style.display = "block";
    $$('#headNav a').each(function(e){
        e.removeClass('active')
    })
    $('navHome').addClass('active')
    $('navHome').blur();
}