$(document).ready(function()
{
    //открыть на главной описание события из календаря
    $('.calendarDay span').click(
        function()
        {
            //shadow(); //теневой слой

            var id = $(this).attr('id');
			var vk_share = '';

			// получить информацию о событии для метатегов
            $.ajax({
              type:     'POST',
              dataType: 'json',
              data:     "act=getEventMeta&id="+id,
              url:      'ev_ajax.php',
              success: function (data) {
                  // заполняем метатеги до показа popup'а
                  $('meta[name=title]').attr('content', data.title);
                  $('meta[name=description]').attr('content', data.description);
                  $('title').text(data.title);
				  
				  $("meta[property=og:title]").attr("content", data.title);
				  $("meta[property=og:url]").attr("content", data.url);
				  $("meta[property=og:description]").attr("content", data.description);
				  
				  // формируем виджет вконтакте
				  vk_share = VK.Share.button({url: data.url, title: data.title, description: data.description},
                                             {type: "round", text: "Поделиться"});
         
              }
            });
			
			// получить информацию о событии
            $.ajax({
              type:     'POST',
              //dataType: 'json',
              data:     "act=getEvent&id="+id,
              url:      'ev_ajax.php',
              success: function (data) {
                    // заполняем popup данные о событии
                    $('#eventPopupIn').html(data);
					$('#vk_share').html(vk_share);
                    
                    $("#textArticle p > a img").unwrap();
                    $('#textArticle p > img:not(img + img)').each(function() {
                            $(this).nextUntil(':not(img)').andSelf().wrapAll('<div class="b-slideshow"></div>');
                    });

                    var OPTIONS = {
                        classname: "b-slideshow",
                        rootClass: ".b-slideshow",

                        force: false,
                        selfEvent: true,
                        expanded: false,

                        animation: "fade",
                        speed: 300,
                        title: "",
                        fx: {},

                        template: tmpl(
                          '<div class="<%=classname%>-controls">' +
                            '<h4 class="title"><%=title%></h4>' +
                            '<div class="left"></div>' +
                            '<div class="status"><%=status%></div>' +
                            '<div class="right"></div>' +
                            '<div class="fullscreen"><div class="thumbs"></div></div>' +
                            //'<div class="expand"><a class="g-pseudo-link" href="#"><span>показать все</span></a></div>' +
                            '<div class="clear"><div></div></div>' +
                          '</div>' +
                          '<div class="<%=classname%>-photos">' +
                          '</div>'+
                          '<div class="<%=classname%>-alt">' +
                          '</div>'
                        ),

                        statusTemplate: tmpl("<%=current%> / <%=count%>")
                      };

                      OPTIONS.fx.none = function(prev, next){
                        prev.hide();
                        next.show();
                        console.log("none");
                      };

                      OPTIONS.fx.fade = function(prev, next){
                        var self = this;
                        next.show().css({ position: "absolute", left: "0", top: "0", opacity: "0" });
                        this.photosNode.css({ height: Math.max(prev.outerHeight(), next.outerHeight()) })
                        prev.animate({ opacity: 0 }, OPTIONS.speed);
                        next.animate({ opacity: 1 }, OPTIONS.speed, function(){
                          self.photosNode.css({ height: next.outerHeight() })
                          prev.hide();
                          next.removeAttr("style");
                          self.showAlt(next);
                        });
                      }



                      var bSlideShow = _Class.extend({
                        init: function( node ){
                          this.domNode = $(node);
                          this.galleriaData = [];
                          Galleria.loadTheme('/themes/1/_script/galleria/galleria.lightbox.js');
                          if(this.create()){
                            this.bindEvents();

                            this.showAlt(this.photos.eq(0));
                            var imgs = $(this.domNode + '.b-slideshow-photos img').get();
                            for(var i=0; i<imgs.length; i++) {
                              this.galleriaData.push({image:$(imgs[i]).attr('src')});
                            }
                            jQuery('.thumbs', this).galleria({ keep_source: true,
                                                               data_source: this.galleriaData,
                                                               max_scale_ratio: 1});

                          }
                        },

                        create: function(){
                          this.photos = this.domNode.children().hide().eq(0).show().end();

                          this.OPTIONS = $.extend(true, {}, OPTIONS)
                          try{
                            var o = this.domNode.attr("settings");
                            if(o && o.length){
                              o = eval('(' + o + ')');
                              $.extend(true, this.OPTIONS, o);
                            }
                          } catch(e){ };

                          if(this.photos.length <= 1 && !this.OPTIONS.force) return false;

                          this.status = {
                            count: this.photos.length,
                            current: 1
                          }

                          var template = $(this.OPTIONS.template(
                            $.extend( true, {}, this.OPTIONS, { status: this.OPTIONS.statusTemplate(this.status) } )
                          ));

                          this.domNode.append(template);
                          this.photos.appendTo(template.filter(this.OPTIONS.rootClass + "-photos"));
                          this.photosNode = this.domNode.find(this.OPTIONS.rootClass + "-photos");
                          this.controlsNode = this.domNode.find(this.OPTIONS.rootClass + "-controls");
                          this.altNode = this.domNode.find(this.OPTIONS.rootClass + "-alt");

                          if(this.photos.length <= 1) this.controlsNode.children().not(".title, .clear").hide();

                          this.title = '';
                          try{
                            this.title = this.domNode.parents(".b-article").find("h1");
                            if(this.title.length)
                              this.title = this.title.eq(0).text();
                          } catch(e){ }

                          return true;
                        },

                        bindEvents: function(){
                          var self = this;
                          this.controlsNode
                            .find(".left")
                              .mousedown(function(){
                                return false;
                              })
                              .click(function(){
                                self.show( -1 );
                                track_event('Slideshow', 'Prev', self.title, self.status.current);
                                return false;
                              })
                              .end()
                            .find(".right")
                              .mousedown(function(){
                                return false;
                              })
                              .click(function(){
                                self.show( 1 );
                                track_event('Slideshow', 'Next', self.title, self.status.current);
                                return false;
                              })
                              .end()
                            .find(".expand a")
                              .click(function(){
                                self.photos.removeAttr("style").show();
                                self.photosNode.removeAttr("style");
                                return false;
                              }).end()
                            .find('.fullscreen')
                              .click(function(){
                                $('.thumbs .galleria-image', self.controlsNode).eq(self.status.current-1).click();
                                return false;
                              })

                          if(this.OPTIONS.selfEvent)
                            this.photos
                              .mousedown(function(){
                                return false;
                              })
                              .click(function(){
                                self.show( 1 );
                                track_event('Slideshow', 'Next', self.title, self.status.current);
                                return false;
                              })

                        },

                        show: function( dir ){
                          if(!dir) dir = 1;

                          var prev = this.photos.eq(this.status.current-1);

                          this.status.current += dir;
                          if(this.status.current < 1) this.status.current = this.status.count;
                          if(this.status.current > this.status.count) this.status.current = 1;
                          this.controlsNode.find(".status").html( this.OPTIONS.statusTemplate(this.status) )

                          var next = this.photos.eq(this.status.current-1);

                          this.OPTIONS.fx[ this.OPTIONS.animation && $.isFunction(this.OPTIONS.fx[this.OPTIONS.animation]) ? this.OPTIONS.animation : "none" ].call(this, prev, next);

                        },

                        showAlt: function(obj) {
                          this.altNode.text($(obj).attr('alt'));    }

                      });


                    $(OPTIONS.rootClass).each(function(){
                      new bSlideShow( this );
                    });

                    // показываем popup
                    $('#eventPopup').css('display','block');
              }
            });
        }
    );

    // $('#clubEventNew a').click(function(){
        // // получить информацию о событии
        // var id = $(this).attr('id');
        // $.ajax({
          // type:     'POST',
          // data:     "act=getEvent&id="+id,
          // url:      '/ev_ajax.php',
          // success: function (data) {
                // // заполняем popup данные о событии
                // $('#eventPopupIn').html(data);
                // //$('#topPopup').html(data);
                // //$('#textEventPopup').html(data);
                // //$('#recomendPopup').html(data);
                // // показываем popup
                // $('#eventPopup').css('display','block');
          // }
        // });
    // }) ;
        
    //открыть авторизацию
    $('.openAuth').click(
        function()
        {
            //shadow();   //теневой слой
            //$('#autoriz').css('display','block');
        }
    );
    //закрыть всплывающее окно
    $('.closeAu').click(
        function()
        {
            $(this).parent().css('display','none');
            $('#shadow').remove();   //удалить теневой слой
        }
    );
    //изменение размеров при ресайзе теневого слоя
    $(window).resize(function(){
        var shadow = document.getElementById('shadow');
        if(shadow!=undefined){
            shadow.style.height = parseInt(getClientHeight()) + 'px';
            shadow.style.width = parseInt(getDocumentWidth()) + 'px';
        }
    });

    //выпадающее меню "еще" в админке
    $('.lastMenu span').toggle(
        function(){
            $('.lastMenu ul').css('display','block');
        },
        function(){
            $('.lastMenu ul').css('display','none'); 
        }
    );

     /*количество символов в поле ввода*/
    if($('#shortArticleT').length) countSimbol('shortArticleT','shortCount',200);
    if($('#TitleA').length) countSimbol('TitleA','TitleCount',200);
    if($('#titleEvent').length) countSimbol('titleEvent','countEvent',100);
    if($('#chance').length) countSimbol('chance','countChance',150);

    //вписка в событие
    if($('#toEvent').length) {
        if($('#toEvent').attr('checked')) $('#writeChance').css('visibility','visible');
    }
    $('#toEvent').change(function(){
        if($('#toEvent').attr('checked')) $('#writeChance').css('visibility','visible');
        else $('#writeChance').css('visibility','hidden');
    }
    );
    //бесплатный вход
    if($('#freeEnter').length) {
        if($('#freeEnter').attr('checked')) $('#selectOut').css('visibility','visible');
    }
    $('#freeEnter').change(function(){
        if($('#freeEnter').attr('checked')) $('#selectOut').css('visibility','visible');
        else $('#selectOut').css('visibility','hidden');
    }
    );

    //прячем форму напоминаная пароля
    if($('#forgetPass').length) {
        $('#forgetPass').css('display','none');
    }
    //показываем/скрываем форму напоминания пароля
    $('#forget').toggle(
        function(){
            $('#forgetPass').slideDown();
        },
        function(){
            $('#forgetPass').slideUp();
        }
    );

    //удалить/не удалять
    buttonText = {
        1:['Удалить статью','Не удалять'],
        2:['Снять с публикации','Не снимать'],
        3:['Удалить','Не удалять']    
    };
    $('.delThis').toggle(
        function(){
            idB = $(this).attr('id').substr(1);
            $(this).next().css('display','block');
            $(this).text(buttonText[idB][1]);
        },
        function(){
            $(this).next().css('display','none');
            $(this).text(buttonText[idB][0]);
        }
    );

    
    //редактировать изображения
    $('.photoIn').hover(
        function(){  
            $('div',this).css('display','block');
        },
            function(){
            $('div',this).css('display','none');
        }
    );
});

