var btn_url = gmap_path+"img/buttons";

//webcall ##############################################################
	
function showWebcall(title, data) {

	var cu = data.split("/");

	var tpl = "";
		tpl +='<table border="0" cellpadding="2" cellspacing="0" width="300" class="tableOverlay">';
		tpl +='<tr><td class=overlay_specialHeader>';
		tpl +='<img src="'+btn_url+'/tel_big.gif" align="left" class="overlayLogo">Telefonieren Sie mit '+title+'</td></tr>';
		tpl +='<tr><td align="left">Hier können Sie kostenlos Telefonieren. Bitte geben Sie ihre Festnetznummer ein und Sie werden zurück gerufen.</td></tr>';
		tpl +='<tr><td align="right"><select name="uscountry" id="uscountry" class="overlaySelect"><option>+49</option></select>';
		tpl +='&nbsp;<input type="text" size="3" name="uspre" id="uspre" value="" class="overlayInputXS">';
		tpl +='&nbsp;<input type="text" size="10" name="ustel" id="ustel" value="" class="overlayInputL"></td></tr>';
		tpl +='<tr><td align="right">';
		tpl +='<input type="hidden" name="cuid" id="cuid" value="0">';
		tpl +='<input type="hidden" name="usip" id="usip" value="'+usip+'">';
		tpl +='<input type="hidden" name="cucountry" id="cucountry" value="+49">';
		tpl +='<input type="hidden" name="cupre" id="cupre" value="'+cu[0]+'">';
		tpl +='<input type="hidden" name="cutel" id="cutel" value="'+cu[1]+'">';
		tpl +='jetzt verbinden!&nbsp;';
		tpl +='<input type="button" onClick="closeOverlay()" value="" class="overlayBtn" style="background-image:url('+btn_url+'/cancel.gif)">&nbsp;';
		tpl +='<input type="button" onClick="webcallSend()" value="" class="overlayBtn" style="background-image:url('+btn_url+'/done.gif)">';
		tpl +='</td></tr></table>';
	
	divHTML(tpl);
}

//webcall status #################################################

function showWebcallStatus(title, data) {

	var tpl = "";
		tpl +='<table cellpadding="2" cellspacing="0">';
		tpl +='<tr><td colspan="2" class="overlayHeader" align="left">';
		tpl +='<img src="'+btn_url+'/tel_big.gif" align="left" class="overlayLogo">';
		tpl +='Webcall<div id="webcall_status_td" class="overlayStatus">Sie werden verbunden.</div>';
		tpl +='</td></tr></table>';
	
	divHTML(tpl);
}

//contact ########################################

function showContact(title, data) {

	var tpl = "";
		tpl +='<table cellpadding="2" cellspacing="0">';
		tpl +='<tr><td colspan="2" class="overlay_specialHeader" align="left">';
		tpl +='<img src="'+btn_url+'/mail_big.gif" align="left" class="overlayLogo">Schreiben Sie eine Email an '+title+'</td></tr>';
		tpl +='<tr><td valign="top"><table cellpadding="2" cellspacing="0" class="tableOverlay">';
		
		tpl +='<tr><td align="right">Vorname*:</td><td align="left"><input name="Vorname" id="vorname" type="text" class="overlayInputL" value=""></td></tr>';
		tpl +='<tr><td align="right">Nachname*:</td><td align="left"><input name="Name" id="name" type="text" class="overlayInputL" value=""></td></tr>';
		tpl +='<tr><td align="right">E-Mail*:</td><td align="left"><input name="Email" id="email" type="text" class="overlayInputL" value=""></td></tr>';
		tpl +='<tr><td align="right">Telefon:</td><td align="left"><input name="Telefon" id="tel" type="text" class="overlayInputL" value=""></td></tr>';
		
		tpl +='</table></td><td valign="top"><table cellpadding="2" cellspacing="0" class="tableOverlay">';
		
		tpl +='<tr><td align="right">Firma:</td><td align="left"><input name="Unternehmen" id="unternehmen" type="text" class="overlayInputL" value=""></td></tr>';
		tpl +='<tr><td align="right">Stra&szlig;e:</td><td align="left"><input name="Strasse" id="strasse" type="text" class="overlayInputL" value=""></td></tr>';
		tpl +='<tr><td align="right">PLZ / Ort:</td><td align="left"><input name="PLZ" id="plz" type="text" class="overlayInputXS" maxlength="5" value="" /> / <input name="Ort" id="ort" type="text" class="overlayInputS" value=""></td></tr>';
		tpl +='<tr><td align="right">Homepage:</td><td align="left"><input name="Homepage" id="homepage" type="text" class="overlayInputL" value=""></td></tr>';
		
		tpl +='</table></td></tr><tr><td colspan="2"><table cellpadding="2" cellspacing="0" class="tableOverlay">';
		
		tpl +='<tr><td align="right" valign="top" width="115">Betreff*:</td><td align="left" valign="top"><input name="Betreff" id="betreff" type="text" class="overlayInputXXL" value=""></td></tr>';
		tpl +='<tr><td align="right" valign="top" width="105">Nachricht*:</td><td align="left" valign="top"><textarea name="Text" id="text_area" class="overlayText"></textarea></td></tr>';

		tpl +='<tr><td></td><td align="right" valign="top">';
		
		tpl +='<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="left" valign="top">';
		
			tpl +='<table class="tableOverlay" cellpadding="0" cellspacing="0"><tr><td valign="top">';
			tpl +='<input type="checkbox" name="Newsletter" id="newsletter" value="1" checked="checked" style="height:10px;border:0px"></td>';
			tpl +='<td style="font-size:8pt">Newsletter bestellen?</td></tr>';
			tpl +='<tr><td valign="top"><input type="checkbox" name="Copy" id="copy" value="1" style="height:10px;border:0px"></td>';
			tpl +='<td style="font-size:8pt">Kopie an mich senden!</td></tr></table>';
			
		tpl +='</td><td align="right">';
		
			tpl +='<input type="hidden" id="op_mail" value="'+data+'">';
			tpl +='<input type="button" onClick="closeOverlay()" value="" class="overlayBtn" style="background-image:url('+btn_url+'/cancel.gif)">&nbsp;';
			tpl +='<input type="button" onClick="gmapSendEamil()" value="" class="overlayBtn" style="background-image:url('+btn_url+'/done.gif)">';
			
			
		tpl +='</td></tr></table>';
		
		tpl +='</td></tr></table>';
		
		tpl +='</td></tr></table>';

		tpl +='</td></tr></table>';
		
	divHTML(tpl);
}

