$(document).ready(function(){	
	$('.priceTable th').each(function() {
		var text = $(this).children('span').text();
		if (text === 'До 210 р.') {
			$(this).hide();
		}
	});

	$('.priceTable td').each(function() {
		$('.name').next().hide();
	});
	
	var myHash = document.location;
	if (myHash == 'http://sp-valensia.ru/catalog/divan-book/32.html') {
		$('.popUpPrice').html('<div class="inner"><div class="content"><h4>Прайс цен на модель <span></span></h4><a href="" class="closeWindow">Закрыть окно [x]</a><table border="1" class="priceTable"><tbody><tr><th>&nbsp;</th><th style="display: none;"><span>До 210 р.</span></th><th><span>210-240 р.</span></th><th><span>240-270 р.</span></th><th><span>270-300 р.</span></th><th><span>300-350 р.</span></th><th><span>350-400 р.</span></th><th><span>400-450 р.</span></th><th><span>450-500 р.</span></th></tr><tr><td class="name">Диван-кровать</td><td style="display: none;">5000</td><td>5500</td><td>6000</td><td>6500</td><td>7000</td><td>7500</td><td>8000</td><td>8500</td></tr></tbody></table></div></div>');
	}
	
	if (myHash == 'http://sp-valensia.ru/catalog/divan-book/33.html') {	
		$('.hitsIndex').after('<div class="popUpPrice"><div class="inner"><div class="content"><h4>Прайс цен на модель <span></span></h4><a href="" class="closeWindow">Закрыть окно [x]</a><table border="1" class="priceTable"><tbody><tr><th>&nbsp;</th><th style="display: none;"><span>До 210 р.</span></th><th><span>210-240 р.</span></th><th><span>240-270 р.</span></th><th><span>270-300 р.</span></th><th><span>300-350 р.</span></th><th><span>350-400 р.</span></th><th><span>400-450 р.</span></th><th><span>450-500 р.</span></th></tr><tr><td class="name">Диван-кровать</td><td style="display: none;">11700</td><td>11700</td><td>12400</td><td>13000</td><td>13700</td><td>14300</td><td>15000</td><td>15600</td></tr></tbody></table></div></div></div>');
	}
});

