var paddingpopup = 50;
var widthpopup = 415;
var infopopup = "<br />Добрый день, Уважаемый пользователь! <br /><br />Данная информация предназначена исключительно<br /> для оптовых покупателей. Если Вы хотите посмотреть<br /> полное описание данной модели Вам нужно<br /> зарегистрироваться как дилер"; 

var bind=function(func, obj, args)
{
	if(!args) args=[];
	return function(e){ return func.apply(obj, args.concat(e)); };
};

function imageZoom(image,title) {

  $("#popup").empty();
  $('#popup').append('<div class="relative"><a id="closepopup" href="#" onclick="hideImage();return false"><img src="img/close.gif" width="25" height="25" alt="Закрыть" /></a></div><b class="pptitle">'+title+'</b><br/>');

//alert(title);

  $("<img/>").attr({"src": image, "id":"imga"}).appendTo("#popup");

$('#popup').append(infopopup);

  var wWidth = $("#popup").width();
  var wHeight = $("#popup").height();

  var mtop = Math.ceil(wHeight/2)+paddingpopup;
  var mleft = Math.ceil(wWidth/2)+paddingpopup;

  //alert(wWidth);
  //alert(wHeight);

  $("#popup").css({"top": 100/*,"margin-top":-mtop*/, "margin-left":-mleft});

  $('#overlay').css({
    width:		$('#main-cont').width(),
    height:		$('#main-cont').height()
  });
				
  $("#overlay").css("opacity","0.6");
			

  $("#overlay:hidden:first").fadeIn(500, function () {
        $("#popup:hidden:first").fadeIn(500);
      });

}


function hideImage(){
  $('#overlay').fadeOut(500, function (){
        $('#popup').fadeOut(500);
      }
  
  );
}


function overlayFit()
{
  $('#overlay').css({
    width: $('#main-cont').width(),
    height: $('#main-cont').height()
  });
}

function prmIndexView()
{
	var pad = $('HTML').height() - 581;
	if(pad > 0) $('.prmIndexView').css({'marginBottom': pad+'px'});
}

function MyLightboxReady(){
  $('body').append('<div id="overlay"></div><div style="padding:'+paddingpopup+'px;width:'+widthpopup+'px" id="popup"></div>');
  $("a.popup").click(function () { 
      imageZoom(this.href,this.title);
      return false;
  });
}

///////////////////////////////////////////////////////////////////
function colorClick()
{
	$('#colorId').get(0).value=this.name;
	ChangeSrc('BigImage', this.firstChild.alt);
	$('#ordpopup #fabricDescription').text($('#ordpopup #resFabricDescription').text());
}

function thumbClick()
{
	$('#ordpopup #fabricDescription').text($('#ordpopup #modelDescription').text());
}

function fabricLoad(id)
{
	$('#fabricId').get(0).value=id;
	$('#colorId').get(0).value='';
	$('#ordpopup #Colors').html("Идёт загрузка...");
	$('#ordpopup #fabricTitle').text("Идёт загрузка...");
	$('#ordpopup #fabricSostav').text("Идёт загрузка...");
	$('#ordpopup #fabricPrice0').text("...");
	$('#ordpopup #fabricPrice1').text("...");
	$('#ordpopup #Sizes1').html("...");
	$('#ordpopup #Sizes2').html("...");
	if(typeof(isTriko)=='undefined') isTriko=false;
	var add = isTriko ? '&isTriko=1' : '';
	$('#ordpopup #Colors').load('/netcat/modules/cart/response.php?action=fabricGet&id='+id+add, {},
		function()
		{
			$('#ordpopup #fabricTitle').text($('#ordpopup #resFabricTitle').text());
			$('#ordpopup #fabricSostav').text($('#ordpopup #resFabricSostav').text());
			if($('#ordpopup #resFabricPrice0').text())
				$('#ordpopup #fabricPrice0').text('Цена: '+$('#ordpopup #resFabricPrice0').text()+' р.');
				else $('#ordpopup #fabricPrice0').text('');
			if($('#ordpopup #resFabricPrice1').text())
				$('#ordpopup #fabricPrice1').text('Цена: '+$('#ordpopup #resFabricPrice1').text()+' р.');
				else $('#ordpopup #fabricPrice1').text('');
			$('#ordpopup #Sizes1').html($('#ordpopup #resFabricSizes0').html());
			$('#ordpopup #Sizes2').html($('#ordpopup #resFabricSizes1').html());
			$('a.color-box').click(colorClick);
		});
}


