$(document).ready(function(){

	var jVal = {
		'namn1' : function() {

			$('body').append('<div id="nameInfo" class="info"></div>');

			var nameInfo = $('#nameInfo');
			var ele = $('#namn1');
			var pos = ele.offset();

			nameInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			if(ele.val().length < 2) {
				jVal.errors = true;
					nameInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					nameInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		'enamn1' : function() {

			$('body').append('<div id="enameInfo" class="info"></div>');

			var enameInfo = $('#enameInfo');
			var ele = $('#enamn1');
			var pos = ele.offset();

			enameInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			if(ele.val().length < 2) {
				jVal.errors = true;
					enameInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					enameInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		'foretag' : function() {

			$('body').append('<div id="foretagInfo" class="info"></div>');

			var foretagInfo = $('#foretagInfo');
			var ele = $('#foretag');
			var pos = ele.offset();

			foretagInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			if(ele.val().length < 2) {
				jVal.errors = true;
					foretagInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					foretagInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'gatuadress' : function() {

			$('body').append('<div id="gatuadressInfo" class="info"></div>');

			var gatuadressInfo = $('#gatuadressInfo');
			var ele = $('#gatuadress');
			var pos = ele.offset();

			gatuadressInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			if(ele.val().length < 2) {
				jVal.errors = true;
					gatuadressInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					gatuadressInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'postnr' : function() {

			$('body').append('<div id="postnrInfo" class="info"></div>');

			var postnrInfo = $('#postnrInfo');
			var ele = $('#postnr');
			var pos = ele.offset();

			postnrInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-15
			});

			var patt = /[0-9\s]$/i;
			
			if((ele.val().length < 2) || (!patt.test(ele.val()))) {
				jVal.errors = true;
					postnrInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					postnrInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'ort' : function() {

			$('body').append('<div id="ortInfo" class="info"></div>');

			var ortInfo = $('#ortInfo');
			var ele = $('#ort');
			var pos = ele.offset();

			ortInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			if(ele.val().length < 2) {
				jVal.errors = true;
					ortInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					ortInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'tel' : function() {

			$('body').append('<div id="telInfo" class="info"></div>');

			var telInfo = $('#telInfo');
			var ele = $('#tel');
			var pos = ele.offset();

			telInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});

			var patt = /[0-9\+\-\s]$/i;
			
			if((ele.val().length < 2) || (!patt.test(ele.val()))) {
				jVal.errors = true;
					telInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					telInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
				
		'email' : function() {

			$('body').append('<div id="emailInfo" class="info"></div>');

			var emailInfo = $('#emailInfo');
			var ele = $('#email');
			var pos = ele.offset();

			emailInfo.css({
				top: pos.top-1,
				left: pos.left+ele.width()-20
			});			
			
			var patt = /^.+@.+[.].{2,}$/i;

			if((ele.val().length < 6) || (!patt.test(ele.val()))) {
				jVal.errors = true;
					emailInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					emailInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'seminariepass' : function (){

			$('body').append('<div id="seminariepassInfo" class="info"></div>');

			var seminariepassInfo = $('#seminariepassInfo');
			var ele = $('#sp1');
			var pos = ele.offset();

			seminariepassInfo.css({
				top: pos.top-22,
				left: pos.left+ele.width()+255
			});

			if($('input[name="seminariepass"]:checked').length == 0) {
				jVal.errors = true;
					seminariepassInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					seminariepassInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'infoinfo' : function (){

			$('body').append('<div id="infoinfoInfo" class="info"></div>');

			var infoinfoInfo = $('#infoinfoInfo');
			var ele = $('#ii1');
			var pos = ele.offset();

			infoinfoInfo.css({
				top: pos.top-22,
				left: pos.left+ele.width()+255
			});

			if($('input[name="infoinfo"]:checked').length == 0) {
				jVal.errors = true;
					infoinfoInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					infoinfoInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'branch' : function (){

			$('body').append('<div id="branchInfo" class="info"></div>');

			var branchInfo = $('#branchInfo');
			var ele = $('#branch');
			var pos = ele.offset();

			branchInfo.css({
				top: pos.top-22,
				left: pos.left+ele.width()+25
			});

			if((ele.val().length < 6)) {
				jVal.errors = true;
					branchInfo.removeClass('correct').addClass('error').html('<img src=images/ejok.gif border=0>').show();
					ele.removeClass('normal').addClass('wrong');
			} else {
					branchInfo.removeClass('error').addClass('correct').html('<img src=images/ok.gif border=0>').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},		

		'sendIt' : function (){
			if(!jVal.errors) {
				$('#jform').submit();
			}
		}
	};

// ====================================================== //

	$('#send').click(function (){
		var obj = $.browser.webkit ? $('body') : $('html');
		obj.animate({ scrollTop: $('#jform').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.namn1();
			jVal.enamn1();
			jVal.foretag();
			jVal.gatuadress();
			jVal.postnr();
			jVal.ort();
			jVal.tel();
			jVal.email();
			jVal.seminariepass();
			jVal.infoinfo();
			jVal.branch();
			jVal.sendIt();
		});
		return false;
	});

	$('#namn1').blur(jVal.namn1);
	$('#enamn1').blur(jVal.enamn1);
	$('#foretag').blur(jVal.foretag);
	$('#gatuadress').blur(jVal.gatuadress);
	$('#postnr').blur(jVal.postnr);
	$('#ort').blur(jVal.ort);
	$('#tel').blur(jVal.tel);
	$('#email').blur(jVal.email);
	$('#branch').blur(jVal.branch);
	
	$('input[name="seminariepass"]').change(jVal.seminariepass);
	$('input[name="infoinfo"]').change(jVal.infoinfo);

});