var gruz_num=1;

function addStep3Item(){
	
	$(".step3_item:last").after("<div class='step3_item'> \
	<a href='javascript:;' class='del_item3'><img src='/img/delete.jpg' alt='Удалить'/></a><div class='calc_item step3_select'> \
	<div class='inp_title'>Категория груза <span class='helpIcon' titleText='За опасный груз наценка: + 200 руб. за место.<br />На скоропортящиеся грузы наценка оговаривается лично.'></span></div> \
	<input type='hidden' name='gruz["+gruz_num+"][c]' id='gruzCategoryHiddenInput_"+gruz_num+"' value='0'> \
	<div class='select selectGruzCategory'> \
	<div class='select-left'> \
	<div class='select-right' id='select"+gruz_num+"'>Обычный</div></div> \
	<div class='select-box'> \
				<a href='' rel='select"+gruz_num+"' categoryId='0'>Обычный</a> \
				<a href='' rel='select"+gruz_num+"' categoryId='1'>Опасный</a> \
				<a href='' rel='select"+gruz_num+"' categoryId='2'>Скоропортящийся</a> \
	</div> \
	</div>	 \
</div>	 \
<div class='calc_item calc_item1'> \
	<div class='inp_title'>Общий вес<span class='helpIcon' titleText='При перевозке тяжеловесного груза более 60 кг, к тарифу прибавляется 15 руб./кг'></span></div> \
	<div class='input-l'><div class='input-r' style='width:90px;'> \
		<input type='text' name='gruz["+gruz_num+"][w]' value='0' id='gruzWeight_"+gruz_num+"' class='polzunokInput' maxValue='1000'> \
	</div></div> \
</div> \
<div class='calc_item calc_item1'> \
	<div class='inp_title'>Общий объем</div> \
	<div class='input-l'><div class='input-r' style='width:90px;'> \
		<input type='text' name='gruz["+gruz_num+"][v]' value='0' id='gruzVolume_"+gruz_num+"' class='polzunokInput' maxValue='50'> \
	</div></div> \
</div> \
<div class='calc_item' style='width: 120px'> \
	<div class='inp_title'>Мест</div> \
	<div class='input-l'><div class='input-r' style='width:50px;'> \
		<input type='text' name='gruz["+gruz_num+"][m]' value='1' id='gruzMest_"+gruz_num+"' class='polzunokInput' maxValue='50'> \
	</div></div> \
</div> \
<div class='calc_item calc_item1' id='insuranceCheckbox_"+gruz_num+"'> \
<span  class='inp_title' style='padding-top: 5px'><input type='checkbox' name='gruz["+gruz_num+"][r]' id='gruz[0][r]'><label for='gruz["+gruz_num+"][r]'>Обрешётка</label></span> \
	<div class='insuranceCheckbox'> \
		<span  class='inp_title'><input type='checkbox' name='gruz["+gruz_num+"][s]' id='gruz["+gruz_num+"][s]'><label for='gruz["+gruz_num+"][s]'>Страховка</label></span> \
		<div class='input-l'><div class='input-r'><input type='text' name='gruz["+gruz_num+"][p]'></div></div><div class='rouble'>р.</div> \
	</div> \
</div> \
<div class='clr'></div>"
	
	 +"</div>");
	gruz_num++;
	observeEventsInputs();
	return false;
}

function deleteStep3Item(){
	$(this).parent(".step3_item").remove();
	return false;
}

$(document).ready(function(){

$('#demandNextButton').click(function(){
	$("#demandForm").submit();
	return false;	
});
var date = new Date();
date.setYear(date.getFullYear() + 1)
$('#datePicker').datepicker({
   dateFormat: 'dd M yy',
   dayNamesMin: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
   monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
   monthNamesShort: ['Января','Февраля','Марта','Апреля','Мая','Июня','Июля','Августа','Сентября','Октября','Ноября','Декабря'],
   showOn: 'both',
   buttonImage: '/img/right_select.jpg',
   minDate: new Date(),
   maxDate: date
});
$('#datePicker').parent(".select").click(function(){

	$('#datePicker').datepicker("show");
});

observeEventsInputs();

$("#step3-add").click(addStep3Item);

$(".del_item3").click(deleteStep3Item);

$(".static_calculator .select-box a").click(function(){
	var price=$(this).attr("price");
	$("#dostavka_price").html("&#8776; "+price);
});	

$(".city_to .select-box a").click(function(){
	$("#city-to").val($(this).attr("cityId"));
});


$("#step2-submit").click(function(){
	$("#step2-form").submit();
	return false;
	});
	
$("#step3-submit").click(function(){
  var canSubmit = true;
  $('.polzunokInput').each(function(){
  if (canSubmit)
     if ($(this).val()==0){
      alert("Пожалуйста, заполните необходимые поля!");
      this.focus();
      canSubmit = false;
     }
  
  });
  if (canSubmit)
	 $("#step3-form").submit();
	return false;
	});

/*$('#plane-left-href').css({
	display: "block",
	position: "absolute",
	top: $('#calculatorPlaneButton').offset().top + $('#calculatorPlaneButton').height(),
	left: 0,
	width: $('#calculatorPlaneButton').offset().left,
	height: 337 + 400 - $('#calculatorPlaneButton').offset().top
}).attr("href", $('#calculatorPlaneButton').attr("href"));*/	

$('#calculatorPlaneButton').mouseover(function(){
		$('#plane-left').animate({
			backgroundPosition: $('#calculatorPlaneButton').offset().left-957+193+"px bottom"
		});
	}).mouseout(function(){
		$('#plane-left').animate({backgroundPosition: $('#calculatorPlaneButton').offset().left-957+"px"});
	});

$('#calculatorTrainButton').mouseover(function(){
		$('#train-right').animate({
			backgroundPosition: $('#calculatorTrainButton').offset().left+"px bottom"
		});
	}).mouseout(function(){
		$('#train-right').animate({
			backgroundPosition: $('#calculatorTrainButton').offset().left+172+"px bottom"
		});
	});
	
var titleText;
var div = document.createElement("span");
div.id = "helpTextDiv";
document.body.appendChild(div);

$('#helpTextDiv').hide();


$('a.button').mousedown(function(){
	$(this).addClass("active");
}).mouseup(function(){
	$(this).removeClass("active");
}).mouseout(function(){
	$(this).removeClass("active");
});

$('#train-right').css({backgroundPosition: $('#calculatorTrainButton').offset().left+172+"px bottom"});
$('#plane-left').css({backgroundPosition: $('#calculatorPlaneButton').offset().left-957+"px"});

$(window).resize(function() {
	$('#train-right').css({backgroundPosition: $('#calculatorTrainButton').offset().left+172+"px bottom"});
	$('#plane-left').css({backgroundPosition: $('#calculatorPlaneButton').offset().left-957+"px"});
});
});