function OrderPopup(id, str){
	$("#FlashMovie").css({'visibility': 'hidden'});
	$("#ordpopup").empty();
	$('#overlay').css({
		width:		$('#main-cont').width(),
		height:		$('#main-cont').height()
		});
	$("#overlay").css("opacity","0.6");
	$("#overlay:hidden:first").fadeIn(500, function () {
		$("#ordpopup:hidden:first").fadeIn(500);
		});
	if(str)
	{
		str='<div class="relative"><a id="closepopup" href="#" onclick="hideOrder();return false"><img src="/img/close.gif" width="25" height="25" alt="Закрыть" /></a></div>'+str;
		var elem=$("#ordpopup");
		elem.html(str);
		var t=($('html').height()-elem.height()-105)>>1;
		if(t<20) t=20;
		elem.css({'top': t+'px'});
		return;
	}
	$("#ordpopup").html("Идёт загрузка...");
	$("#ordpopup").load("/netcat/modules/cart/response.php?action=modelPopup&id="+id, {},
		function()
		{
			MarkUnderline('Cloth', '0', 'a');
			thumbClick();
			fabricLoad($('#ordpopup #Cloth a').get(0).name);
			var elem=$("#ordpopup");
			var t=($('html').height()-elem.height()-105)>>1;
			if(t<20) t=20;
			elem.css({'top': t+'px'});
			$('#ordpopup .preload').each(function(){ var i=new Image(); i.src=this.innerHTML; });
		});
}

function hideOrder(){
  $('#overlay').fadeOut(500, function (){
        $('#ordpopup').fadeOut(500, function(){ $("#FlashMovie").css({'visibility': 'visible'}); });
      }
  
  );
}

function cartAddItem()
{
	var modelId=$('#modelId').get(0).value;
	var fabricId=$('#fabricId').get(0).value;
	var colorId=$('#colorId').get(0).value;
	var sizes=[];
	$('.op-size').each(function(i, elem){ if(elem.checked) sizes.push(elem.name); });
	if(colorId==''){ alert('Выберите цвет!'); return; }
	if(sizes.length<1){ alert('Выберите хотя бы один размер!'); return; }
	
	var btn=$('#cartAddBtn');
	if(btn.get(0).oldHtml) return;
	btn.get(0).oldHtml=btn.html();
	btn.html('Отправка...');
	$.post('/netcat/modules/cart/response.php?action=cartAdd',
		{'modelId':modelId, 'fabricId':fabricId, 'colorId':colorId, 'sizes[]':sizes},
		function()
		{
			var btn=$('#cartAddBtn');
			btn.html(btn.get(0).oldHtml);
			btn.get(0).oldHtml=false;
			alert('Модель добавлена в корзину!');
			MarkBorder('Sizes1', -1, 'a');
			MarkBorder('Sizes2', -1, 'a');
		});
}

function cartDeleteItem(elem, itemId)
{
	$.post('/netcat/modules/cart/response.php?action=cartDelete', {'itemId': itemId},
		bind(function(){ $(this.parentNode).remove(); }, elem));
}

function cartOrderClick()
{
	document.location.href='/cart/';
}

var photoHover=function()
{
	var i=this.parentNode.firstChild;
	if(i.hovered) return;
	var s=i.name; if(!s || !s.length) return;
	i.name=i.src; i.src=s; i.hovered=true;
};

var photoOut=function()
{
	var i=this.parentNode.firstChild;
	if(!i.hovered) return;
	var s=i.name;
	i.name=i.src; i.src=s; i.hovered=false;
};

function OrderPopupReady(){
  $('body').append('<div id="overlay"></div><div class="order-popup" id="ordpopup"></div>');
    $("a.popup").click(function () { 
      OrderPopup(this.name);
      return false;
  });
	$('a.popup .empty').hover(photoHover, photoOut);
	$('a.popup img.orig').each(function(i, elem){ var img=new Image(); img.src=elem.name; });
	arr=document.location.search.match(/showModelId=(\d+)/);
	if(arr) OrderPopup(arr[1]);
	var msg=$('.authMsg').get(0);
	if(msg && msg.innerHTML.length) OrderPopup(false, msg.innerHTML);
	
	// в корзине трико
	$('.prmTriko').each(function(){ $(this).find('input:gt(0)').each(function(){ this.readOnly=true; }); });
	$('.prmTriko input').keyup(
		function()
		{
			var item=$(this).parents().filter('.prmTriko');
			item.find('input').val(this.value);
		});
	
	// prmIndexView
	if($('.prmIndexView').size())
	{
		prmIndexView();
		$(window).resize(prmIndexView);
	}
}

///////////////////////////////////////////////////////////////////

