// JavaScript Document
$(document).ready(function(){
    $('img.showalt').each(function (i) {
      $(this).wrap('<span class="decor" />');
      if($(this).hasClass('justifyleft')){
        $(this).removeClass('justifyleft');
        $(this).parent('.decor').addClass('justifyleft');
      }
      if($(this).hasClass('justifyright')){
        $(this).removeClass('justifyright');
        $(this).parent('.decor').addClass('justifyright');
      }
      var a = $(this).attr('alt');
      $(this).parent('.decor').append('<span class="decor_text">' + a + '</span>');
    });
     //Full Caption Sliding (Hidden to Visible)  
    $('.boxgrid').hover(function(){  
        $('.boxcaption', this).stop().animate({bottom:'0px'},{queue:false,duration:160});  
    }, function() {  
        $('.boxcaption', this).stop().animate({bottom:'-41px'},{queue:false,duration:160});  
    });
      
      // вешаем обработчик на sitemap с классом "btn-slide"
  $('.btn-slide').click(function(){
    // выдвигаем/прячем панель с id = panel-id
    $('#panel-id').slideToggle('slow');
    // и ничего не делаем дальше (дабы не было перехода по ссылки)
     return false;
  });

      //скрыть текст
      $('.click2hide').next().css('display', 'none');
      $('.click2hide').wrapInner('<a href="#" />');
    $('.click2hide a').click(function(){
    // выдвигаем/прячем панель с id = panel-id
    $(this).parent().next().slideToggle('slow');
    // изменяем класс самой ссылки
    $(this).parent().toggleClass('showmore');
    // и ничего не делаем дальше (дабы не было перехода по ссылки)
     return false;
  });  
      
  // Запускаем слайдшоу
         if(($('#picturemain div.fadeimages').length)>1) {theRotator();}
          
    });
    function theRotator() {
  // Устанавливаем прозрачность всех картинок в 0
         $('#picturemain div.fadeimages').css({opacity: 0.0});

  // Берем первую картинку и показываем ее (по пути включаем полную видимость)
         $('#picturemain div.fadeimages:first').css({opacity: 1.0}).addClass('show begin');
  // Вызываем функцию rotate для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
       setInterval('rotate()',5000);
}
 
function rotate() {  
// Берем первую картинку
 var current = ($('#picturemain div.fadeimages.show')?  $('#picturemain div.fadeimages.show') : $('#picturemain div.fadeimages:first'));
 
  // Берем следующую картинку, когда дойдем до последней начинаем с начала
  var next = ((current.next().length) ? ((current.next().hasClass('show begin')) ? $('#picturemain div.fadeimages:first') : current.next()) : $('#picturemain div.fadeimages:first'));
 
  // Расскомментируйте, чтобы показвать картинки в случайном порядке
  // var sibs = current.siblings();
  // var rndNum = Math.floor(Math.random() * sibs.length );
  // var next = $( sibs[ rndNum ] );
 
  // Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
  next.css({opacity: 0.0})
  .addClass('show')
  .animate({opacity: 1.0}, 1000);
 
  // Прячем текущую картинку
  current.animate({opacity: 0.0}, 1000)
  .removeClass('show');
};