// JavaScript Document
$(document).ready(function() {
		
var timeout;


$('.select_num').click(function() {
	clearTimeout (timeout);

		if($(this).next().is(":hidden")){
	    	$(this).next().show();
	    	//$(this).addClass('over');
		} else {
			$(".select_num").next().fadeOut("fast");
			//$(this).removeClass('over');
		}
	
	
});


$("body").click(function(e){
	  var target = $(e.target);  
	
	  if (target.is("span")) {
	  	
	  }
	  else {
	  	 timeout = setTimeout('$(".select_num").next().fadeOut("fast");' , 1 );
		//$('.select').removeClass('over');
	  }
});

$(".sel_dropdown ul li a").click(function () {
	$(".select_num").html($(this).attr('title'));
});

$('.submit_how').click(function () {
	return $("#how_it_works_form").submit();
});

$("#how_it_works_form").submit(function () {
	var children = $('#how_it_works_form').find('input');
	var flag = 0;
	
	children.each(function (index) {
		if ($(this).val()=='') {
			var spanEl = document.createElement('span');
			spanEl.id = $(this).attr('id') + '_error';
			
			document.getElementById($(this).attr('id') + '_label').appendChild(spanEl);
			
			$('#' + $(this).attr('id') + '_error').html('Required');
			
			$('#' + $(this).attr('id') + '_label').addClass('howError');
			flag=1;
		}
		else {
			$('#' + $(this).attr('id') + '_label').removeClass('howError');
			$('#' + $(this).attr('id') + '_error').remove();
		}
	});
	if($('#msg').val()=='') {
		var spanEl = document.createElement('span');
		spanEl.id = 'msg_error';
		
		document.getElementById('msg_label').appendChild(spanEl);
		
		$('#msg_error').html('Required');
		
		$('#msg_label').addClass('howError');
		flag=1;
	}
	else {
		$('#msg_label').removeClass('howError');
		$('#msg_error').remove();
	}
	
	if (flag == 1) return false;
	
	var regExp = new RegExp(/^[\w](([_\.\-\+]?[\w]+)*)@([\w]+)(([\.-]?[\w]+)*)\.([A-Za-z]{2,})$/);
	
	if(regExp.test($('#mail').val())) {
		$('#mail_label').removeClass('howError');
		$('#mail_error').remove();
		return true;
	}
	else {
		var spanEl = document.createElement('span');
		spanEl.id = 'mail_error';
		
		document.getElementById('mail_label').appendChild(spanEl);
		
		$('#mail_error').html('Invalid');
		
		$('#mail_label').addClass('howError');
		flag=1;
		return false;
	}	
});

	});