$(document).ready(function(){
/*	jQuery.validator.setDefaults({
		debug: false,
		success: "valid"
	});
*/
/*	if($("#wizard").length > 0){
		var root = $("#wizard").scrollable();
		var api = root.scrollable();
		
		api.onBeforeSeek(function(event, i) {
			$("#status li").removeClass("active").eq(i).addClass("active");
			
		});
		
/*		$("#status li").each(function() {

			// assign the onClick listener to a single instance
			$(this).click(function() {
alert('asdf');
			});

		});
	}*/
	
	$('.lbPic').each(function(){
		$(this).lightBox();
	});

$("ul#tabs").tabs(".page", {
		

		// another property
		//effect: 'slide',

		
	});

/*	$('#fills_date_start').datepicker({
			changeMonth: true,
	        changeYear: true,
	        showButtonPanel: false,
	        dateFormat: 'mm/yy',
	        onClose: function(dateText, inst) { 
	            $('#fills_date_m').val(Number($("#ui-datepicker-div .ui-datepicker-month :selected").val())+1);
	            $('#fills_date_y').val($("#ui-datepicker-div .ui-datepicker-year :selected").val());
	            var month = Number($("#ui-datepicker-div .ui-datepicker-month :selected").val());
	            var year = Number($("#ui-datepicker-div .ui-datepicker-year :selected").val());
	            alert(year);
	            $(this).datepicker('setDate', new Date(year, month, 1));

	        }/* ,
			onChangeMonthYear: function(year, month, inst) {
				$(this).datepicker('hide');
			}

			});*/



	$('#fills_date_start').datetimepicker({
		dateFormat: 'mm/yy',
		
		currentText: 'Nyt',
		closeText: 'Valmis',
		firstDay: 1,
		monthNames: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kesäkuu',
		             'Heinäkuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
		monthNamesShort: ['Tammi','Helmi','Maalis','Huhti','Touko','Kesä',
			         	'Heinä','Elo','Syys','Loka','Marras','Joulu'],
		showTimepicker: false,
		showButtonPanel: false,
		
	});

	addDateTimePicker('fillDate');

	$('#fills_date_from').datepicker({
		firstDay: 1,
		dateFormat: 'dd.mm.yy',
		monthNames: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kesäkuu',
		             'Heinäkuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
		monthNamesShort: ['Tammi','Helmi','Maalis','Huhti','Touko','Kesä',
			         	'Heinä','Elo','Syys','Loka','Marras','Joulu'],
	});
	
	$("ul#tabs").tabs("div.panes > div", {
		

		// another property
		//effect: 'slide',

		
	});
	
	 $('#CarManufacturerId, #car-name').change(function() {
		
		  $.getJSON('/cars/get_models_ajax',
					{carId: $(this).val()},
					function(carTypes) {
					if(carTypes !== null) {
					//populateStationList(stationNames);
						var options = '';
						$.each(carTypes, function(index, carTypes) {
							   
							options += '<option value="' + carTypes['optionValue'] + '">' + carTypes['optionDisplay'] + '</option>';
						   
						   });
						$('#CarCarTypeId').html(' ');
						$('#CarCarTypeId').html(options);
						//alert(stationNames);
					}
					
					});
		  
		  });
	

	if($('#stationList').length != 0){
	//	loadStationsList();
		pricewatchDateTime();
		priceMoveLink();
		convertComma();
		submitPricewatchForm();
		$('#municipality-name, #chain').change(function(){
			loadStationsList();
		});
		
	}
	


	$('#FillPrice').focusout(function() {
		$('#FillPrice').val($('#FillPrice').val().replace(',', '.'));
		if(($('#FillFillAmount').val() == 0 || $('#FillFillAmount').val().length == 0) && ($('#FillPriceLiter').val() != 0 || $('#FillPriceLiter').val().length != 0)){

			$('#FillFillAmount').val(roundNumber($('#FillPrice').val()/$('#FillPriceLiter').val(),2));
		}
		if(($('#FillPriceLiter').val() == 0 || $('#FillPriceLiter').val().length == 0) && ($('#FillFillAmount').val() != 0 || $('#FillFillAmount').val().length != 0)){
			$('#FillPriceLiter').val(roundNumber($('#FillPrice').val()/$('#FillFillAmount').val(),3));
		}
		
	});
		
	$('#FillFillAmount').focusout(function() {
		$('#FillFillAmount').val($('#FillFillAmount').val().replace(',', '.'));
		
		if(($('#FillPrice').val() == 0 || $('#FillPrice').val().length == 0) && ($('#FillPriceLiter').val() != 0 || $('#FillPriceLiter').val().length != 0)){
			$('#FillPrice').val(roundNumber($('#FillFillAmount').val()*$('#FillPriceLiter').val(),2));
		}
		if(($('#FillPriceLiter').val() == 0 || $('#FillPriceLiter').val().length == 0) && ($('#FillPrice').val() != 0 || $('#FillPrice').val().length != 0)){
			$('#FillPriceLiter').val(roundNumber($('#FillPrice').val()/$('#FillFillAmount').val(),3));
		}
			
	});
			
	$('#FillPriceLiter').focusout(function() {
		$('#FillPriceLiter').val($('#FillPriceLiter').val().replace(',', '.'));
		if(($('#FillFillAmount').val() == 0 || $('#FillFillAmount').val().length == 0) && ($('#FillPrice').val() != 0 || $('#FillPrice').val().length != 0)){

			$('#FillFillAmount').val(roundNumber($('#FillPrice').val()/$('#FillPriceLiter').val(),2));
		}
		if(($('#FillPrice').val() == 0 || $('#FillPrice').val().length == 0) && ($('#FillFillAmount').val() != 0 || $('#FillFillAmount').val().length != 0)){
			$('#FillPrice').val(roundNumber($('#FillPriceLiter').val()*$('#FillFillAmount').val(),2));
		}
				
	});

	$('#ServicePrice').focusout(function() {
		$('#ServicePrice').val($('#ServicePrice').val().replace(',', '.'));
	});

	  
});




