/*
plik htm zapodaje zmienne:
_tla - tablica plików z tłami
_aktualneTlo - indeks w tej tablicy aktualnego tła
_pageConf - tablica id_strony ->typ konfiguracji (ile wysunąć tła: 1 - do połowy, 2-całość)
*/

var _trwaRuch = false;
var _dzialaPrezentacja = false;

//==============================================================================
//pokazywanie cale nowej podstrony

var _partialBg = 265;
var _fullBg = 765;
var _tloNaMiejscu = false;
var _contentNaMiejscu = false;
var _aktPokazywane = 0;
var _szybkoscFadeLinkow = 200;

function _afterSectionLoad() {
   $("#sideMenu p a").hover(
     function () {
       if ($(this).hasClass("active") || _aktPokazywane==0)
         return;
      /*
       $(this).animate({
            opacity: 1
            }, _szybkoscFadeLinkow);
       */
       $(this).addClass("hovered");
     }, 
     function () {
       if ($(this).hasClass("active") || _aktPokazywane==0)
         return;
      /*
       $(this).animate({
            opacity: 0.5
            }, _szybkoscFadeLinkow);
       */
       $(this).removeClass("hovered");
     }
   );
   _dzialaPrezentacja = false;
}

function _showPage(id,elt) {
   if (_aktPokazywane==id || _trwaRuch)
      return;
   //oznaczamy, że ruch tła jeszcze się nie skończył i nie wgrany content
   _trwaRuch  = true;
   _tloNaMiejscu = false;
   _contentNaMiejscu = false;
   _dzialaPrezentacja = false;
   
   //zarządzamy linkami (wyciszamy niekatywne)
   elt = $('#link_'+id);
   
   $("#sideMenu p a.active").removeClass("hovered");
   $("#sideMenu p a.active").removeClass("active");
   $(elt).addClass("active");
   
   //$("#sideMenu p a.active").css('color','#ffffff');
   //$("#sideMenu p a:not(.active)").css('color','#858D9C');
   /*
   $("#sideMenu p.active").animate({
         opacity: 1
         }, _szybkoscFadeLinkow);

   $("#sideMenu p:not(.active)").animate({
         opacity: 0.5
         }, _szybkoscFadeLinkow);      
   */
   _aktPokazywane = id;
   
   //jesli wychodzimy z prezentacji
   if ($('#bgLayer').width()==0)
      $("#bgImageDiv").css('opacity',1);
   //najpierw pozbywamy się starego kontentu
   $("#realContent").fadeOut('slow',function () {
      $("#realContent").css('top',-600);
      $("#realContent").show();
      
      _showPagePom();
   });
};

function _showPagePom() {
   id = _aktPokazywane;
   //wiemy, że stary kontent zniknął i div jest ukryty i przygotowany na pokazanie nowego
   
   _ladujContent(id);
   _aktPokazywane = id;
   //rozpoczynamy ruch paska i zmiane obrazka tła
   if (_pageConf[id] == 3)
      _schowajTlo();
   else if ($('#bgLayer').width()!=0)
      _zmienObrazTla();
    
   var _zmianaTlaNa = 0;
   if (_pageConf[id] == 1)
      _zmianaTlaNa = _partialBg;
   if (_pageConf[id] == 2)
      _zmianaTlaNa = _partialBg;
   if (_pageConf[id] == 3)
      _zmianaTlaNa = 0;
   
   if ($('#bgLayer').width() != _zmianaTlaNa) {
      $('#bgLayer').animate({
         width: _zmianaTlaNa
         }, 1000, function() {
         //na koniec przesuwania pokazywanie contentu
         _tloNaMiejscu = true;
         _pokazContent();
      });
   }
   else {
      //jeśli bez przesunięcia tła, to od razu pokazujemy kontent
      _tloNaMiejscu = true;
      _pokazContent();
   } 
  
}

function _pokazContent() {
   
   if (!_tloNaMiejscu || !_contentNaMiejscu)
      return;
   
   
   $("#realContent").hide();
   $("#realContent").css('top',-1200);
   
   $("#realContent").fadeIn('normal', function() {
      //na koniec przesuwania pokazywanie contentu
      _trwaRuch = false;
      _aktPokazywanaCzesc = -1;
      initLytebox(_currentLang);
   });


}