function rt(){
    if($('#chChance label').hasClass('checked')) $('#writeChance').css('visibility','hidden');
                else $('#writeChance').css('visibility','visible'); 
}

/*количество символов в поле ввода*/
function countSimbol(idText,idCount,count){
    var objText = document.getElementById(idText);
    var objCount = document.getElementById(idCount);

    if (objText.value.length > count)
    {
        objText.value = objText.value.substring(0, count);
        return false;
    }
    else objCount.innerHTML = count - objText.value.length;
}
//специально для ие, для обработки события onpaste
function countSimbolIE(idText,idCount,count){
    setTimeout(function(){countSimbol(idText,idCount,count);}, 10);
}

function shadow(){
    var shadowOut = document.createElement('DIV');
    shadowOut.innerHTML = '<div class="shadow" id="shadow" style="height:'+getClientHeight()+'px;"></div>';
    document.getElementsByTagName('body')[0].appendChild(shadowOut.firstChild);
}

//ширина и высота рабочей области браузера
function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

function ShowIco(element)
{
    $('div',element).css('display','block');
}

function HideIco(element)
{
    $('div',element).css('display','none');
}

function Reg(id_event, val)
{
    $.ajax({
            type:     'POST',
            data:     "id_event="+id_event+'&act='+val,
            url:      'ev_ajax.php',
            success: function (data) {
                    $('#topPopup').html(data);
            }
        });
}

