var balloon = "";
var genderman = "";
var genderwoman = "";
var name = "";
var lastname = "";
var email = "";
var number = "";
var balloonAppended = false;

function showIntroBalloon(type)
{
	if(balloon == "")
	{
		balloon = document.createElement("div");
	}
	if(type == "newsletter")
	{
		balloon.className = "tooltip tooltipNewsletter";
		loadBalloon('newsletter_form.html');
	}
	if(type == "callback")
	{
		balloon.className = "tooltip tooltipPhone";
		loadBalloon('phone_form.html');
	}
	
	return false;
}

function loadBalloon(fileName, formdata)
{
	var componentPath = absCorrect+"de/components/balloons/";
	if(formdata)
	{
		jQuery.post(componentPath + fileName, formdata, function(data) {
			balloon.innerHTML = data + "<div></div>";
		});
	}
	else
	{
		jQuery.post(componentPath + fileName, function(data) {
			balloon.innerHTML = data + "<div></div>";
			if(fileName == 'newsletter_form.html')
			{
				jQuery("#newsletter-genderman").attr('checked', genderman);
				jQuery("#newsletter-genderwoman").attr('checked', genderwoman);
				if(!genderman && !genderwoman)
				{
					jQuery("#newsletter-genderman").attr('checked', true);
				}
				jQuery("#newsletter-name").attr('value', name);
				jQuery("#newsletter-nachname").attr('value', lastname);
				jQuery("#newsletter-email").attr('value', email);
			}
			if(fileName == 'phone_form.html')
			{
				jQuery("#phone-genderman").attr('checked', genderman);
				jQuery("#phone-genderwoman").attr('checked', genderwoman);
				if(!genderman && !genderwoman)
				{
					jQuery("#phone-genderman").attr('checked', true);
				}
				jQuery("#phone-name").attr('value', name);
				jQuery("#phone-nachname").attr('value', lastname);
				jQuery("#phone-number").attr('value', number);
			}
		});
	}
	if(!balloonAppended)
	{
		$("content").appendChild(balloon);
		balloonAppended = true;
	}
	balloon.style.display = "block";
}

function orderNewsletter()
{
	var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	var mailtest = true;
	genderman = jQuery("#newsletter-genderman").attr('checked');
	genderwoman = jQuery("#newsletter-genderwoman").attr('checked');
	name = jQuery("#newsletter-name").attr('value');
	lastname = jQuery("#newsletter-nachname").attr('value');
	email = jQuery("#newsletter-email").attr('value');
	
	// checks mandatory fields
	if(email == '')
	{
		loadBalloon("newsletter_noemail.html")
		return false;
	}
	
	if(!filter.test(email))
	{
		loadBalloon("newsletter_wrongemail.html");
		return false;
	}
	if(mailtest)
	{
		loadBalloon('newsletter_confirm.html', jQuery('#newsletterBalloonForm').serialize());
	}
}

function sendPhoneBack()
{

	genderman = jQuery("#phone-genderman").attr('checked');
	genderwoman = jQuery("#phone-genderwoman").attr('checked');
	name = jQuery("#phone-name").attr('value');
	lastname = jQuery("#phone-nachname").attr('value');
	number = jQuery("#phone-number").attr('value');

        	    	
	var filter = /^[0-9  +]+$/;
	//var numericExpression = /^[0-9]+$/;

	
	// checks mandatory fields
	if(lastname == '')
	{
		loadBalloon("phone_wrongname.html")
		return false;
	}
	else
	{
		
		if(!filter.test(number)){
			loadBalloon("phone_notanumber.html")
			return false;
		}else
		{
			
		if(number == '' )
		{
			loadBalloon("phone_wrongnumber.html")
			return false;
		}
		else
		{
			loadBalloon('phone_confirm.html', jQuery('#phoneBalloonForm').serialize());
		}
		}
	}
}

function closeBalloon()
{
	balloon.style.display = 'none';
}