function _ladujContent() {
   
   $.ajax({
      type: "POST",
      url: "/p-"+_aktPokazywane+"/blabla",
      success: function(msg){
         $('#realContentWrapper').css('padding',25);
         $("#realContentWrapper").html(msg);
         _positionContent();
         _contentNaMiejscu = true;
         _pokazContent();
      }
   });
   
   
}

//==============================================================================
//pokazywanie prawej czesci podstrony

var _aktPokazywanaCzesc;
var _aktPokazywaneZdjecie = 0;
var _aktPokazywanyObrazek;

function _showSubpage(id,elt) {
   if (_aktPokazywanaCzesc==id || _trwaRuch)
      return;
   //oznaczamy, że ruch tła jeszcze się nie skończył i nie wgrany content
   _trwaRuch  = true;
   
   //zarządzamy linkami (wyciszamy niekatywne)
   $("#realContentLeft a.active").removeClass("active");
   $(elt).addClass("active");
   
   _aktPokazywanaCzesc = id;
   //ew. rozszerzamy ekran
   
   if (_pageConf[_aktPokazywane] == 2 && $('#bgLayer').width() != _fullBg) {
      $('#bgLayer').animate({
         width: _fullBg
         }, 1000, function() {
         //na koniec przesuwania pokazywanie contentu
         $('#realContentMiddle').fadeIn(500);
         _showSubpageNextStep();
      });
   }
   else
      _showSubpageNextStep();
}
      
function _showSubpageNextStep() {
   //najpierw pozbywamy się starego kontentu
   $("#realContentRightDiv").fadeOut("fast",function () {
      $("#realContentRightDiv").css('marginTop',600);
      $("#realContentRightDiv").empty();
      $("#realContentRightDiv").show();
      
      _ladujContentPodstrony(_aktPokazywanaCzesc, _aktPokazywane);
   });
}

function _pokazContentPodstrony() {
   $("#realContentRightDiv").hide();
   $("#realContentRightDiv").css('marginTop',0);
   $("#realContentRightDiv").fadeIn('normal', function() {
      _trwaRuch = false;
      _aktPokazywanyObrazek = 0;
      initLytebox(_currentLang);
   });
}

function _ladujContentPodstrony(id, strona) {
   
   $.ajax({
      type: "POST",
      url: "/p-"+strona+"/blabla/pokazPodelement/"+id,
      success: function(msg){
         
         $("#realContentRightDiv").html(msg);
         
         _positionSubpageContent();
         
         _pokazContentPodstrony()
      }
   });

   
}

var _obrazekDoPokazania;

function _showPhoto(id, src, elt, width) {
   $("#realContentRightDiv p a.active").removeClass("active");
   $(elt).addClass("active");
   
   if (id == _aktPokazywanyObrazek)
      return;
   
   _aktPokazywanyObrazek = id;
   
   var img = new Image();
   
   $(img)
    .load(function () {
       $(this).hide();
       _obrazekDoPokazania = this;
       $('#photoStage img').fadeOut('normal', function () {
          $('#photoStage').css('textAlign','left');
          $('#photoStage img').remove();
          
          $('#photoStage').append(_obrazekDoPokazania);
          
          $('#photoStage img').css('marginLeft',Math.round( ($('#photoStage').width()-$(_obrazekDoPokazania).width())/2 ));
          
          $(_obrazekDoPokazania).fadeIn('normal');
          });
    })
    .attr({
    src: src,
    width: width
    });
}
//==============================================================================
//zmienianie obrazka tla

var _tloDoPokazania;
var _poprzednieTlo;

function _schowajTlo() {
    $("#bgImageDiv").animate({
      opacity: 0
      }, 800);   
   $('#realContent').addClass('loading');
}

function _zmienObrazTla() {
   if (_tla.length == 1)
      return;
      
   _poprzednieTlo = _aktualneTlo;
   _aktualneTlo++;
   if (_aktualneTlo>=_tla.length) {
      _aktualneTlo = 0;
   }
   

   var img = new Image();
   
   $(img)
    .load(function () {
       $('#bgImageDiv').append(this);
       posTop = $(this).position().top;
       $(this).hide();       
       
       $(this).css({position:'relative',top:-posTop});
       $(this).fadeIn(800);
       
       if ($('#bgImageDiv').css('opacity')!=0) {
          $('#bgImage'+_poprzednieTlo).fadeOut(1000, function () {
             $('#bgImage'+_aktualneTlo).css({top:0});
             $('#bgImage'+_poprzednieTlo).remove();
             });
       }
       else {
          $('#bgImage'+_poprzednieTlo).fadeOut(100, function () {
             $('#bgImage'+_aktualneTlo).css({top:0});
             $('#bgImage'+_poprzednieTlo).remove();
              $("#bgImageDiv").animate({
               opacity: 1
               }, 800);    
             });
       }
    })
    .attr({
    src: _tla[_aktualneTlo],
    id: 'bgImage'+_aktualneTlo
    });
}