function eventInfo(id)
{
    // получить информацию о событии
    $.ajax({
      type:     'POST',
      //dataType: 'json',
      data:     "act=getEvent&id="+id,
      url:      'ev_ajax.php',
      success: function (data) {
            // заполняем popup данные о событии
            $('#eventPopupIn').html(data);

            $("#textArticle p > a img").unwrap();
            $('#textArticle p > img:not(img + img)').each(function() {
                    $(this).nextUntil(':not(img)').andSelf().wrapAll('<div class="b-slideshow"></div>');
            });

            var OPTIONS = {
                classname: "b-slideshow",
                rootClass: ".b-slideshow",

                force: false,
                selfEvent: true,
                expanded: false,

                animation: "fade",
                speed: 300,
                title: "",
                fx: {},

                template: tmpl(
                  '<div class="<%=classname%>-controls">' +
                    '<h4 class="title"><%=title%></h4>' +
                    '<div class="left"></div>' +
                    '<div class="status"><%=status%></div>' +
                    '<div class="right"></div>' +
                    '<div class="fullscreen"><div class="thumbs"></div></div>' +
                    //'<div class="expand"><a class="g-pseudo-link" href="#"><span>показать все</span></a></div>' +
                    '<div class="clear"><div></div></div>' +
                  '</div>' +
                  '<div class="<%=classname%>-photos">' +
                  '</div>'+
                  '<div class="<%=classname%>-alt">' +
                  '</div>'
                ),

                statusTemplate: tmpl("<%=current%> / <%=count%>")
              };

              OPTIONS.fx.none = function(prev, next){
                prev.hide();
                next.show();
                console.log("none");
              };

              OPTIONS.fx.fade = function(prev, next){
                var self = this;
                next.show().css({ position: "absolute", left: "0", top: "0", opacity: "0" });
                this.photosNode.css({ height: Math.max(prev.outerHeight(), next.outerHeight()) })
                prev.animate({ opacity: 0 }, OPTIONS.speed);
                next.animate({ opacity: 1 }, OPTIONS.speed, function(){
                  self.photosNode.css({ height: next.outerHeight() })
                  prev.hide();
                  next.removeAttr("style");
                  self.showAlt(next);
                });
              }



              var bSlideShow = _Class.extend({
                init: function( node ){
                  this.domNode = $(node);
                  this.galleriaData = [];
                  Galleria.loadTheme('/themes/1/_script/galleria/galleria.lightbox.js');
                  if(this.create()){
                    this.bindEvents();

                    this.showAlt(this.photos.eq(0));
                    var imgs = $(this.domNode + '.b-slideshow-photos img').get();
                    for(var i=0; i<imgs.length; i++) {
                      this.galleriaData.push({image:$(imgs[i]).attr('src')});
                    }
                    jQuery('.thumbs', this).galleria({ keep_source: true,
                                                       data_source: this.galleriaData,
                                                       max_scale_ratio: 1});

                  }
                },

                create: function(){
                  this.photos = this.domNode.children().hide().eq(0).show().end();

                  this.OPTIONS = $.extend(true, {}, OPTIONS)
                  try{
                    var o = this.domNode.attr("settings");
                    if(o && o.length){
                      o = eval('(' + o + ')');
                      $.extend(true, this.OPTIONS, o);
                    }
                  } catch(e){ };

                  if(this.photos.length <= 1 && !this.OPTIONS.force) return false;

                  this.status = {
                    count: this.photos.length,
                    current: 1
                  }

                  var template = $(this.OPTIONS.template(
                    $.extend( true, {}, this.OPTIONS, { status: this.OPTIONS.statusTemplate(this.status) } )
                  ));

                  this.domNode.append(template);
                  this.photos.appendTo(template.filter(this.OPTIONS.rootClass + "-photos"));
                  this.photosNode = this.domNode.find(this.OPTIONS.rootClass + "-photos");
                  this.controlsNode = this.domNode.find(this.OPTIONS.rootClass + "-controls");
                  this.altNode = this.domNode.find(this.OPTIONS.rootClass + "-alt");

                  if(this.photos.length <= 1) this.controlsNode.children().not(".title, .clear").hide();

                  this.title = '';
                  try{
                    this.title = this.domNode.parents(".b-article").find("h1");
                    if(this.title.length)
                      this.title = this.title.eq(0).text();
                  } catch(e){ }

                  return true;
                },

                bindEvents: function(){
                  var self = this;
                  this.controlsNode
                    .find(".left")
                      .mousedown(function(){
                        return false;
                      })
                      .click(function(){
                        self.show( -1 );
                        track_event('Slideshow', 'Prev', self.title, self.status.current);
                        return false;
                      })
                      .end()
                    .find(".right")
                      .mousedown(function(){
                        return false;
                      })
                      .click(function(){
                        self.show( 1 );
                        track_event('Slideshow', 'Next', self.title, self.status.current);
                        return false;
                      })
                      .end()
                    .find(".expand a")
                      .click(function(){
                        self.photos.removeAttr("style").show();
                        self.photosNode.removeAttr("style");
                        return false;
                      }).end()
                    .find('.fullscreen')
                      .click(function(){
                        $('.thumbs .galleria-image', self.controlsNode).eq(self.status.current-1).click();
                        return false;
                      })

                  if(this.OPTIONS.selfEvent)
                    this.photos
                      .mousedown(function(){
                        return false;
                      })
                      .click(function(){
                        self.show( 1 );
                        track_event('Slideshow', 'Next', self.title, self.status.current);
                        return false;
                      })

                },

                show: function( dir ){
                  if(!dir) dir = 1;

                  var prev = this.photos.eq(this.status.current-1);

                  this.status.current += dir;
                  if(this.status.current < 1) this.status.current = this.status.count;
                  if(this.status.current > this.status.count) this.status.current = 1;
                  this.controlsNode.find(".status").html( this.OPTIONS.statusTemplate(this.status) )

                  var next = this.photos.eq(this.status.current-1);

                  this.OPTIONS.fx[ this.OPTIONS.animation && $.isFunction(this.OPTIONS.fx[this.OPTIONS.animation]) ? this.OPTIONS.animation : "none" ].call(this, prev, next);

                },

                showAlt: function(obj) {
                  this.altNode.text($(obj).attr('alt'));    }

              });


            $(OPTIONS.rootClass).each(function(){
              new bSlideShow( this );
            });

            // показываем popup
            $('#eventPopup').css('display','block');
      }
    });
}