$(function () {

	/* РАСТЯЖКА ФОНА ДЛЯ .container */
	$.fn.templateResize = function() {
		var pageHeight = $('#wrapper').innerHeight();
		var headerHeight = $('#header').innerHeight();
		var footerHeight = $('#footer').innerHeight();
		var requiredHeight = pageHeight - headerHeight - footerHeight;
		if ($('#container').innerHeight() < requiredHeight) {
			$('#container').css({ minHeight: requiredHeight });
		}
	}; $(window).templateResize(); window.onresize=function() { $(this).templateResize(); }


	/* ИНТЕРЬЕР С РЕБЕНКОМ - вертикальное выравнивание элемента в кружке */
	function babyInteriorElementValign() {
		var circle = $('.babyInterior .circle');
		var img = circle.children('img');
		var circleHeight = circle.height();
		var imgHeight = img.height();
		var margin = (circleHeight - imgHeight) / 2;
		img.css({ marginTop: margin });
	}; babyInteriorElementValign();





	/* ВСПЛЫВАЮЩЕЕ ОКНО С ВЫБОРОМ ТКАНЕЙ */
	function popUp()
	{
		var popUpContainer = $('.popUpWindow');
		var popUp = $('.popUpWindow').children('.inner');
		var matClicked; // содержит ссылку на материал, который выбирает пользователь
		var dspClicked; // содержит ссылку на дсп, который выбирает пользователь
		// содержит максимальную выбранную ценовую категорию для рассчета
		var matId1 = '';
		var matId2 = '';
		var maxPrice1 = ''; //для основной ткани
		var maxPrice2 = ''; // для ткани компаньона
		var maxPriceTotal = ''; // для самой большой цены
		var mat1Index='';
		var mat2Index='';
			//alert('mat1Index='+mat1Index+'; mat2Index='+mat2Index);	

		// получаем цены для рассчетов, пока пользователь еще не менял ткани
		function initPrices () {
			matId1 = $('.customizing a.mat1').attr('id'); //999
			matId2 = $('.customizing a.mat2').attr('id'); //999
			if(matId1) matId1=matId1.substring(1); //уменьшаем на первый символ, а то валидатор ругался на повторяющиеся id
			if(matId2) matId2=matId2.substring(1);
			mat1Index = $(popUp).find('img#'+ matId1).parents('ul').index('.materials');
			mat2Index = $(popUp).find('img#'+ matId2).parents('ul').index('.materials');	
			if(!mat1Index || mat1Index==-1) mat1Index=0;
			if(!mat2Index || mat2Index==-1) mat2Index=0;
			//alert('mat1Index='+mat1Index+'; mat2Index='+mat2Index);
			maxPrice1 = $(popUp).find('ol li').eq(mat1Index).find('span').html();
			maxPrice2 = $(popUp).find('ol li').eq(mat2Index).find('span').html();
			//alert('maxPrice1='+maxPrice1+'; maxPrice2='+maxPrice2);
		}; initPrices();

		// функция для проверки самой большой цены
		$.fn.getMaxPrice = function () {
			if (mat1Index > mat2Index) maxPriceTotal = maxPrice1;
			else maxPriceTotal = maxPrice2;
			
		} // getMaxPrice end 

		// получаем максимальную цену для рассчетов, пока пользователь еще не менял ткани
		$(popUp).getMaxPrice();
		//alert('maxPriceTotal='+maxPriceTotal);

		// функция для рассчета цены, которая отобразится в форме
		$.fn.getNewPrice = function () {
			// находим выбранный элемент в выпадающем списке размеров в форме
			var selectValue = $('.sizePad :selected').index();

			// находим ячейку с нужной ценой
			var cell;
			$('.popUpPrice .priceTable th').each(function () {
				if ($(this).children('span').html() == maxPriceTotal) cell = $(this).index();
			});
			// устанавливаем индекс, откуда взять цену, если ткань по умолчанию не выбрана
			if(!cell) cell=1;
			// находим нужную цену в нужной строке и записываем ее в форму
			var cost = $('.popUpPrice .priceTable tr:has(td)').eq(selectValue).children('td').eq(cell).html();
			$('.customizing .price span').html(cost);
			// записываем цену в скрытое поле формы
			$('#price_hide').val(cost);
			// обновляем ценовую категорию возле картинок с тканями в форме
			//var priceCat;
			//if (matClicked == 'mat1') priceCat = $('.customizing #groupPrice1').val();
			//else priceCat = $('.customizing #groupPrice2').val();
			//$('.customizing').find('img.'+matClicked).parents('td').siblings('.materialSense').find('span').html(priceCat);
		}

		// рассчитываем цену, когда меняется позиция
		$('.sizePad select').change(function () {
			//alert('max='+maxPriceTotal);
			if (maxPriceTotal != '') $(this).getNewPrice();
		});

		// показываем всплывающее окно при клике на картинку материала в форме
		$('.customizing .materialSense a.mat1, .customizing .materialSense a.mat2').click(function () { //999

			// запоминаем, какую ткань выбираем: основную или компаньона
			matClicked = $(this).attr('class');

			//Загружаем в окно выбранную группу тканей
			id_mat=(matClicked == 'mat1')?(matId1):(matId2);
			grIndex=(matClicked == 'mat1')?(mat1Index):(mat2Index);
			req.onreadystatechange = function() { 
				if (req.readyState == 4) {
					//alert(req.responseText);
					if(req.responseJS){
						$('#loader').html('');
						$("#material_gr_"+grIndex).html(req.responseJS.res);
						
						// убираем существующую рамку, прячем ее родителя и выбранную ценовую категорию
						$(popUp).find('img.current').removeClass('current').parents('ul').hide();
						$(popUp).find('ol a.selected').removeClass('selected');
						
						// узнаем id кликнутой картинки и по нему показываем нужную ценовую категорию
						// а также обводим текущую картинку в цветную рамочку (.current)
						//var imgId = $(this).attr('id');
						var imgId = id_mat;
						$(popUp).find('img#'+imgId).addClass('current').parents('ul').show();
						var categoryToSelect = $(popUp).find('img#'+imgId).parents('ul').index('.materials');
						$(popUp).find('ol li').eq(categoryToSelect).children('a').addClass('selected');
						// инициализируем клик по картинке
						clickImage();
					}
				}
			}
			req.open(null, "/modul/scripts/srv_popUpWindow.php", false);
			req.send( {'action': 'showSelectGr', 'id': id_mat} );			
			
			// ставим правильный заголовок
			if ( matClicked == 'mat1'){
				$(popUp).find('h4.mat1').css('display', 'block');
				$(popUp).find('h4.mat2').css('display', 'none');
			}
			else{
				$(popUp).find('h4.mat1').css('display', 'none');
				$(popUp).find('h4.mat2').css('display', 'block');
			}
						
			if ($.browser.msie) {
				$(popUpContainer).show();
				//$(popUp).valign();
			} else {
				$(popUpContainer).show().css({ opacity: 0 }).animate({ opacity: 1 }, 400);
				$(popUp).css({ opacity: 0 }).animate({ opacity: 1 }, 400);
			}

			return false;
		});


		
		// закрываем окно при клике на ссылку "закрыть"
		$(popUpContainer).find('a.closeWindow').click(function () {
			if ($.browser.msie) {
				$(popUpContainer).hide();
				$(popUp).find('ul').hide();
			} else {
				$(popUp).animate({ opacity: 0 }, 400);
				$(popUpContainer).animate({ opacity: 0 }, 400, function () {
					$(this).hide();
					/* лечим глюк - если изменить ценовую категорию, но ничего не выбрать,
					то в след раз показывается одновременно 2 категории */
					$(popUp).find('ul').hide();
				});
			}
			return false;
		});
		
		// закрываем окно при клике "Esc"
		$(document).keyup(function(e) {
			if (e.keyCode == 27) {
				$(popUpContainer).find('a.closeWindow').trigger('click');
			}
		});		

		// выбор ценовой категории
		$(popUpContainer).find('ol a').click(function () {

			// выбираем текущий пункт группы
			$(this).parent('li').siblings().find('a.selected').removeClass('selected');
			$(this).addClass('selected');
			$(popUp).find('ul').hide();
			$('#loader').html('<img src="/images/loading-small.gif" />');
			// отображаем материалы из выбранной группы
			var index = $(this).parent('li').index();
			idGr = $(this).parent('li').attr('id');
			//Загружаем в окно выбранную группу тканей
			req.onreadystatechange = function() { 
				if (req.readyState == 4) {
					//alert(req.responseText);
					if(req.responseJS){
						$("#material_gr_"+index).html(req.responseJS.res);
						$('#loader').html('');
						$(popUp).find('ul').eq(index).show();
						id_mat=(matClicked == 'mat1')?(matId1):(matId2);
						//рисуем рамочку вокруг выбранной картинки 
						$(popUp).find('img#'+id_mat).addClass('current');
						// инициализируем клик по картинке
						clickImage();
					}
				}
			}
			req.open(null, "/modul/scripts/srv_popUpWindow.php", false);
			req.send( {'action': 'showGr', 'id': idGr} );			
			
			return false;
		});

		function clickImage(){
			// получаем и записываем выбранную ткань и цену группы
			$(popUpContainer).find('ul img').click(function () {
				// добавляем рамочку выбранной картинке
				$(popUp).find('img.current').removeClass('current');
				$(this).addClass('current');
				
				// ставим нужную картинку в форму и заменяем ее id
				var pic = $(this).attr('src');
				$('.customizing').find('img.'+matClicked).attr('src', pic);
				var picId = $(this).attr('id');
				$('.customizing').find('a.'+matClicked).attr('id', picId);
				
				// меняем ссылку и title для выбранной ткани (ссылка на увеличенную картинку ткани)
				var picNazv = $(this).attr('title');
				$('.customizing').find('img.'+matClicked).parent('a').attr('title', picNazv); //999
				// выводим название ткани в спан
				$('.customizing').find('#'+matClicked+'_yourChoice').text(picNazv); //999
				var picBig = $(this).attr('alt');
				$('.customizing').find('img.'+matClicked).parent('a').attr('href', picBig); //999
				//alert(picBig+'='+picNazv);
				// записываем id ткани в скрытое поле для отправки
				if (matClicked == 'mat1') $('.customizing #mat1val').val(picId);
				else $('.customizing #mat2val').val(picId);
				// записываем цену группы в скрытое поле для отправки
				// также меняем ценовую категорию для рассчета стоимости
				var groupPrice_index = $(this).parents('ul').index('.materials');
				groupPrice = $(popUp).find('ol li').eq(groupPrice_index).find('span').html();
				if (matClicked == 'mat1') {
					$('.customizing #groupPrice1').val(groupPrice);
					$('.customizing #groupPrice1_').text(groupPrice);
					mat1Index = groupPrice_index;
					maxPrice1 = groupPrice;	
					matId1 = this.id;
				}
				else {
					$('.customizing #groupPrice2').val(groupPrice);
					$('.customizing #groupPrice2_').text(groupPrice);
					mat2Index = groupPrice_index;
					maxPrice2 = groupPrice;
					matId2 = this.id;
				}
				// узнаем самую большую ценовую категорию и рассчитываем цену
				$(this).getMaxPrice();
				$(this).getNewPrice();
				// прячем окно (код дублирован для сохранения анимации)
				if ($.browser.msie) {
					$(popUpContainer).hide();
				} else {
					$(popUp).animate({ opacity: 0 }, 400);
					$(popUpContainer).animate({ opacity: 0 }, 400, function () {
						$(this).hide();
					});
				}
			});		
		}


	} popUp();




	/* ВСПЛЫВАЮЩЕЕ ОКНО С ПРАЙСОМ */
	function popUpPrice()
	{
		var popUpContainer = $('.popUpPrice');
		var popUp = $('.popUpPrice').children('.inner');

		// центрирование по вертикали
		$.fn.valign = function () {
			var popUpHeight = $(this).innerHeight();
			$(this).css({ marginTop: -(popUpHeight/2) });
		}

		// показываем прайс
		$('.customizing a.showPrice').click(function () {
			if ($.browser.msie) {
				$(popUpContainer).show();
				$(popUp).valign();
			} else {
				$(popUpContainer).show().css({ opacity: 0 }).animate({ opacity: 1 }, 400);
				$(popUp).css({ opacity: 0 }).animate({ opacity: 1 }, 400).valign();
			}
			return false;
		});

		// закрываем окно при клике на ссылку "закрыть"
		$(popUpContainer).find('a.closeWindow').click(function () {
			if ($.browser.msie) {
				$(popUpContainer).hide();
			} else {
				$(popUp).animate({ opacity: 0 }, 400);
				$(popUpContainer).animate({ opacity: 0 }, 400, function () {
					$(this).hide();
				});
			}
			return false;
		});
	} popUpPrice();

	
	/* ФОРМА ЗАКАЗА - ОТПРАВЛЯЕМ ПО ENTER
	-------------------------------------------------------------------------*/
	$('#submitOrder .submit a').click(function () {
		//$(this).parents('form').submit();
		submitOrder('submitOrder');//submitOrder();
		return false;
	});
	$('#submitOrder input').keypress(function (e) {
		if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13))
			//$(this).parents('form').submit();
			submitOrder('submitOrder');//submitOrder();
	});
	$('#submitOrder input').focus(function () {
		$(this).val('');
	});

	
	/* ФОРМА ПОИСКА 
	-------------------------------------------------------------------------*/
	$('#search .submit a').click(function () {
		$(this).parents('form').submit();
		return false;
	});
	$('#search input').keypress(function (e) {
		if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13))
			$(this).parents('form').submit();
	});
	$('#search input').focus(function () {
		$(this).val('');
	});	
	
	
	/* выезжающая ссылка "Заказать" на фотографиях каталога
	-------------------------------------------------------------------------*/
	$('.catalogGallery ul li .design').hover(
		function () {
			$(this).children('p').slideDown(100);
		},
		function () {
			$(this).children('p').slideUp(100);
		}
	);

	/* ПЕРЕКЛЮЧЕНИЕ ТКАНЕЙ НА СТРАНИЦЕ ТКАНЕЙ
	-------------------------------------------------------------------------*/
	var catMatContainer = $('.catMaterials');
	
	//выбираем первую группу
	//$(catMatContainer).find('ol a:first').addClass('selected');
	$(catMatContainer).find('ol a').eq(0).addClass('selected');
	$(catMatContainer).find('ul').eq(0).show(); 
	
	// выбор ценовой категории
	$(catMatContainer).find('ol a').click(function () {
		// выбираем текущий пункт группы
		$(this).parent('li').siblings().find('a.selected').removeClass('selected');
		$(this).addClass('selected');
		// отображаем материалы из выбранной группы
		var index = $(this).parent('li').index();
		$(catMatContainer).find('ul').hide().eq(index).show(); 
		return false;
	});	
	
	/* блок с движущейся стрелкой */
	$.fn.movingArrow = function ()
	{
		var MAbody = $(this);
		var speed = 250; // скорость анимации
		var position = {
			p1: 18,
			p2: 78,
			p3: 138
		};

		// отображаем по-умолачанию первый блок
		$(MAbody).find('.pics img:first').show();
		$(MAbody).find('.title span:first').show();
		$(MAbody).find('.addText span:first').show();
		$(MAbody).find('.links a:first').addClass('selected');
		$(MAbody).find('.movingBlock').show().css({ top: position.p1 });
		// двигаем стрелку
		$(MAbody).find('.links a').mouseenter(function () {
			if (!$(this).hasClass('selected') && !$(MAbody).find('.movingBlock').is(':animated'))
			{
				var index = $(this).index();

				// меняем положение стрелки
				var newPosition;
				if (index == 0) newPosition = position.p1;
				else if (index == 1) newPosition = position.p2;
				else if (index == 2) newPosition = position.p3;
				$(MAbody).find('.movingBlock').animate({ top: newPosition }, speed, function () {
					$(MAbody).find('.links a.selected').removeClass();
					$(MAbody).find('.links a').eq(index).addClass('selected');
				});

				// меняем картинку
				$(MAbody).find('.pics img').eq(index).show().css({ opacity: 0 }).animate({ opacity: 1 }, speed);
				$(MAbody).find('.pics img').not('img:eq('+index+')').animate({ opacity: 0 }, speed, function () {
					$(this).hide();
				});

				// меняем заголовок
				$(MAbody).find('.title span').eq(index).show();
				$(MAbody).find('.title span').not('span:eq('+index+')').hide();
				// меняем дополнительный текст
				$(MAbody).find('.addText span').eq(index).show();
				$(MAbody).find('.addText span').not('span:eq('+index+')').hide();
			}
		});
	}; $('.movingArrow').movingArrow();	
	
	
	/* ВСПЛЫВАЮЩЕЕ ОКНО С ВАРИАНТАМИ ДСП */
	function popUpDSP()
	{ 
		var popUpContainer = $('.popUpDSP');
		var popUp = $('.popUpDSP').children('.inner');

		// центрирование по вертикали
		$.fn.valign = function () {
			var popUpHeight = $(this).innerHeight();
			$(this).css({ marginTop: -(popUpHeight/2) });
		}

		// показываем окно с вариантами
		$('.customizing .materialSense a.dsp1, .customizing .materialSense a.dsp2').click(function () {
			// запоминаем, какую характеристику ДСП выбираем
			dspClicked = $(this).attr('class');
			
			if ($.browser.msie) {
				$(popUpContainer).show();
				$(popUp).valign();
			} else {
				$(popUpContainer).show().css({ opacity: 0 }).animate({ opacity: 1 }, 400);
				$(popUp).css({ opacity: 0 }).animate({ opacity: 1 }, 400).valign();
			}
			return false;
		});

		// закрываем окно при клике на ссылку "закрыть"
		$(popUpContainer).find('a.closeWindow').click(function () {
			if ($.browser.msie) {
				$(popUpContainer).hide();
			} else {
				$(popUp).animate({ opacity: 0 }, 400);
				$(popUpContainer).animate({ opacity: 0 }, 400, function () {
					$(this).hide();
				});
			}
			return false;
		});

		// получаем и записываем выбранный образец
		$(popUpContainer).find('ul img').click(function () {
			// добавляем рамочку выбранной картинке
			$(popUp).find('img.current').removeClass('current');
			$(this).addClass('current');
			
			// ставим нужную картинку в форму
			var pic = $(this).attr('src');
			$('.customizing').find('img.'+dspClicked).attr('src', pic);
			var picId = $(this).attr('id');
			$('.customizing').find('a.'+dspClicked).attr('id', picId);
			
			// меняем ссылку и title для выбранного образца
			var picNazv = $(this).attr('title');
			$('.customizing').find('img.'+dspClicked).parent('a').attr('title', picNazv); 
			// выводим название цвета в спан
			$('.customizing').find('#'+dspClicked+'_yourChoice').text(picNazv);
			var picBig = $(this).attr('alt');
			$('.customizing').find('img.'+dspClicked).parent('a').attr('href', picBig);

			// записываем id dsp в скрытое поле для отправки
			$('.customizing #'+dspClicked+'val').val(picId);

			// прячем окно (код дублирован для сохранения анимации)
			if ($.browser.msie) {
				$(popUpContainer).hide();
			} else {
				$(popUp).animate({ opacity: 0 }, 400);
				$(popUpContainer).animate({ opacity: 0 }, 400, function () {
					$(this).hide();
				});
			}
	
		});		
		
	} popUpDSP();	
	
	
});