function observeEventsInputs(){

$('.insuranceCheckbox input[type="text"]').focus(function(){
	if ($(this).val() == "Стоимость груза")
		$(this).val("")
}).blur(function(){
	if ($(this).val() == "")
		$(this).val("Стоимость груза")
}).each(function (){
	if ($(this).val() == "")
		$(this).val("Стоимость груза")
});

onblur="if(document.getElementById('contact').value=='') document.getElementById('contact').value='Контактный телефон'"

$(".del_item3").click(deleteStep3Item);
	
	
$(".select-left").click(function(){
	$(this).next(".select-box").slideDown(400);
	});
$(".select-box a").click(function(){
	var select_id=$(this).attr("rel");
	$("#"+select_id).html($(this).html());
	$(".select-box").hide();
	
	return false;
	});
$(".select").mouseleave(function(){
	$(this).find(".select-box").slideUp(400);
	});

$(".selectGruzCategory .select-box a").click(function(){
	var rowId = $(this).attr("rel").replace("select","");
	$("#gruzCategoryHiddenInput_"+rowId+"").val($(this).attr("categoryId"));
});


$(".helpIcon").mouseover(function(){
	titleText = $(this).attr("titleText");
	$('#helpTextDiv')
		.html(titleText)
		.css({
			left: $(this).offset().left+"px",
			top: $(this).offset().top+16+"px"
		})
		.show();
}).mouseout(function(){
	$('#helpTextDiv').hide();
});


$('.insuranceCheckbox input[type="checkbox"]').click(function(){
	if (this.checked == true){
		$(this).parents(".insuranceCheckbox").find('div.input-l').show();
		$(this).parents(".insuranceCheckbox").find('div.rouble').show();
	} else {
		$(this).parents(".insuranceCheckbox").find('div.input-l').hide();
		$(this).parents(".insuranceCheckbox").find('div.rouble').hide();
	}
});

$('.insuranceCheckbox').each(function(index,el){
	if ($(el).find('input[type="checkbox"]').attr("checked")){
		$(el).find('div.input-l').show();
		$(el).find('div.rouble').show();
	}else{
		$(el).find('div.input-l').hide();
		$(el).find('div.rouble').hide();
	}
	
});




	$('.polzunokInput').each(function(index, element){
	
		
		var inputObject = $("#"+element.id);
		
		if (inputObject.attr("addedObservers") == "1")
			return;
		
		var polzunokObject = document.createElement("span");
		polzunokObject.className = "polzunokArrow";
		polzunokObject.id = "polzunok_"+element.id;
		inputObject.after(polzunokObject);
		polzunokObject = $("#"+polzunokObject.id);
	
		var polzunokLine = document.createElement("span");
		polzunokLine.className = "polzunokLine";
		inputObject.after(polzunokLine);
		
		inputObject.keyup(function(event){
			
			value = inputObject.val().replace(",",".").replace( /([^\d\.])/g, "" ).replace( /^0([1-9])/g, "$1" );
			
      var maxValue = inputObject.attr("maxValue") * 5;
      
      if ( value > maxValue)
        value = maxValue;
                
      inputObject.val(value);
      	    
			var delta = Math.round((value / inputObject.attr("maxValue")) * inputObject.width());
			
			//alert((value / inputObject.attr("maxValue")) * inputObject.width())
			
			if (delta > inputObject.width()) delta = inputObject.width();
			if (delta < 0) delta = 0;
	
			polzunokObject.css({
				left: delta -6 + "px"
			});
		});
		
		polzunokObject.mousedown(function(event){
		
			$(document.body).mousemove(function(event){
				
				var delta = event.pageX - inputObject.offset().left;
		
				if (delta > inputObject.width()) delta = inputObject.width();
				if (delta < 0) delta = 0;
				
				$(inputObject).val( Math.round((inputObject.attr("maxValue")/inputObject.width()) * delta) );
	
				polzunokObject.css({
					left: delta -6 + "px"
				});
		
				
			}).mouseup(function(){
				$(document.body).unbind('mousemove');
				$(document.body).unbind('mouseup');
			});
		
		});
		
		inputObject.attr("addedObservers","1");
	});
}