$(document).ready(function(){
	$("#smallSearch").click(function () {
		$("#search").toggle("display");
  	});

});

function screenSize() { // возвращает размеры внутреннего окна браузера
      var w, h; 
      w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
      h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
      return {w:w, h:h};
}


function Randoms() { // генерирует координаты для случайного расположения тумбы
    var l = Math.floor(Math.random() * (user_width - 300) + 200 );
	var t = Math.floor(Math.random() * (screenSize().h - 200) + 90 );
    return {l:l, t:t};
}

function dist(a,b,c,d) // возвращает расстояние между двумя точками (а,b) и (с,d)
{ 
	return Math.pow(( (a-c)*(a-c) + (b-d)*(b-d) ), 0.5); 
}


function Checker(l,t) // если расстояние до какой-либо тумбы меньше минимального или тумба попадает в центральную область, то генерим новые координаты
{ 
   for (var i=0; i<Coords.length; i=i+2) {
	
	if (  (bad <100) & ((dist (l, t, Coords[i], Coords[i+1]) <  min_dist)  || (dist (l, t, screenSize().w/2, screenSize().h/2) <  250))   )    
					{	
				bad = bad+1; // еще одна неудачная попытка подряд
				var l = Randoms().l;
				var t = Randoms().t;
				Checker (l,t); // координаты не канают, рекурсивно запускаемся с новыми координатами
				return false;};
 }
bad = 0;
Coords.push(l,t); // всё ок, сохраняем координаты в массив
}
var opened = 0;
var opened_l = 0;
var opened_t = 0; // в этих переменных сохраняется ID текущей открытой тумбы (большая картинка в центре) и координаты куда ее возвращать при смене


function Go(num, w, h) 
{
	if (opened != 0) // если есть открытая картинка, то сначала ее надо убрать
	{
		
		$("#gone"+opened).animate({ // большая картинка возвращается на свое место и прячется
		  	width: 1,
			height: 1,
			left: opened_l,
			top: opened_t
		}, 1000 );
		
		$("#go"+opened).animate({ // там же показывается тумба
			left: opened_l,
			top: opened_t,
			opacity: 1
		}, 3000 );
	
	}
		
	$("#go"+num).animate({ // прячем тумбу для картинки, которая щас открывается
		opacity: 0
	}, 500 );
	
	$("#gone"+num).animate({ // большая картинка увеличивается и двигается в центр
	    width: w,
		height: h,
	left: (screenSize().w - w)/2,
	top: (screenSize().h - h)/2
	  }, 1500 );
	
	document.getElementById("Description").innerHTML = Descripts[num];

	$("#Description").animate({ // описание появляется под большой картинкой
	left: (screenSize().w - w)/2,
	top: (screenSize().h - h)/2 + h
	  }, 1500 );


	opened = num; // сохраняем ID новой открытой картинки и координаты куда ее надо вернуть
	opened_l = $("#gone"+num).css("left");
	opened_t = $("#gone"+num).css("top");
 
};

function DocLoaded() 
{
	if (use_scroll) {
		$("#PageScroller").css('display', 'block');
		
		$("#PageScroller").slider({
			slide: function(event, ui){
				
				$('#images_small').css('left', '-' + slide_step * ui.value + 'px');
			
			}
		});
	}

	var k = 0;
	$("#images_small img").each( // ставим тумбы (список внутри images_small)
		function(intIndex) {
			$(this).css("left", Coords[k]);
			$(this).css("top", Coords[k+1]);
			k = k+2;
	});
	
	var k = 0;
	$("#images_big img").each( // по тем же координатам ставим большие картинки (список внутри images_big). Исходно большие картинки не видны (размер 1х1)
	function(intIndex) {
	$(this).css("left", Coords[k]);
	$(this).css("top", Coords[k+1]);
	k = k+2;
		});
	
//	var firstImg = $("img#go1").height();
	go_first();
}