/**
 *	Script zum Erzeugen der Microsite 
 *	Falk Wodniok,  Unister GmbH 2010
 */

 //Baut eine URL netzwerkspezifisch um
function wm11002_link_handler(redirect_url)
{
	var target_url = '';
	
	if(tc_unister==5)
	{
		target_url 	= zanox_tracking_function+'?'+zanox_tracking_param+'='+escape(redirect_url);
	}
	else if(tc_unister==6)
	{
		target_url 	= tradedoubler_url + '?url=' + escape(redirect_url);
	}
	else if(tc_unister==8)
	{	
		var affilinet_params = new Array();
		var af_combined = new Array();
		
		affilinet_params['site'] 	= (typeof site 	!= 'undefined') ? site 	: '3462';
		affilinet_params['ref'] 	= (typeof ref	!= 'undefined') ? ref 	: '149691';
		affilinet_params['ent'] 	= (typeof ent 	!= 'undefined') ? ent 	: '';
		affilinet_params['hnb'] 	= (typeof hnb 	!= 'undefined') ? hnb 	: '';
		affilinet_params['type'] 	= (typeof type 	!= 'undefined') ? type 	: 'html';
		affilinet_params['subid'] 	= (typeof subid != 'undefined') ? subid : '';
		affilinet_params['diurl'] 	= (typeof diurl != 'undefined') ? escape(diurl + params_combined.join("&")) : escape(redirect_url);
		
		for(var af_param in affilinet_params) af_combined[af_combined.length] = af_param+'='+ affilinet_params[af_param];
		
		target_url = 'http://partners.webmasterplan.com/click.asp' + '?' + af_combined.join("&");
	}
	else if(tc_unister==11)
	{
		target_url 	= affiliwelt_klick_url + '&url=' + escape(redirect_url);
	}
	
	return target_url;
}