//routenplaner und deutsche bahn ###########
function showGen(art, title, street, city, latlng) {
	
	switch (art) {
	case "db": 
		var headline = "Bahnverbindung bis";
		var cu_data  = '<input type="hidden" id="cucity" value="'+city+'"><input type="hidden" id="custreet" value="'+street+'">';
		break;
	case "route":
		var headline = "Routenplaner bis";
		var cu_data  = '<input type="hidden" id="culatlng" value="'+latlng+'">';
		break;
	}
	
	var uscity = "";
	var usstreet = "";
	
	if(document.cookie) {
	
		var cookieWert;
		a=document.cookie;
		cookieArr=a.split("; ");
				
			for(var i=0;i<cookieArr.length;i++){
				if(cookieArr[i].split("=")[0] == 'usaddr'){
					cookieWert=cookieArr[i].split("=");
					inputValue=cookieWert[1].split("#");
					var uscity  = inputValue[0];
					var usstreet = inputValue[1];
				}
			}
		
	}
	
	var tpl = '<form name="overlay">';
		tpl +='<table cellpadding="2" cellspacing="0" class="tableOverlay"><tr><td colspan="2" class="overlay_specialHeader" align="left">';
		tpl +='<img src="'+btn_url+'/'+art+'_big.gif" align="left" class="overlayLogo">'+headline+' '+title+'</td></tr>';
		tpl +='<tr><td align="left" colspan="2">geben Sie Ihre Startadresse ein!</td></tr>';
		tpl +='<tr><td align="right">Ort:</td>';
		tpl +='<td align="left"><input type="text" id="uscity" value="'+uscity+'" class="overlayInputL"></td></tr>';
		tpl +='<tr><td align="right">Straße + Nr.:</td>';
		tpl +='<td align="left"><input type="text" id="usstreet" value="'+usstreet+'" class="overlayInputL"></td></tr>';
		tpl +='<tr><td align="right" colspan="2">';
		tpl +=cu_data;
		tpl +='<input type="button" onClick="closeOverlay()" value="" class="overlayBtn" style="background-image:url('+btn_url+'/cancel.gif)">&nbsp;';
		tpl +='<input type="button" onClick="sendData(\''+art+'\');" value="" class="overlayBtn" style="background-image:url('+btn_url+'/done.gif)">';
		tpl +='</td></tr></table></form>';
				
		divHTML(tpl);
	
}
//Ketten Layer ###########
function showChain(cat, id){
		
	var str_post = '';

		str_post += 'id=' + id;
		str_post += '&cat=' + cat;
				
	new Ajax.Request(gmap_path + 'js/ajax/chain.php',
			{
				method:'post',
				postBody: str_post,
				onSuccess: function(t){
					var tpl = t.responseText;
						divHTML(tpl);
					//alert(t.responseText);
				},
				onFailure: function(t){
					alert(t.responseText);
				}
			}
		);

}