(function($) {
$('document').ready(function()
{
      $('.player').append('<div class="indi1"><div class="indi2"></div></div>');
      $('.atabsNew li').each(function(){
         /*  инициализация первой картинки для каждого дня календаря. исходно адрес спрятан в title чтобы не было лишних загрузок  */
         id=$(this).attr('id');
         e=$('div.'+id+' img:first');
         e.attr('src',e.attr('title'));
      })

      /* показ картинок по нажатию на плеере */
      $('.player a').click(function()
      {
	      n=$(this).prevAll().size();
	      $(this).siblings().removeClass('active');
	      $(this).addClass('active');
	      $(this).prevAll().addClass('active');
	      $('.mult img').hide();
	      $('.mult .imgmap'+n).show();
	      n++;
	      return false;
      })

		$('.atabsNew li a').click(function()
		{
		    id=$(this).parent().attr('id');
		    $('.mapAnimation  .select').removeClass('select');
		
		    /*  индикация текущей вкладки */
		    $('.atabsNew li').removeClass('select')
		    $(this).parent().addClass('select');
		     $('.mult div').hide();  // прячем все наборы картинок
		     
		    n=0;
		    $('.mult .'+id+' img').each(function(i)
		    { // инициализируем картинки и даем классы по порядку номеров
		      $(this).addClass('imgmap'+i);n++;
		    })
		    
				//выбираем какую картинку показать первой для прогнозов (по умолчанию показываем "день", если дня нет, показываем первую)
		    var img = $('.'+id+' .day').attr('class');
		    if(img==undefined)
		    	Indicator4('.'+id+' .imgmap0');
		    else
		    	Indicator4('.'+id+' .day');
		    return false;
		})

    function Indicator4(i)
    {
    	
      $('.player .col1').text($(i).attr('alt'));
      $('.mult').attr('style','background:url('+$(i).attr('title')+');');

      T=parseInt($(i).attr('num'));
          jj=T+1;
          $('.player .col2').text(jj +'/'+ $('.mult img').size());

      id=$(i).parent().attr('class');
      $('.atabsNew li').removeClass('select')
      $('#'+id).addClass('select');
				
      e=$('.indi3 a[num='+T+']');

      $(e).prevAll().addClass('blue');
      $(e).nextAll().removeClass('blue');

      if (T == 0) $('.mprev').hide(); else $('.mprev').show();
      if (T == N-1) $('.mnext').hide(); else $('.mnext').show();

    }

   	// отрисовка индикаторов. индикаторы по всем картикам сразу
     $('<div class="indi3" style="display:block!important"></div>').appendTo('.indi2');
     $('.mult div img').each(function(i)
     {
        w=Math.floor((369/($('.mult img').size()+1.001)));
        tab=$(this).parent().attr('class');
        num=$(this).prevAll().size();
        $(this).attr('num',i);
        $('<a id="aaa'+i+'" style="width:'+w+'px;" href="#" rel="'+tab+'" title="'+num+'" num="'+i+'"></a>').appendTo('.indi3');
        $('#aaa0').addClass('blue');
        $('#aaa'+i).click(function()
        {
          Indicator4('.mult img[num='+(i)+']');
          $(this).addClass('blue');
          return false;
        })
     })
     function stop()
     {
        if (TID) clearTimeout(TID);
        $('.stop').removeClass('stop');
        $('.speed').hide();
        Indicator4('.mult img[num='+T+']');
        return false;
     }

     function play()
     {
	      id=$('.atabsNew li.select').attr('id');
	      /* смена картинок  */
	      e=$('.mult img[num='+T+']')
	      Indicator4('.mult img[num='+T+']');
	      $('.mprev').hide();
	      $('.mnext').hide();
	      $('.speed').show();
	      T++;
	      if (T>=N) T=0;
	      TID=setTimeout(play,speed);
     }
     $('.mnext').click(function(){
        if (T<N-1)
        {
        	T++;
          Indicator4('.mult img[num='+T+']');
        }
     })
     $('.mprev').click(function(){
        if (T>0) 
        {
        	T--;
          Indicator4('.mult img[num='+T+']');
        }
     })
     $('#pusk').click(function(){
				if   ($(this).hasClass('stop'))
				{
				 stop();
				 return false;
				}
				
				$(this).addClass('stop');
				if (T >=  N)   $('.atabsNew li#tab0 a').click();
				play();
				
				return false;
     })

     var M=$('.mult  img').size()-1;
     var aimg=[];
     
     $('.mult img').each(function(i)
		{
	      src=$(this).attr('title');
	     	aimg[i] = new Image();
	       $(aimg[i]).load(function ()
	       {
	           $(this).hide();
	           if (i>=M) setImages();
	       }).attr('src', src);
     })

	   function setImages()
	   {
	     $('.mult img').each(function(i){
	         $(this).attr('src',$(this).attr('title')).height(1).width(1).show();
	         $(this).parent().show();
	     })
	     $('.atabsNew li#tab0 a').click();
	   }

	  $('.speeddn').click(function()
	  {
	    if (speed > 100) speed=speed / 2;
	  })
	  $('.speedup').click(function()
	  {
	    if (speed < 10000) speed=speed * 2;
	    clearTimeout(TID);
	    TID=setTimeout(play,speed);
	  })

     speed=1600;
     TID=null;
     N=$('.mult img').size();
     T=0;
})
})(jQuery);
