window.onload = function()
{
	var telPrefix = document.getElementById('tel_prefix');
	var tel = document.getElementById('tel');

	telPrefix.disabled = false;
	tel.disabled = false;

	telPrefix.style.color = 'default';
	tel.style.color = 'default';
}

function callOut( entryId )
{
	var callout = window.open('/callout/index/?entryid=' + entryId, 'callout', 'width=488,height=220,toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0' );
	callout.focus();
}

function call( entryId, tel_prefix, tel )
{
		tel_prefix 	= tel_prefix.replace(/[^\d]+/g, '');
		tel 		= tel.replace(/[^\d]+/g, '');

		if( !entryId || !tel_prefix || !tel )
		{
			document.getElementById('info').innerHTML = 'Bitte geben Sie hier Vorwahl und Telefonnummer ein.';
			return false;
		}

		/*
		var expire = new Date();
		var expiretime = expire.getTime() + (365 * 24 * 3600 * 1000);
		expire.setTime( expiretime );
		document.cookie = 't=' + tel_prefix + 't' + tel + '; expires=' + expire.toGMTString();
		alert( document.cookie );
		*/

		var data = new Object();

		data['entryId'] = entryId;
		data['tel_prefix'] = tel_prefix;
		data['tel'] = tel;

		document.getElementById('button').style.display = 'none';
		document.getElementById('connecting').style.display = '';

		var telPrefix = document.getElementById('tel_prefix');
		var tel = document.getElementById('tel');

		telPrefix.disabled = true;
		tel.disabled = true;

		telPrefix.style.color = '#999999';
		tel.style.color = '#999999';

		document.getElementById('info').innerHTML = 'Ihr Telefon sollte nun klingeln. Bitte nehmen Sie den H&ouml;rer ab um mit Ihrem Gespr&auml;chspartner verbunden zu werden.<br /><br />';

		new Ajax.Request( '/ajax/callout/', {
			parameters: data,
			onSuccess: function(transport)
			{
				document.getElementById('connected_img').src = '/images/callout_connected.png';
				document.getElementById('info').innerHTML = '<strong>Verbindung aufgebaut</strong><br />Warten Sie nun bis sich Ihr Gegen&uuml;ber meldet. Sie k&ouml;nnen das Fenster nun schlie&szlig;en<br /><br />';
				document.getElementById('form').style.display = 'none';
			}
		});

		return false;
}