/**
 * Wyświetlanie komunikatu POPUP
 * @require jquery.cookie
 */

  var FlashPopup = function(config)
  {
    // Wskaźnik do samego siebie:
    var $this = this;
    
    // Opóźnienie czasowe:
    var $timeout = (config.timeout) ? config.timeout : 500;
    
    /**
     * Inicjalizacja:
     * @return void
     */
    this.Init = function()
    {
      // Dodanie HTMLa do korzenia dokumentu:
      $('body').prepend(RenderHTML());
      
      // Ustaw przesłonę
      $('div#shadow').css({
        opacity: 0.8,
        width: $(document).width(),
        height: $(document).height()
      }).show();
       
      // Wyświetl popup:
      $("div#popup").fadeIn($timeout);
      
      // Zbindowanie zamykania popupa (+ wybór wersji html// Tomek):
      $('div#popup a.html').click(SelectHTMLVersion);
      
      // Wybranie wersji flash:
      $('a.flash').click(SelectFlashVersion);
    };
    
    /**
     * Renderowanie htmla
     * @return string
     */ 
    var RenderHTML = function()
    {
      return '<div id="shadow" style="display: none;"></div>' +
              '<div id="popup" style="display: none;">' +
                '<p class="dn">Nasza strona dostępna jest również w wersji <strong>flash</strong></p>' +
                '<div id="ramka"><p>Wybierając wersję <a href="/flash/">Flash</a> możesz obejrzeć zdjęcia z naszych galerii w wysokiej rozdzielczości.<br />Zapraszamy!</p>' +
                  '<ul>' +
                    '<li><a href="http://www.personalvision.pl/" class="flash">wersja Flash</a></li>' +
                    '<li><a href="" class="html">wersja HTML</a></li>' +
                  '</ul>' +
                '</div>' +
                '<p class="close">' +
                  '<a href="" class="html"><span>zamknij</span></a>' +
                '</p>' +
              '</div>';
    };
    
    /**
     * Zamykanie przesłany i POPUPA
     * @return void
     */
    this.Hide = function()
    {
      $('#popup').fadeOut($timeout, function() {
        $('div#shadow').remove();
        $(this).remove();
      });
      return false;
    };
    
    /**
     * Event: Wybranie wersji:
     * @param $version: [flash|html]
     * @return void
     */
    this.SaveCookie = function($version)
    {
      if (jQuery.cookie)
      {
        var date = new Date();
        date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));
        $.cookie('version', $version, { path: '/', expires: date });
      }
    };
    
    /**
     * Event: Uzytkownik wybrał wersję HTML:
     * @return bool
     */
    var SelectHTMLVersion = function()
    {
      $this.SaveCookie('html');
      $this.Hide();
      return false;
    };
    
    /**
     * Event: Uzytkownik wybrał wersję flash :(
     * @return void
     */
    var SelectFlashVersion = function()
    {
      $this.SaveCookie('flash');
      return true;
    };
    
  };




  window.onload = function() 
  {
    
    if (FlashDetect.installed)
    {
      var flashPopup = new FlashPopup({});
    
      $("div#header").append('<div id="flashversion"><a href="http://www.personalvision.pl/" class="flash"><span>wersja flash</span></a></div>');
      
      if (!$.cookie('version'))
      {
        flashPopup.Init();
      }
      
      $('div#flashversion a.flash').click(function() {
        flashPopup.SaveCookie('flash');
      });
    }
  };