$(document).ready(function () {

	$(".leftOption img").first().addClass("activ");
	$(".rightOption img").first().addClass("activ");
	
	$('#orderLeft').val($('.leftMain img').attr('src'));
	$('#orderRight').val($('.rightMain img').attr('src'));
	$('#orderMain').val($('.mainSpring img').attr('src'));
	
	
	$('#printLeft').val($('.leftMain img').attr('src'));
	$('#printRight').val($('.rightMain img').attr('src'));
	$('#printMain').val($('.mainSpring img').attr('src'));
		
	genSymbol(); //generuj symbol na starcie
	
	function validate ()
	{	
	var valid = true; //zakładamy, że się waliduje
	
	//dane wejściowe
	var dlugosc = parseInt($('#hdlugosc').val());
	var skok = parseInt($('#wymiar').val());
	var sila = parseInt($('#sila').val());
	
	//końcówki
	var lkoncowka = parseInt($('.leftSpring').attr('alt'));
	var rkoncowka = parseInt($('.rightSpring').attr('alt'));
	
	var limit = parseInt($('.limit').val());	
	var maxl = parseInt($('.maxl').val());
	
	var silaOd = parseInt($('.silaOd').val());
	var silaDo = parseInt($('.silaDo').val());
	var staticH = parseInt($('#static').val());
	var multi = parseInt($('#multi').val());
	var limit = parseInt($('.limit').val());
	
	var lkoncowka = parseInt($('.leftSpring').attr('alt'));
	var rkoncowka = parseInt($('.rightSpring').attr('alt'));	
	
	var hvalid = multi*skok+staticH;
	var presentH = dlugosc;		
	var errorMsg = '';
	
	
	if (!dlugosc || !skok || !sila)  {return false;}  //brak danych wejściowych	
	if (dlugosc==undefined || skok==undefined || sila==undefined)  {return false;}  //brak danych wejściowych
	if (dlugosc<=0 || skok<=0 || sila<=0)  {return false;}  //brak danych wejściowych
	
	
	//kopiuj dane wejściowe do pól formularza
	$('#orderL').val(skok);
	$('#orderH').val(dlugosc);
	$('#orderF').val(sila);
	
	$('#printL').val(skok);
	$('#printH').val(dlugosc);
	$('#printF').val(sila);	
	
	
	if ((sila < silaOd) || (sila > silaDo))
		{
		errorMsg+='Siła musi być większa <strong>od ' + silaOd + ' N</strong>, oraz mniesza <strong>od ' + silaDo+' N</strong><br/>';	
		valid = false;
		}
		
	if (presentH < (hvalid+lkoncowka+rkoncowka)) 
		{
		var hpowinno = hvalid + lkoncowka + rkoncowka;
		errorMsg+='Długość musi być większa od <strong>' + hpowinno+' mm</strong><br/>';
		valid = false;
		}
	
	
	if (skok > maxl) 
		{
		errorMsg+='Długość skoku musi być mniejsza niż <strong>' + maxl +' mm</strong><br/>';		
		valid = false;
		}
	
	
	if (!valid) //pokaż komunikat
		{
			$('.errorMsgBody').html(errorMsg);
			$('.warningBar').slideDown('fast').show();
				
			if ($('#formDiv').css('display') == 'block') {$('#formDiv').slideUp('fast').hide();}
		}
	else
		{
		$('.errorMsgBody').html('');
		$('.warningBar').slideUp('fast').hide();
		genSymbol();
		}
	

	return valid;
	
	};
	

	$(".leftOption img").click(function(){
		// var source=$(this).attr('src');
		var source = $(this).attr('src').replace('tn.png', '.png');
		var h = $(this).attr('alt');
		$("img.leftSpring").attr('src', source);
		$("img.leftSpring").attr('alt', h);
		$("#orderLeft").val(source);
		$("#printLeft").val(source);
		$('#left').attr('value', source);
		$('.leftSpring').attr('title' , $(this).attr('title'));
		$('.leftOption img').removeClass('activ')
		$('.descL').text($(this).attr('alt'));
		$(this).addClass("activ");
		genSymbol();
		validate();
		});

		
	$(".rightOption img").click(function(){
		var source = $(this).attr('src').replace('tn.png', '.png');
		var h = $(this).attr('alt');
		$("img.rightSpring").attr('alt', h);
		$("img.rightSpring").attr('src', source);
		$("#orderRight").val(source);
		$("#printRight").val(source);
		$('.rightSpring').attr('title' ,$(this).attr('title'));
		$('#right').attr('value', source);
		$('.descR').text($(this).attr('alt'));
		$('.rightOption img').removeClass('activ')
		$(this).addClass("activ");
		genSymbol();
		validate();		
		});

		
	$('#mainBar').attr('value', $('.mainSpring img').attr('src'));
	$(".orderM").attr('src', $('.mainSpring img').attr('src'));
	

	$('#wymiar').keyup(function(){validate()});
	$('#sila').keyup(function(){validate()});
	$('#hdlugosc').keyup(function(){validate()});	
	
	function genSymbol(){
		var lewa = $('.leftSpring').attr('title');
		var prawa = $('.rightSpring').attr('title');
		var srodek = $('.mainSpring img').attr('title');
		
		var dlugosc = parseInt($('#hdlugosc').val());
		var skok = parseInt($('#wymiar').val());
		var sila = parseInt($('#sila').val());
		
		
		$('#orderSymbol').val(srodek +'-'+ prawa +'-'+ lewa+'-'+sila+'-'+skok+'-'+dlugosc);
		$('#printSymbol').val(srodek +'-'+ prawa +'-'+ lewa+'-'+sila+'-'+skok+'-'+dlugosc);
	};
			
	$('#confirmButton').click(function()
	{
		if (validate()) {$('#formDiv').toggle('slow');}
	});	
	
	$('#printButton').click(function()
	{
		if (validate()) {$('#printForm').submit();}
	});	
		
});