function MarkBorder(parent, elem_num, elem, radio, sz){
  if(typeof(radio)=='undefined') radio=true;
  sz=sz ? sz : 3;
  if(elem_num==-2) //all elem
  {
	if($('#'+parent+' '+elem).get(0).checked)
		$('#'+parent+' '+elem).css({border: '1px solid #000',padding:'1px'}).each(function(i, elem){elem.checked=false;});
	else
		$('#'+parent+' '+elem).css({border: sz+'px solid #b03808',padding:'0px'}).each(function(i, elem){elem.checked=true;});
	return;
  }
  if(radio) $('#'+parent+' '+elem).css({border: '1px solid #000',padding:'1px'}).each(function(i, elem){elem.checked=false;});
  if(elem_num==-1) return;
  elem = $('#'+parent+' '+elem).get(elem_num);
  elem.checked=!elem.checked;
  if(!radio)
  {
	if(elem.checked) $(elem).css({border: sz+'px solid #b03808',padding:'0'});
		else $(elem).css({border: '1px solid #000',padding:'1px'});
  }
  else $(elem).css({border: sz+'px solid #b03808',padding:'0'});
}

function MarkUnderline(parent, elem_num, elem){
  $('#'+parent+' '+elem).css({'background-color':'transparent','color':'#5E1805', 'padding':'1px'});
  elem = $('#'+parent+' '+elem).get(elem_num);
  $(elem).css({'background-color': '#5E1805', 'color': '#FBC713', 'padding':'1px'});
}

function ChangeSrc(id,src){
  $(document.getElementById(id).parentNode).css({'backgroundImage': 'url('+src+')'});
}

$(window).scroll(overlayFit);
$(window).resize(overlayFit);
$(document).ready(OrderPopupReady);


$(function() {
	// Вешаем обработчик на ссылки с нужным классом
	$('a.darkbox').click(function() {
		var link = $(this);		
				if(!$('div.darkbox-frame').length) {
					
					// Если попап прежде не вызывался,
					// создаём его и цепляем к BODY
					darkbox = $('<div class="darkbox-frame"><div class="darkbox-shadow"></div><div class="darkbox-canvas"><div class="darkbox-button"></div></div></div>').appendTo('body');
				}

				// Клонируем попап,
				// прицепляем клон к BODY и показываем его
				var frame = darkbox.clone().appendTo('body').addClass('darkbox-frame-on');

				var shadow = frame.find('div.darkbox-shadow').animate({opacity:0.6},300);
				var canvas = frame.find('div.darkbox-canvas');
				var button = frame.find('div.darkbox-button');

				// Цепляем к попапу картинку и ждём её загрузки
				var image = $('<img src="'+ link.attr('href') +'" alt="'+ link.attr('title') +'"/>');

				image.appendTo(canvas);
				image.load(function(){

					var imageWidth = image.width();
					var imageHeight = image.height();
					var frameWidth = frame.width()-40;
					var frameHeight = frame.height()-40;

					// Вписываем картинку в размер окна,
					// если она шире, чем окно
					if(imageWidth > frameWidth) {

						imageWidth = frameWidth;
						image.width(imageWidth);					
						while(image.height() > frameHeight) {
							image.width(imageWidth);
							imageWidth--;
						}

						imageHeight = image.height();
					}

					// Вписываем картинку в размер окна,
					// если она выше, чем окно
					if(imageHeight > frameHeight) {

						imageHeight = frameHeight;
						image.height(imageHeight);						
						while(image.width() > frameWidth) {
							image.height(imageHeight);
							imageHeight--;
						}

						imageWidth = image.width();
					}

					// Анимируем загрузчик до размеров картинки
					// и одновременно смещаем к центру
					canvas.addClass('darkbox-canvas-load').animate({

						width:imageWidth,
						marginLeft:-imageWidth/2,
						height:imageHeight,
						marginTop:-imageHeight/2

					},500,function() {

						// После завершения анимации показываем кнопку и картинку
						canvas.addClass('darkbox-canvas-done');
						button.addClass('darkbox-button-on');
						button.addClass(navigator.platform.toLowerCase().indexOf('mac')+1?'darkbox-button-left':'darkbox-button-right');

						image.animate({opacity:1},500,function() {

							// Вешаем обработчики закрытия
							shadow.click(closer);
							button.click(closer);

						});
					});
				});

				// Функция закрытия попапа
				var closer = function() {
			
					canvas.remove();
					shadow.animate({opacity:0},300,function() {
						frame.remove();
					});
				}

				// Внимательно слушаем клавишу Esc
				$(document).keydown(function(e) {
					if(e.which==27) closer();
				});

				return false;
			});
		});