//Sammelt Formulardaten und schickt sie fort
function wm11002_submit(formid, url)
{
	var form_obj = document.getElementById(formid);
	var params 			= new Array();
	var params_combined = new Array();
	var target_url = "";
	
	params["engine"] 		= "pauschal";
	params["tc_unister"] 	= tc_unister;
	params["abflughafen"] 	= form_obj["abflughafen"].value;
	params["flugdauer"] 	= form_obj["flugdauer"].value;
	params["termin"] 		= form_obj["termin"].value;
	params["ruecktermin"] 	= form_obj["ruecktermin"].value;
	params["detail"] 		= 'zielgebiet';
	params["showresult"] 	= '1';

	for(var param in params) params_combined[params_combined.length] = param+'='+ params[param];
	
	var redirect_url = url + '?' + params_combined.join("&");
	
	target_url = wm11002_link_handler(redirect_url);

	window.open(target_url);
}
(function ()
{
	//Pfade für Bilder und CSS
	var img = "http://km22038ads.unister-gmbh.de/affiliate/chroot/home/affiliate/ab-in-den-urlaub.de/Suchboxen/wm_aidu_11002/javascript/";
	var css = "http://km22038ads.unister-gmbh.de/affiliate/chroot/home/affiliate/ab-in-den-urlaub.de/Suchboxen/wm_aidu_11002/javascript/";
	
	//Dieses CSS laden
	includeFile(css+'468x60_11002.css',"link");
	
	var url = 'http://www.ab-in-den-urlaub.de/deeplink.htm';
	var formid = 'wm11002form';
	var form = '<form class="'+formid+'" target="_blank" method="get" action="'+url+'">';
	var sub = '';
	var td = '';
	
	if(tc_unister==5)
	{
		//form = '<form class="'+formid+'" target="_blank" method="get" action="' + zanox_tracking_function + '">';
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11002_submit(\''+formid+'\', \''+url+'\')">';
		sub = '<input type="hidden" name="' + zanox_tracking_param + '" value="'+url+'?">';
	}
	if(tc_unister==6)
	{
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11002_submit(\''+formid+'\', \''+url+'\')">';
		//td = "td_";
	}	
	if(tc_unister==8)
	{		
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11002_submit(\''+formid+'\', \''+url+'\')">';
	}
	if(tc_unister==11)
	{
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11002_submit(\''+formid+'\', \''+url+'\')">';
		//form = '<form id="'+formid+'" class="'+formid+'" method="post" target="_blank" action="'+affiliwelt_klick_url+'&url='+url+'">';
	}
	
	//Erzeugt den Inhalt der Seite
	var content='\
	<div id="werbemittel11002" style="background: #fff url('+img+'right.gif) no-repeat right top;">\
	<a id="wm11002left" href="'+wm11002_link_handler('http://www.ab-in-den-urlaub.de/?tc_unister='+tc_unister)+'" target="_blank" alt="ab-in-den-urlaub.de" title="ab-in-den-urlaub.de" style="background: transparent url('+img+'left.gif) no-repeat scroll 0 0;"></a>\
	<div class="wm11002Content">\
		'+form+'\
		'+sub+'\
			<fieldset>\
				<dl>\
					<dt><label for="abflughafen">Abflughafen:</label></dt>\
					<dd>\
						<select id="wm11002abflughafen" name="'+td+'abflughafen">\
							<optgroup label="Alle Flugh&auml;fen">\
								<option value="-1" class="wm11002pad">-- beliebig --</option>\
							</optgroup>\
							<optgroup label="Belgien">\
								<option value="9" class="wm11002pad">Br&uuml;ssel</option>\
								<option value="32" class="wm11002pad">L&uuml;ttich (Liege)</option>\
							</optgroup>\
								<optgroup label="Deutschland">\
								<option value="5000" class="wm11002pad">-- Nord</option>\
								<option value="5003" class="wm11002pad">-- Ost</option>\
								<option value="5001" class="wm11002pad">-- S&uuml;d</option>\
								<option value="5002" class="wm11002pad">-- West</option>\
								<option value="4" class="wm11002pad">Berlin-Sch&ouml;nefeld</option>\
								<option value="5" class="wm11002pad">Berlin-Tegel</option>\
								<option value="8" class="wm11002pad">Bremen</option>\
								<option value="10" class="wm11002pad">Dortmund</option>\
								<option value="11" class="wm11002pad">Dresden</option>\
								<option value="12" class="wm11002pad">D&uuml;sseldorf</option>\
								<option value="14" class="wm11002pad">Erfurt</option>\
								<option value="15" class="wm11002pad">Frankfurt am Main</option>\
								<option value="16" class="wm11002pad">Frankfurt-Hahn</option>\
								<option value="17" class="wm11002pad">Friedrichshafen</option>\
								<option value="20" class="wm11002pad">Hamburg</option>\
								<option value="21" class="wm11002pad">Hannover</option>\
								<option value="24" class="wm11002pad">Karlsruhe/Baden-Baden</option>\
								<option value="28" class="wm11002pad">K&ouml;ln/Bonn</option>\
								<option value="29" class="wm11002pad">Leipzig/Halle</option>\
								<option value="31" class="wm11002pad">L&uuml;beck</option>\
								<option value="90" class="wm11002pad">Memmingen</option>\
								<option value="36" class="wm11002pad">M&uuml;nchen</option>\
								<option value="37" class="wm11002pad">M&uuml;nster/Osnabr&uuml;ck</option>\
								<option value="49" class="wm11002pad">Niederrhein (Weeze)</option>\
								<option value="38" class="wm11002pad">N&uuml;rnberg</option>\
								<option value="39" class="wm11002pad">Paderborn/Lippstadt</option>\
								<option value="40" class="wm11002pad">Rostock-Laage</option>\
								<option value="41" class="wm11002pad">Saarbr&uuml;cken</option>\
								<option value="43" class="wm11002pad">Schwerin-Parchim</option>\
								<option value="45" class="wm11002pad">Stuttgart</option>\
								<option value="48" class="wm11002pad">Zweibr&uuml;cken</option>\
							</optgroup>\
							<optgroup label="D&auml;nemark">\
								<option value="94" class="wm11002pad">Billund</option>\
							</optgroup>\
							<optgroup label="Frankreich">\
								<option value="44" class="wm11002pad">Strasbourg</option>\
							</optgroup>\
							<optgroup label="Luxemburg">\
								<option value="33" class="wm11002pad">Luxemburg</option>\
							</optgroup>\
							<optgroup label="Niederlande">\
								<option value="1" class="wm11002pad">Amsterdam-Schiphol</option>\
								<option value="81" class="wm11002pad">Groningen</option>\
								<option value="34" class="wm11002pad">Maastricht-Aachen</option>\
							</optgroup>\
							<optgroup label="Polen">\
								<option value="77" class="wm11002pad">Warschau</option>\
							</optgroup>\
							<optgroup label="Schweiz">\
								<option value="3" class="wm11002pad">Basel-Mulhouse-Freiburg</option>\
								<option value="18" class="wm11002pad">Genf</option>\
								<option value="47" class="wm11002pad">Z&uuml;rich</option>\
							</optgroup>\
							<optgroup label="&Ouml;sterreich">\
								<option value="19" class="wm11002pad">Graz</option>\
								<option value="23" class="wm11002pad">Innsbruck</option>\
								<option value="27" class="wm11002pad">Klagenfurt</option>\
								<option value="30" class="wm11002pad">Linz</option>\
								<option value="42" class="wm11002pad">Salzburg</option>\
								<option value="46" class="wm11002pad">Wien</option>\
							</optgroup>\
						</select\
					</dd>\
				</dl>\
				<dl>\
					<dt><label for="reiseziel">Reiseziel:</label></dt>\
					<dd>\
						<select id="wm11002reiseziel" name="'+td+'flugdauer">\
							<optgroup label="Alle Reiseziele">\
								<option selected="selected" value="-1" class="wm11002pad">-- beliebig --</option>\
							</optgroup>\
							<optgroup label="Beliebte Reiseziele">\
								<option value="7" class="wm11002pad">Mallorca-Menorca-Ibiza</option>\
								<option value="10001" class="wm11002pad">Kanaren</option>\
								<option value="10002" class="wm11002pad">Portugal</option>\
								<option value="10003" class="wm11002pad">Spanien (Festland)</option>\
								<option value="10004" class="wm11002pad">T&uuml;rkei</option>\
								<option value="10005" class="wm11002pad">Griechische Inseln</option>\
								<option value="10006" class="wm11002pad">Griechenland, Zypern</option>\
								<option value="10007" class="wm11002pad">Italien</option>\
								<option value="10008" class="wm11002pad">Tunesien, Marokko</option>\
								<option value="10010" class="wm11002pad">&Auml;gypten</option>\
								<option value="10013" class="wm11002pad">Dom. Republik</option>\
								<option value="10029" class="wm11002pad">Deutschland</option>\
								<option value="10030" class="wm11002pad">Bulgarien</option>\
							</optgroup>\
							<optgroup label="Nach Entfernung">\
								<option value="0" class="wm11002pad">Nahstrecke (ca 2.5h Flug)</option>\
								<option value="1" class="wm11002pad">Mittelstrecke (ca 4h Flug)</option>\
								<option value="2" class="wm11002pad">Fernstrecke (ab 6h Flug)</option>\
							</optgroup>\
							<optgroup label="Regionen">\
								<option value="3" class="wm11002pad">Mittelmeer (Gesamt)</option>\
								<option value="4" class="wm11002pad">Spanien-Portugal</option>\
								<option value="5" class="wm11002pad">Griechenland-T&uuml;rkei-Zypern</option>\
								<option value="6" class="wm11002pad">Kanarische Inseln</option>\
								<option value="8" class="wm11002pad">Karibik-Mexiko-Dom.Rep</option>\
								<option value="9" class="wm11002pad">&Auml;gypten-Israel-VAE</option>\
								<option value="10" class="wm11002pad">Asien-Thailand-Malediven</option>\
								<option value="11" class="wm11002pad">Afrika-Mauritius-Seychellen</option>\
								<option value="13" class="wm11002pad">Kroatien-Bulgarien</option>\
								<option value="30016" class="wm11002pad">USA-Kanada</option>\
								<option value="10023" class="wm11002pad">S&uuml;damerika</option>\
							</optgroup>\
							<optgroup label="Sonstiges">\
								<option value="14" class="wm11002pad">Tauchregionen</option>\
								<option value="10033" class="wm11002pad">Rundreisen</option>\
								<option value="10034" class="wm11002pad">Kreuzfahrten</option>\
								<option value="10032" class="wm11002pad">Gl&uuml;ckshotels</option>\
								<option value="10035" class="wm11002pad">Fly & Drive</option>\
								<option value="10031" class="wm11002pad">Sonstiges</option>\
							</optgroup>\
						</select>\
					</dd>\
				</fieldset>\
				<input type="hidden" id="wm11002engine" value="pauschal" name="'+td+'engine"/>\
				<input type="hidden" id="wm11002detail" value="zielgebiet" name="'+td+'detail"/>\
				<input type="hidden" id="wm11002showresult" value="1" name="'+td+'showresult"/>\
				<input type="hidden" value="" id="wm11002termin" name="'+td+'termin"/>\
				<input type="hidden" value="" id="wm11002ruecktermin" name="'+td+'ruecktermin"/>\
				<input id="wm11002Submit" class="wm11002searchButton" type="submit" name="sub" alt="Angebotfinden" title="Angebot finden" value="" style="background:url('+img+'button.gif) no-repeat;" />\
			</form>\
		</div>\
	</div>';

	document.writeln(content);
	
	//Nach dem Laden der Seite, diese mit Daten füllen
	observe(window, 'load', createData);
	//Submit auslösen
	//observe($('Submit'), 'click', submit);
	
	function createData()
	{
		//Datumsfelder setzen
		var today = new Date();
	
		var month = today.getMonth();
		var year = today.getFullYear(); 
		var day = today.getDate();
		
		var startdate = new Date(year,month,day+1);
		var returndate = new Date(year,month,day+5);
		
		var s_month = startdate.getMonth()+1;
		var s_year = startdate.getFullYear();
		var s_day = startdate.getDate();
		
		var r_month = returndate.getMonth()+1;
		var r_year = returndate.getFullYear();
		var r_day = returndate.getDate();
		
		if(s_day<10) s_day = "0" + s_day;
		if(s_month<10) s_month= "0" + s_month;
		if(r_day<10) r_day = "0" + r_day;
		if(r_month<10) r_month= "0" + r_month;
		
		var abdatum = s_day + "." + s_month + "." + s_year;
		$('termin').value = abdatum;
		var bisdatum = r_day + "." + r_month + "." + r_year;
		$('ruecktermin').value = bisdatum;
	}
	
	//Formular abschicken
	/*function submit()
	{	
		var href = 'http://www.ab-in-den-urlaub.de/deeplink.htm';
		
		href+="?abflughafen="+$("abflughafen").value;
		href+="&flugdauer="+$("reiseziel").value;	//Parameter reiseziel heißt aus irgendeinem Grund flugdauer
		href+="&engine="+$("engine").value;
		href+="&detail="+$("detail").value;
		href+="&showresult="+$("showresult").value;
		href+="&tc_unister="+tc;
		
		window.open(href);
	}*/
	
	//Funktion zum includen von files
	function includeFile(file, type)
	{
		var node = document.createElement(type);
		if(type=="script")
		{
			node.type='text/javascript';
			node.src=file+"?"+this.time;
		}
		else if(type=="link")
		{
			node.type='text/css';
			node.rel='stylesheet';
			node.href=file+"?"+this.time;
		}	
		node = document.getElementsByTagName("head")[0].appendChild(node);
	}
	
	// Füge einen Event-Listener hinzu, der die Microsite bei Druck auf Enter innerhalb eines Microsite-Elementes "abschickt"
	// nutzt Event-Delegation, d.h. jedes keyup-Event wird erstmal gefangen und dann ueberprueft ob es relevant ist
	/*observe(document.getElementById('werbemittel11002'), 'keyup', function(event)
	{
		// window.event für IE
		var event = event || window.event;
			
		// nur bei Druck auf Enter
		if(event.keyCode==13) 
		{
			var element = event.target || event.srcElement;
			// nur wenn innerhalb eines input feldes oder einer select box
			var tagName = element.tagName.toLowerCase();
			if(tagName=='input' || tagName=='select')
			{
				submit();
			}
		}
	});*/
	
	// $('') muss Element der Microsite liefern
	function $(idSuffix)
	{
		return document.getElementById('wm11002'+idSuffix);
	}
	
	// Zum Hinzufügen von Event-Listeners
	function observe(element, event, callback)
	{
		if (element.addEventListener) element.addEventListener(event, callback, false);
		else  element.attachEvent("on" + event, callback);
	}
})();
