$(document).ready(function(){

	var array_black;					//содержит путь к картам иллюстраторов
	var array_red;						//содержит путь к картам стрит артов
	var black_s 	="./data/black/";
	var red_s		="./data/red/";
	
	var i;
	var milisec=0;
	var seconds=0;

		array_black 	= new Array();
		array_red 		= new Array();

//генератор случайных чисел в заданном диапазоне
function getrandom(min_random, max_random) {
    var range = max_random - min_random + 1;
    return Math.floor(Math.random()*range) + min_random;
};//function getrandom



//заполняем массивы
for(i = 0; i < 54; i++){
	
	array_black[i] 	= black_s + (i+1)+'.png';
	array_red[i] 	= red_s + (i+1)+'.png';
	};	
	
$('#img-bl2').attr({src: array_black[getrandom(0,53)]});
$('#img-re2').attr({src: array_red[getrandom(0,53)]});

//*****************************


// запускаем быстрый показ карт
/*$("#img-bl2").mouseover(function(){
	 var a = 0;
     
	 $("#img-bl2").everyTime(70,'timer1', function() {
						a++;
						if (a > 53)
							{
							a = 0;
							}
		$(this).attr({src: array_black[a++]});
	});
	 
    });

$("#img-re2").mouseover(function(){
     
	 var a = 0;
	 	
		$("#img-re2").everyTime(70,'timer2', function() {
						a++;
						if (a > 53)
							{
							a = 0;
							}
								$(this).attr({src: array_red[a]});							
							
					});
    });

//отключаем таймер показа карт
/*$("#img-bl2").mouseleave(function(){
     
	 $("#img-bl2").stopTime('timer1');
	 
    });

$("#img-re2").mouseleave(function(){
     
	 $("#img-re2").stopTime('timer2');
	 
    });*/

//плавная смена рубашка-карта

//для чёрной обложки при ховере запуск пербора карт
$('#black-list').hover(
      
	  function () {
        $(this).find("img:last").fadeOut(100); 
		var a = 0;
     
	 $("#img-bl2").everyTime(70,'timer1', function() {
						a++;
						if (a > 53)
							{
							a = 0;
							}
		$(this).attr({src: array_black[a++]});
	});
		
		
      }, 
      function () {
         $(this).find("img:last").fadeIn(500); 
		 $("#img-bl2").stopTime('timer1');
      }
    );

//------


$('#red-list').hover(
      
	  function () {
        $(this).find("img:last").fadeOut(100); 
		var a = 0;
	 	
		$("#img-re2").everyTime(70,'timer2', function() {
						a++;
						if (a > 53)
							{
							a = 0;
							}
								$(this).attr({src: array_red[a]});							
							
					});
		
		
      }, 
      function () {
         $(this).find("img:last").fadeIn(500); 
		 $("#img-re2").stopTime('timer2');
      }
    );



//********************************************************


	$('ul').hover(
      
	  function () {
        $(this).find("img:last").fadeOut(500); 
      }, 
      function () {
         $(this).find("img:last").fadeIn(1500); 
      }
    );

});