//==============================================================================
// obsługa newslettera

function _newsletterClick() {
   $('p.newsletter1').hide();
   $('p.newsletter2').show();
   $('p.newsletter2 input.newsletterPole').focus();
}

function _newsletterCommit() {
   $.ajax({
      type: "GET",
      url: "/newsletter/dodajAdres2/"+$('#newsletterEmail').val(),
      cache: false,
      success: function(msg){
         alert(msg);
         $('p.newsletter2').hide();
         $('p.newsletter1').show();
      }
   });
}

//==============================================================================
// obsługa wysłania na email
var _sendEmailContent;
var _sendEmailElement;

function _sendEmailClick(elt) {
   _sendEmailElement = elt;
   _sendEmailContent = $(elt).html();
   $(elt).html('<input type=text class="sendEmailPole" value="'+_emailName+'" size=28 maxlength=100 id="sendEmail"> <a id="sendEmailSubmit" href="Javascript:_sendEmailCommit()">+</a>');
   //podpięcie pod wyślij maila na adres
   $('#sendEmail').keyup(function(e) {
      if(e.keyCode == 13) {
         _sendEmailCommit();
      }
   }).keydown(function(e) {

      if ($('#sendEmail').val() == _emailName)
         $('#sendEmail').attr('value','');
   });
   $('#sendEmail').focus();
   $(elt).unbind();

}

function _sendEmailCommit() {
   $.ajax({
      type: "GET",
      url: "/sendEmail/"+_aktPokazywane+"/"+$('#sendEmail').val(),
      cache: false,
      success: function(msg){
         alert(msg);
         $(_sendEmailElement).html(_sendEmailContent);
         $(_sendEmailElement).bind("click",function(){
            _sendEmailClick(this);
         });
      }
   });
}

//==============================================================================
//obsługa podstroyn z prezentacją

var _poprzednieZdjeciePrezentacji = -1;

function _ruchPrezentacji() {
   los = Math.floor(Math.random()*4);
   ruchTop = '+=0';
   ruchLeft = '+=0';
   
   oIle = 50+Math.floor(Math.random()*60);
   switch (los) {
      case 0:
         ruchTop = '+='+oIle;
         ruchLeft = '+='+oIle;
         break;
      case 1:
         ruchTop = '-='+oIle;
         ruchLeft = '-='+oIle;
         break;
      case 2:
         ruchTop = '+='+oIle;
         ruchLeft = '-='+oIle;
         break;
      case 3:
         ruchTop = '-='+oIle;
         ruchLeft = '+='+oIle;
         break;   
   }
   
   //animujemy tło
   $('#presentationImage'+_aktualneZdjeciePrezentacji).animate({
      top:'+=0',
      left:'+=0'
   }, 4000, 'linear', function() {
      _zmienObrazPrezentacji();
   });
}

function _zmienObrazPrezentacji() {
   if (_zdjeciaPrezentacji.length == 1)
      return;
      
   _poprzednieZdjeciePrezentacji = _aktualneZdjeciePrezentacji;
   _aktualneZdjeciePrezentacji++;
   if (_aktualneZdjeciePrezentacji>=_zdjeciaPrezentacji.length) {
      _aktualneZdjeciePrezentacji = 0;
   }
   
   var img = new Image();
   
   $(img)
    .load(function () {
       if (!_dzialaPrezentacja)
         return;
         
       $('#realContentWrapper').append(this);
       posTop = $(this).position().top;
       $(this).hide();       
       
       $(this).css({position:'relative',top:-(posTop)});
       $(this).fadeIn(800);
       
       $('#presentationImage'+_poprzednieZdjeciePrezentacji).fadeOut(1000, function () {
          $('#presentationImage'+_aktualneZdjeciePrezentacji).css({top:0});
          $('#presentationImage'+_poprzednieZdjeciePrezentacji).remove();
          _ruchPrezentacji();
          });
    })
    .attr({
    src: _zdjeciaPrezentacji[_aktualneZdjeciePrezentacji],
    id: 'presentationImage'+_aktualneZdjeciePrezentacji
    });
}