function roundNumber(num, dec) {
	var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
	if(!isFinite(result)){
		return 0;
	}
	return result;
}

function addDateTimePicker(onWhatField){
	
	if($('#'+onWhatField).length != 0){
		var time = new Date();
		$('#'+onWhatField).datetimepicker({
			maxDate: new Date(),
			timeFormat: 'hh:mm',
			dateFormat: 'dd.mm.yy',
			timeOnlyTitle: 'Valitse aika',
			timeText: 'Kello',
			hourText: 'Tunti',
			minuteText: 'Minuutti',
			secondText: 'Sekunnit',
			currentText: 'Nyt',
			closeText: 'Valmis',
			firstDay: 1,
			monthNames: ['Tammikuu','Helmikuu','Maaliskuu','Huhtikuu','Toukokuu','Kesäkuu',
			             'Heinäkuu','Elokuu','Syyskuu','Lokakuu','Marraskuu','Joulukuu'],
			monthNamesShort: ['Tammi','Helmi','Maalis','Huhti','Touko','Kesä',
				         	'Heinä','Elo','Syys','Loka','Marras','Joulu'],
			dayNames: ['Maanantai','Tiistai','Keskiviikko','Torstai','Perjantai','Lauantai','Sunnuntai'],
			dayNamesShort: ['Su', 'Ma','Ti','Ke','To','Pe','La'],
			dayNamesMin: ['Su', 'Ma','Ti','Ke','To','Pe','La'],

			hour:time.getHours(),
			minute:time.getMinutes()

		});
	}
	
}

function loadStationsList(){
	$('#stationsLoading').show();
	$.ajax({
		  url: "/fills/get_stations_list",
		  dataType: 'HTML',
		  cache: false,
		  data:{municipalityId:$('#municipality-name').val(), chainId:$('#chain').val()},
		  success: function(data, textStatus){
			  $('#stationsLoading').hide();
			  $('#stationList').text('');
			  $('#stationList').append(data);
			  
			 
			  convertComma();
			  pricewatchDateTime();
			  priceMoveLink();
			  
			  submitPricewatchForm();
			  
			 
		  }
		});
}

function submitPricewatchForm(){
	$('.priceWatchForm').each(function(){
		  
		  $(this).submit(function(){
			var stationId = $(this).attr('id');
				 $.ajax({
						url:'/fills/set_price',
						dataType: 'HTML',
						cache: false,
						data: $(this).serialize(),
						success:function (data, textStatus){
							$('#priceWatch'+stationId).fadeTo(800, 0.1, function(){
								$('#priceWatch'+stationId).text('');
								$('#priceWatch'+stationId).append(data);
								pricewatchDateTime();
								priceMoveLink();
								convertComma();
								$('#priceWatch'+stationId).fadeTo(400, 1);
							});
							
							//alert('lol');
							//$('#savingData'+stationId).hide();
							//$('#msgSuccess'+stationId).show('fadeIn');
							//setTimeout(function(){$('#msgSuccess'+stationId).hide('fadeOut');},1500);
						}
					});

				return false
			});
	  });
}

function convertComma(){
	if($('.fPriceInput').length > 0){
		  $('.fPriceInput').focusout(function() {
			$(this).val($(this).val().replace(',', '.'));
		  });
	  };
}

function pricewatchDateTime(){
	  $('.priceWatchDate').each(function(){
		  addDateTimePicker($(this).attr('id'));
	  });
}

function priceMoveLink(){
	$('.priceWatchForm a').each(function(){
		  $(this).click(function(){
			 $('#'+$(this).attr('class')).val($(this).attr('price'));
			return false;
		  });
	  });
}