$(document).ready(function() {
	//Отменяем клик по картинкам правой кнопкой мыши
	function rightClick() {
		var imgTag = document.getElementsByTagName('img');
		for (var i = 0; i < imgTag.length; i++) {
			imgTag[i].oncontextmenu = function() {
				return false;
			}
		}
	}
	rightClick();
	//Конец(Отменяем клик по картинкам правой кнопкой мыши)
	
	
	//Показать и скрыть текст на главной странице
	var perem = 0;
	$('#podrobnee').click(function() {
		if (perem == 0) {
			$('#text_main').hide();
			$('#text_main_full').show();
			$(this).html('Скрыть');
			perem = 1;
		}
		else {
			$('#text_main').show();
			$('#text_main_full').hide();
			$(this).html('Подробнее');
			perem = 0;
		}
	});
	//конец (Показать и скрыть текст на главной странице)
	
	
	//ПОПАП В КОЛЛЕКЦИЯХ
	//Начальные значения
	var speed = 600; //Скорость прокрутки больших картинок
	var speedImgLoad = 500; //Скорость анимации больших картинок после подгрузки
	var speedSmall = 300; //Скорость прокрутки маленьких картинок
	var widthImgBig = 697; //Ширина большой картинки
	var heightImgBig = 464; //Высота большой картинки
	var positionBig = 1; //Начальная позиция больших картинок
	var positionSmall = 0; //Начальная позиция маленьких картинок
	var arrayImg = new Array(); //Массив с названиями картинок
	var id; //ID коллекции
	var name; //Название коллекции
	var leftBig; //Начальный отступ слева для больших фоток
	var marginRight; //Переменная для правого отступа
	var widthDocument = $(document).width(); //Ширина документа
	var heightDocument = $(document).height(); //Высота документа
	var widthWindow = $(window).width(); //Ширина окна
	var heightWindow = $(window).height(); //Высота окна
	
	//Функция при ресайзе окна
	$(window).resize(function() {
		$('#img1').unbind('click'); //Убиваем событие нажатия мышки по первому имг
		$('#img2').unbind('click'); //Убираем событие нажатия мышки по второму имг
		$('#img3').unbind('click'); //Убиваем событие нажатия мышки по третьему имг
		$('#img1_zagl').unbind('click'); //Убиваем событие нажатия мышки по первому имг
		$('#img2_zagl').unbind('click'); //Убираем событие нажатия мышки по второму имг
		$('#img3_zagl').unbind('click'); //Убиваем событие нажатия мышки по третьему имг
		
		//Попап обычный
		widthDoc = $(document).width();
		heightDoc = $(document).height();
		widthWin = $(window).width();
		heightWin = $(window).height();
		scrollTop = $(window).scrollTop();
		widthImage = $('#img_popup').parent().width();
		heightImage = $('#img_popup').parent().height();
		$('#img_popup').parent().css('left', ((widthWin - widthImage) / 2) + 'px');
		$('#img_popup').parent().css('top', (((heightWin - heightImage) / 2) + scrollTop) + 'px');
		$('#popup_normal_fon').css({'width': widthWin + 'px', 'height': heightDoc + 'px'});
		//Конец (Попап обычный)
		
		$('#collection_main, #collection_main2').css('width', '0px'); //Обнуляем ширину у родительских дивов
		widthDocument = $(document).width(); //Ширина документа
		heightDocument = $(document).height(); //Высота документа
		widthWindow = $(window).width(); //Ширина окна
		heightWindow = $(window).height(); //Высота окна
		
		//Скидываем все стили на дефолт и ставим стили нужной картинке
		$('.linkImg').css({'border': 'none', 'top': '2px', 'margin-right': '9px', 'width': '91px'});
		$('.linkImg:eq(0)').css({'border': '2px solid #fff', 'top': '0px', 'width': '89px'});
		$('#collection_slider_small').css('left', (leftBig - 19) + 'px');
		$('#small_slider_block img:first').css({'border': '2px solid #fff', 'top': '0px'});
		
		//Проверяем, какую выбираем ширину, от документа или от окна
		if (widthDocument >= widthWindow) var widthSuccess = widthDocument
		else var widthSuccess = widthWindow;
		$('#collection_main, #collection_main2').css({'width': widthSuccess + 'px', 'height': heightDocument + 'px'});
		
		marginRight = (widthSuccess - ((70 * 2) + widthImgBig)) / 2; //Определяем расстояние между картинками
		var widthBig = 30000; //Определяем размер #collection_slider_big
		
		//Задаем #collection_slider_big ширину и начальный отступ слева
		leftBig = (widthSuccess / 2) - (widthImgBig / 2);
		$('#collection_slider_big').css({'width': widthBig + 'px', 'left': leftBig + 'px'});
		$('#collection_slider_small').css('left', (leftBig - 19) + 'px');
		
		//Удаляем все картинки и ставим #collection_slider_big в начальное положение
		$('#img1').remove();
		$('#img2').remove();
		$('#img3').remove();
		positionBig = 1;
		$('#collection_big_zaglushka').css('width', '0px');
		$('#collection_slider_big').append('<div id="collection_big_zaglushka"></div><img id="img2" src="/catalogue/files/' + id + '/' + arrayImg[0] + '_big.jpg" alt="" /><img id="img3" src="/catalogue/files/' + id + '/' + arrayImg[1] + '_big.jpg" alt="" />');
		$('#collection_slider_big').children('img').css('margin-right', marginRight + 'px');
		
		//$('#img2').bind('click', sliderBigRight);
		$('#img3').bind('click', sliderBigRight);
		$('#img3_zagl').bind('click', sliderBigRight);
	});
	
	//Функция при нажатии на правую большую картинку
	sliderBigRight = function() {
		$('#img1').unbind('click');
		$('#img3').unbind('click');
		$('#img1_zagl').unbind('click');
		$('#img3_zagl').unbind('click');
		$('.linkImg').unbind('click');
		$('.linkImg').bind('click', clickSmallImg);
		positionBig++; //Прибавляем счетчик на 1
		
		//Скидываем все стили на дефолт и ставим стили нужной картинке
		$('.linkImg').css({'border': 'none', 'top': '2px', 'margin-right': '9px', 'width': '91px'});
		var newPosBigLeft = positionBig - 1;
		$('.linkImg').parent().children('.linkImg').eq(newPosBigLeft).css({'border': '2px solid #fff', 'top': '0px', 'width': '89px'});
		
		//Вешаем тригер на правую стрелку если positionBig больше 5
		if (positionBig > 5) $('#collection_small_right').trigger('click');
		
		$('#collection_slider_big').animate({
			'left': '-=' + (marginRight + widthImgBig) + 'px' //Выполняем анимацию
		}, speed);
		
		$('#img1').remove(); //Удаляем первый имг
		$('#img2').attr('id', 'img1'); //Второй имг переименовываем в первый
		$('#img3').attr('id', 'img2'); //Третий имг переименовываем во второй
		var WidthZaglushka = (positionBig - 2) * (marginRight + widthImgBig); //Высчитываем ширину для заглущки
		$('#collection_big_zaglushka').css('width', WidthZaglushka + 'px'); //Задаем заглушке ширину
		
		if (positionBig > 0 && positionBig < (arrayImg.length - 1)) { //Если позиция не первая и не последняя
			$('#collection_slider_big').append('<div style="left:70px;" class="text-align" id="img3"><img src="/catalogue/files/' + id + '/' + arrayImg[positionBig] + '_big.jpg" alt="" /></div>'); //Рисуем третий имг и пихаем в него картинку
			$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
			
			$('#img3').children('img').load(function() {
				var img3Height = $('#img3').children('img').height();
				$('#img3').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
			});
			
			$('#img3').animate({
				left: '-=70px'
			}, speedImgLoad);
			
			$('#img1').bind('click', sliderBigLeft); //Бинд по левой картинке
			$('#img3').bind('click', sliderBigRight); //Бинд по правой картинке
			$('#img1_zagl').bind('click', sliderBigLeft); //Бинд по левой заглушке
			$('#img3_zagl').bind('click', sliderBigRight); //Бинд по правой заглушке
		}
		else if (positionBig == (arrayImg.length - 1)) { //Если позиция последняя
			$('#img1').bind('click', sliderBigLeft); //Бинд по левой картинке
			$('#img1_zagl').bind('click', sliderBigLeft); //Бинд по левой заглушке
		}
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	//Функция при нажатии на левую большую картинку
	sliderBigLeft = function() {
		$('#img1').unbind('click');
		$('#img3').unbind('click');
		$('#img1_zagl').unbind('click');
		$('#img3_zagl').unbind('click');
		$('.linkImg').unbind('click');
		$('.linkImg').bind('click', clickSmallImg);
		positionBig--; //Уменьшаем счетчик на 1
		
		//Скидываем все стили на дефолт и ставим стили нужной картинке
		$('.linkImg').css({'border': 'none', 'top': '2px', 'margin-right': '9px', 'width': '91px'});
		if ((positionBig - 2) < 0) var newPosBigLeft = 0
		else var newPosBigLeft = positionBig - 1;
		$('.linkImg').parent().children('.linkImg').eq(newPosBigLeft).css({'border': '2px solid #fff', 'top': '0px', 'width': '89px'});
		
		//Вешаем тригер на левую стрелку если positionBig больше 5
		if ((arrayImg.length - 1) - 3 > positionBig) $('#collection_small_left').trigger('click');
		
		$('#collection_slider_big').animate({
			'left': '+=' + (marginRight + widthImgBig) + 'px' //Выполняем анимацию
		}, speed);
		
		$('#img3').remove(); //Удаляем третий имг
		$('#img2').attr('id', 'img3'); //Второй имг переименовываем в третий
		$('#img1').attr('id', 'img2'); //Первый имг переименовываем во второй
		if ((positionBig - 2) < 0) var newPosBigLeft = 0
		else var newPosBigLeft = positionBig - 2;
		var WidthZaglushka = (newPosBigLeft) * (marginRight + widthImgBig); //Высчитываем ширину для заглущки
		$('#collection_big_zaglushka').css('width', WidthZaglushka + 'px'); //Задаем заглушке ширину
		
		if (positionBig > 1 && positionBig < (arrayImg.length - 1)) { //Если позиция не первая и не последняя
			if ((positionBig - 2) < 0) var newPosBigLeft = 0 
			else var newPosBigLeft = positionBig - 2;
			$('#collection_big_zaglushka').after('<div class="text-align" style="left:-70px;" id="img1"><img src="/catalogue/files/' + id + '/' + arrayImg[newPosBigLeft] + '_big.jpg" alt="" />'); //Рисуем первый имг и пихаем в него картинку
			$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
			
			$('#img1').children('img').load(function() {
				var img3Height = $('#img1').children('img').height();
				$('#img1').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
			});
			
			$('#img1').animate({
				left: '+=70px'
			}, speedImgLoad);
			
			$('#collection_slider_big').children('img').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
			$('#img1').bind('click', sliderBigLeft); //Бинд по левой картинке
			$('#img3').bind('click', sliderBigRight); //Бинд по правой картинке
			$('#img1_zagl').bind('click', sliderBigLeft); //Бинд по левой заглушке
			$('#img3_zagl').bind('click', sliderBigRight); //Бинд по правой заглушке
		}
		else if (positionBig == 1) { //Если позиция первая
			$('#img3').bind('click', sliderBigRight); //Бинд по правой картинке
			$('#img3_zagl').bind('click', sliderBigRight); //Бинд по правой заглушке
		}
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	//Функция при нажатии на правую стрелку
	sliderSmallRight = function() {
		$('#collection_small_left').unbind('click');
		$('#collection_small_right').unbind('click');
		positionSmall++;
		var imageSmallWidth = parseInt($('#small_slider_block img:first').css('width'));
		var imageSmallMargin = parseInt($('#small_slider_block img:first').css('margin-right'));
		$('#small_slider_block').animate({
			left: '-=' + (imageSmallWidth + imageSmallMargin) + 'px'
		}, speedSmall, function() {
			if (positionSmall > 0 && (positionSmall) < (arrayImg.length - 8)) {
				$('#collection_small_left').css('background', 'url(/images/left_active_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_active_collection.jpg) no-repeat');
				$('#collection_small_left').bind('click', sliderSmallLeft);
				$('#collection_small_right').bind('click', sliderSmallRight);
			}
			else if (positionSmall == 0) {
				$('#collection_small_left').css('background', 'url(/images/left_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_active_collection.jpg) no-repeat');
				$('#collection_small_right').bind('click', sliderSmallRight);
			}
			else if ((positionSmall) == (arrayImg.length - 8)) {
				$('#collection_small_left').css('background', 'url(/images/left_active_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_collection.jpg) no-repeat');
				$('#collection_small_left').bind('click', sliderSmallLeft);
			}
		});
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	//Функция при нажатии на левую стрелку
	sliderSmallLeft = function() {
		$('#collection_small_left').unbind('click');
		$('#collection_small_right').unbind('click');
		positionSmall--;
		var imageSmallWidth = parseInt($('#small_slider_block img:first').css('width'));
		var imageSmallMargin = parseInt($('#small_slider_block img:first').css('margin-right'));
		$('#small_slider_block').animate({
			left: '+=' + (imageSmallWidth + imageSmallMargin) + 'px'
		}, speedSmall, function() {
			if (positionSmall > 0 && (positionSmall) < (arrayImg.length - 8)) {
				$('#collection_small_left').css('background', 'url(/images/left_active_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_active_collection.jpg) no-repeat');
				$('#collection_small_left').bind('click', sliderSmallLeft);
				$('#collection_small_right').bind('click', sliderSmallRight);
			}
			else if (positionSmall == 0) {
				$('#collection_small_left').css('background', 'url(/images/left_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_active_collection.jpg) no-repeat');
				$('#collection_small_right').bind('click', sliderSmallRight);
			}
			else if ((positionSmall) == (arrayImg.length - 8)) {
				$('#collection_small_left').css('background', 'url(/images/left_active_collection.jpg) no-repeat');
				$('#collection_small_right').css('background', 'url(/images/right_collection.jpg) no-repeat');
				$('#collection_small_left').bind('click', sliderSmallLeft);
			}
		});
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	//Клик по маленькой картинке
	clickSmallImg = function() {
		$('.linkImg').unbind('click');
		$('.linkImg').bind('click', clickSmallImg);
		$(this).unbind('click');
		$('#img1').unbind('click');
		$('#img3').unbind('click');
		$('#img1_zagl').unbind('click');
		$('#img3_zagl').unbind('click');
		
		//Скидываем все стили на дефолт и ставим стили нужной картинке
		$('.linkImg').css({'border': 'none', 'top': '2px', 'margin-right': '9px', 'width': '91px'});
		$(this).css({'border': '2px solid #fff', 'top': '0px', 'width': '89px'});
		
		//Определяем новые пути для левой и правой картинки
		var newLeft = $(this).prev().attr('src');
		var newRight = $(this).next().attr('src');
		
		//Высчитываем новую позицию большой картинки
		var newThis = $(this).attr('src').split('/');
		newThis = parseInt(newThis[4]);
		for (var i = 0; i < (arrayImg.length - 1); i++) {
			if (arrayImg[i] == newThis) {
				positionBig = i + 1;
				break;
			}
		}
		
		//Задаем ширину заглушке и двигаем div с верхними картинками
		if ((positionBig - 2) < 0) var newPosBigLeft = 0
		else var newPosBigLeft = positionBig - 2;
		var WidthZaglushka = (newPosBigLeft) * (marginRight + widthImgBig); //Высчитываем ширину для заглущки
		$('#collection_big_zaglushka').css('width', WidthZaglushka + 'px'); //Задаем заглушке ширину
		$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
		if ((positionBig - 1) < 0) var newPosBigLeft = 1
		else var newPosBigLeft = positionBig - 1;
		if (newPosBigLeft == 0) {
			$('#collection_slider_big').css('left', leftBig + 'px');
		}
		else {
			var newPosLeftBig = (marginRight + widthImgBig) * newPosBigLeft;
			$('#collection_slider_big').css('left', '-' + (newPosLeftBig - leftBig) + 'px');
		}
		
		var idImg1 = $('#img1').attr('id');
		var idImg3 = $('#img3').attr('id');
		//Прячем правую большую картинку, и после загрузки выводим новую
		if (newRight) {
			if (idImg3) {
				$('#img3').animate({
					left: '+=70px'
				},speedImgLoad, function() {
					newRight = newRight.substr(0, (newRight.length - 10));
					$('#img3').remove();
					$('#img2').after('<div class="text-align" style="left:70px;" id="img3"><img src="' + newRight + '_big.jpg" alt="" /></div>');
					$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
					$('#img3').children('img').load(function() {
						$('#img3').animate({
							left: '-=70px'
						}, speedImgLoad);
						
						var img3Height = $('#img3').children('img').height();
						$('#img3').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
					});
					$('#img3').bind('click', sliderBigRight); //Бинд по правой картинке
					$('#img3_zagl').bind('click', sliderBigRight); //Бинд по правой заглушке
				});
			}
			else {
				newRight = newRight.substr(0, (newRight.length - 10));
				$('#img2').after('<div class="text-align" style="left:70px;" id="img3"><img src="' + newRight + '_big.jpg" alt="" /></div>');
				$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
				$('#img3').children('img').load(function() {
					$('#img3').animate({
						left: '-=70px'
					}, speedImgLoad);
					
					var img3Height = $('#img3').children('img').height();
					$('#img3').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
				});
				$('#img3').bind('click', sliderBigRight); //Бинд по правой картинке
				$('#img3_zagl').bind('click', sliderBigRight); //Бинд по правой заглушке
			}
		}
		else {
			$('#img3').remove();
		}
		
		//Прячем левую большую картинку, и после загрузки выводим новую
		if (newLeft) {
			if (idImg1) {
				$('#img1').animate({
					left: '-=70px'
				},speedImgLoad, function() {
					newLeft = newLeft.substr(0, (newLeft.length - 10));
					$('#img1').remove();
					$('#img2').before('<div class="text-align" style="left:-70px;" id="img1"><img src="' + newLeft + '_big.jpg" alt="" /></div>');
					$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
					$('#img1').children('img').load(function() {
						$('#img1').animate({
							left: '+=70px'
						}, speedImgLoad);
						
						var img1Height = $('#img1').children('img').height();
						$('#img1').children('img').css('margin-top', ((564 - img1Height) / 2) + 'px');
					});
					$('#img1').bind('click', sliderBigLeft); //Бинд по левой картинке
					$('#img1_zagl').bind('click', sliderBigLeft); //Бинд по левой заглушке
				});
			}
			else {
				newLeft = newLeft.substr(0, (newLeft.length - 10));
				$('#img2').before('<div class="text-align" style="left:-70px;" id="img1"><img src="' + newLeft + '_big.jpg" alt="" /></div>');
				$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px'); //Задаем всем картинкам правый отступ
				$('#img1').children('img').load(function() {
					$('#img1').animate({
						left: '+=70px'
					}, speedImgLoad);
					
					var img1Height = $('#img1').children('img').height();
					$('#img1').children('img').css('margin-top', ((564 - img1Height) / 2) + 'px');
				});
				$('#img1').bind('click', sliderBigLeft); //Бинд по левой картинке
				$('#img1_zagl').bind('click', sliderBigLeft); //Бинд по левой заглушке
			}
			
		}
		else {
			$('#img1').remove();
		}
		
		//Меняем большую картинку на новую
		var newBigImg = $(this).attr('src');
		newBigImg = newBigImg.substr(0, (newBigImg.length - 10));
		$('#img2').children('img').attr('src', newBigImg + '_big.jpg');
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	//Функция запускается при нажатии на картинку коллекции
	clickCollectionOpen = function() {
		//Собираем картинки в массив и проверяем на наличие внутренних картинок
		arrayImg = $(this).parent().children('.hide_img').html();
		arrayImg = arrayImg.split(",");
		if ((arrayImg.length - 1) == 1) return false;
		
		$('.link_photo').unbind('click');
		
		//Определяем все начальные переменные
		widthDocument = $(document).width(); //Ширина документа
		heightDocument = $(document).height(); //Высота документа
		widthWindow = $(window).width(); //Ширина окна
		heightWindow = $(window).height(); //Высота окна
		name = $(this).parent().children('a:eq(1)').html(); //Название коллекции
		id = $(this).parent().children('.id_elem').html(); //ID коллекции
		marginRight = (widthWindow - ((70 * 2) + widthImgBig)) / 2; //Определяем расстояние между картинками
		
		//Добавляем в body все необходимые элементы
		$('body').append('<div id="collection_main" style="width:' + widthWindow + 'px; height:' + heightDocument + 'px;"></div><div id="collection_main2" style="width:' + widthWindow + 'px; height:' + heightDocument + 'px;"><div id="img1_zagl"></div><div id="img2_zagl"></div><div id="img3_zagl"></div><a id="collection_close" href="#">Закрыть</a><div id="collection_title">' + name + '</div><div id="collection_slider_big"></div><div id="collection_slider_small"></div></div>');
		
		//Задаем #collection_slider_big ширину и начальный отступ слева
		var widthBig = (arrayImg.length) * widthImgBig + (marginRight * (arrayImg.length)); //Определяем размер #collection_slider_big
		leftBig = (widthWindow / 2) - (widthImgBig / 2);
		$('#collection_slider_big').css({'width': widthBig + 'px', 'left': leftBig + 'px'});
		
		//Выводим большие картинки и задаем им отступ справа
		$('#collection_slider_big').append('<div id="collection_big_zaglushka"></div><div class="text-align" id="img2"><img src="/catalogue/files/' + id + '/' + arrayImg[0] + '_big.jpg" alt="" /></div><div class="text-align" id="img3"><img src="/catalogue/files/' + id + '/' + arrayImg[1] + '_big.jpg" alt="" /></div>');
		$('#collection_slider_big').children('.text-align').css('margin-right', marginRight + 'px');
		
		$('#img2').children('img').load(function() {
			var img3Height = $('#img2').children('img').height();
			$('#img2').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
		});
		
		$('#img3').children('img').load(function() {
			var img3Height = $('#img3').children('img').height();
			$('#img3').children('img').css('margin-top', ((564 - img3Height) / 2) + 'px');
		});
		
		//Собираем все маленькие картинки в строку
		var nameSmallImg = "";
		for (var i = 0; i < (arrayImg.length - 1); i++) {
			nameSmallImg = nameSmallImg + "<img class='linkImg' src='/catalogue/files/" + id + "/" + arrayImg[i] + "_small.jpg' alt='' />";
		}
		
		//Выводим маленькие картинки
		$('#collection_slider_small').append('<div id="small_padding"><div id="small_pos"><div id="small_slider_block">' + nameSmallImg + '</div></div></div>');
		$('#collection_slider_small').css('left', (leftBig - 19) + 'px');
		$('#small_slider_block img:first').css({'border': '2px solid #fff', 'top': '0px'});
		
		//Проверяем, нужны стрелки для маленьких картинок или нет и вешаем бинд на правую стрелку
		if ((arrayImg.length - 1) > 7) {
			$('#small_padding').append('<div id="collection_small_left"></div><div id="collection_small_right"></div>');
			$('#collection_small_right').bind('click', sliderSmallRight);
		}
		
		$('.linkImg').bind('click', clickSmallImg);
		$('#img3_zagl').bind('click', sliderBigRight);
		$('#img3').bind('click', sliderBigRight);
		$('#collection_close').bind('click', clickCollectionClose);
		
		rightClick(); //Отменяем клик по картинкам правой кнопкой мыши
	}
	
	clickCollectionClose = function() {
		$('#collection_close').unbind('click');
		$('#collection_main').remove();
		$('#collection_main2').remove();
		positionBig = 1;
		positionSmall = 0;
		$('.link_photo').bind('click', clickCollectionOpen);
	}
	
	$('.link_photo').bind('click', clickCollectionOpen); //Задаем клик по коллекциям
	//Конец (Попап в коллекциях)
	
	
	//ПОПАП ПРОСТОЙ
	var widthDoc = $(document).width();       //Ширина документа
	var heightDoc = $(document).height();     //Высота документа
	var widthWin = $(window).width();         //Ширина окна
	var heightWin = $(window).height();       //Высота окна
	var link_img;                             //Переменная для ссылки на новую картинку
	var widthImage;                           //Переменная для ширины новой картинки после её загрузки
	var heightImage;                          //Переменная для высоты новой картинки после её загрузки
	var scrollTop;                            //Считаем расстояние сверху
	var popupNormalSpeed = 500;               //Скорость анимации попапа
	var proportion;                           //Переменная для сохранения пропорции
	var widthMaxImg = 800;                    //Максимальная ширина картинки
	var heightMaxImg = 500;                   //Максимальная высота картинки
	var widthLoad = 190;                      //Ширина плашки с загрузкой
	var heightLoad = 65;                      //Высота плашки с загрузкой
	var pos;                                  //Переменная для определения, сколько сделать отступ сверху
	var topNormalAnimate;
	var leftNormalAnimate;
	
	$(window).resize(function() {
		widthDoc = $(document).width();
		heightDoc = $(document).height();
		widthWin = $(window).width();
		heightWin = $(window).height();
		scrollTop = $(window).scrollTop();
		widthImage = $('#img_popup').parent().width();
		heightImage = $('#img_popup').parent().height();
		pos = scrollTop + (heightImage - heightLoad) / 2;
		
		topNormalAnimate = (heightWin - heightImage) / 2;
		if ((topNormalAnimate - 70) < 0) {
			topNormalAnimate = scrollTop + 70;
		}
		else {
			topNormalAnimate = scrollTop + topNormalAnimate;
		}
		
		$('#img_popup').parent().css('left', ((widthDoc - widthImage) / 2) + 'px');
		$('#img_popup').parent().css('top', topNormalAnimate + 'px');
	});
	
	popupNormalOn = function() {
		$('#content a img').unbind('click');
		widthDoc = $(document).width();
		heightDoc = $(document).height();
		widthWin = $(window).width();
		heightWin = $(window).height();
		scrollTop = $(window).scrollTop();
		
		//Выводим фоновую плашку
		if ($.browser.msie) $('body').append('<div id="popup_normal_fon" style="width:' + (widthDoc - 26) + 'px; height:' + heightDoc + 'px;"></div>');
		else $('body').append('<div id="popup_normal_fon" style="width:' + widthDoc + 'px; height:' + heightDoc + 'px;"></div>');
		
		//Выводим загрузку
		$('body').append('<div id="popup_normal_load" style="top:' + (((heightWin - heightLoad) / 2) + scrollTop) + 'px; left:' + ((widthWin - widthLoad) / 2) + 'px;"><div id="popup_normal_load_text">Загрузка...</div></div>');
		
		//Загружаем картинку скрытым слоем и ждем пока что она подгрузится
		link_img = $(this).parent().attr('href');
		$('body').append('<img style="display:none;" src="' + link_img + '" id="img_load" alt="" />');
		$('#img_load').load(function() {
			widthImage = $('#img_load').width();
			heightImage = $('#img_load').height();
			
			//Если ширина больше максимальной, то высчитываем пропорции
			if (widthImage > widthMaxImg) {
				if (widthImage > heightImage) {
					proportion = widthImage / heightImage;
					widthImage = widthMaxImg;
					heightImage = widthMaxImg / proportion;
				}
				else {
					proportion = heightImage / widthImage;
					heightImage = heightMaxImg;
					widthImage = heightMaxImg / proportion;
				}
			}
			
			if (heightImage > heightWin) {
				pos = (heightImage - heightLoad) / 2;
			}
			else {
				pos = (heightImage - heightLoad) / 2;
			}
			
			$('#popup_normal_load_text').remove();
			$('#popup_normal_load').append('<a style="right:0px; top:-55px;" id="collection_close" class="popup_normal_close" href="#">Закрыть</a><img id="img_popup" src="' + link_img + '" alt="" />');
			if (widthImage > heightImage) $('#img_popup').css('max-width', widthMaxImg + 'px');
			else $('#img_popup').css('max-height', heightMaxImg + 'px');
			
			topNormalAnimate = (heightWin - heightImage) / 2;
			if ((topNormalAnimate - 70) < 0) {
				topNormalAnimate = pos + topNormalAnimate - 70;
			}
			else {
				topNormalAnimate = pos;
			}
			
			$('#popup_normal_load').css('background', 'none');
			$('#popup_normal_load').animate({
				height: '+=' + (heightImage - heightLoad) + 'px',
				top: '-=' + topNormalAnimate + 'px',
				width: '+=' + (widthImage - widthLoad) + 'px',
				left: '-=' + ((widthImage - widthLoad) / 2) + 'px'
			}, popupNormalSpeed, function() {
				$('#popup_normal_fon').bind('click', popupNormalOff);
				$('.popup_normal_close').bind('click', popupNormalOff);
				rightClick();
			});
		});
		
		return false;
	}
	
	popupNormalOff = function() {
		$('#popup_normal_fon').unbind('click');
		$('.popup_normal_close').unbind('click');
		
		$('#popup_normal_fon').fadeOut(300, function() {
			$('#popup_normal_fon').remove();
		});
		
		$('#popup_normal_load').remove();
		$('#img_load').remove();
		$('#content a img').bind('click', popupNormalOn);
	}
	
	$('#content a img').bind('click', popupNormalOn);
	//КОНЕЦ(ПОПАП ПРОСТОЙ)
	
	
	/*ОТКРЫТИЕ И ЗАКРЫТИЕ ФИДБЕК ФОРМЫ*/
	$('#smile1').click(function() {
		$('#feedback_block').show();
		$('#hidden_form').attr('value', '1');
		$('#type_message').html('Похвалите нас');
		return false;
	});
	
	$('#smile2').click(function() {
		$('#feedback_block').show();
		$('#hidden_form').attr('value', '2');
		$('#type_message').html('Предложите нам');
		return false;
	});
	
	$('#smile3').click(function() {
		$('#feedback_block').show();
		$('#hidden_form').attr('value', '3');
		$('#type_message').html('Поругайте нас');
		return false;
	});
	
	
	$('#feedback_block_close').click(function() {
		$('#feedback_block').hide();
		$('#hidden_form').attr('value', '');
	});
	/*КОНЕЦ (ОТКРЫТИЕ И ЗАКРЫТИЕ ФИДБЕК ФОРМЫ)*/
	
	
	//ПЛЕЕР
	var music = 0;
	grammofonClick = function() {
		if (music == 1) {
			$('#grammofon').css('background', 'url(/images/gr_off.jpg) no-repeat');
			music = 0;
			$.cookie('dr_music', 'false', {expires: 700, path: '/'});
			uppodSend('player','stop');
		}
		else {
			$('#grammofon').css('background', 'url(/images/gr.jpg) no-repeat');
			music = 1;
			$.cookie('dr_music', 'true', {expires: 700, path: '/'});
			uppodSend('player','play');
		}
	}
	
	$('#grammofon').bind('click', grammofonClick);
	
	//КОНЕЦ (ПЛЕЕР)
});

