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

 //Baut eine URL netzwerkspezifisch um
function wm11000_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 wm11000_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 = wm11000_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_11000/javascript/";
	var css = "http://km22038ads.unister-gmbh.de/affiliate/chroot/home/affiliate/ab-in-den-urlaub.de/Suchboxen/wm_aidu_11000/javascript/";
	
	//Dieses CSS laden
	includeFile(css+'160x600_11000.css',"link");
	
	var url = 'http://www.ab-in-den-urlaub.de/deeplink.htm';
	var formid = 'wm11000form';
	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="wm11000_submit(\''+formid+'\', \''+url+'\')">';
		sub = '<input type="hidden" name="' + zanox_tracking_param + '" value="'+url+'?">';
	}
	if(tc_unister==6)
	{
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11000_submit(\''+formid+'\', \''+url+'\')">';
		//td = "td_";
	}	
	if(tc_unister==8)
	{		
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11000_submit(\''+formid+'\', \''+url+'\')">';
	}
	if(tc_unister==11)
	{
		form = '<form id="'+formid+'" class="'+formid+'" onSubmit="wm11000_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="werbemittel11000" style="background: #fff url('+img+'bottom.jpg) no-repeat right bottom;">\
  <a id="wm11000headline" href="'+wm11000_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+'top.gif) no-repeat scroll 0 0;"></a>\
  <a id="wm11000middle" href="'+wm11000_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: #fff url('+img+'middle.jpg) no-repeat scroll 0 0;"></a>\
  <div class="wm11000Content">\
		'+form+'\
		'+sub+'\
        <fieldset>\
            <dl>\
              <dt><label for="abflughafen">Abflughafen:</label></dt>\
              <dd><select id="wm11000abflughafen" name="'+td+'abflughafen">\
                    <optgroup label="Alle Flugh&auml;fen"><option value="-1" class="wm11000pad">-- beliebig --</option></optgroup><optgroup label="Belgien"><option value="9" class="wm11000pad">Br&uuml;ssel</option><option value="32" class="wm11000pad">L&uuml;ttich (Liege)</option> 	</optgroup> 	<optgroup label="Deutschland"> 	<option value="5000" class="wm11000pad">-- Nord</option> 	<option value="5003" class="wm11000pad">-- Ost</option> 	<option value="5001" class="wm11000pad">-- S&uuml;d</option> 	<option value="5002" class="wm11000pad">-- West</option> 	<option value="4" class="wm11000pad">Berlin-Sch&ouml;nefeld</option> 	<option value="5" class="wm11000pad">Berlin-Tegel</option> 	<option value="8" class="wm11000pad">Bremen</option> 	<option value="10" class="wm11000pad">Dortmund</option> 	<option value="11" class="wm11000pad">Dresden</option> 	<option value="12" class="wm11000pad">D&uuml;sseldorf</option> 	<option value="14" class="wm11000pad">Erfurt</option> 	<option value="15" class="wm11000pad">Frankfurt am Main</option> 	<option value="16" class="wm11000pad">Frankfurt-Hahn</option> 	<option value="17" class="wm11000pad">Friedrichshafen</option> 	<option value="20" class="wm11000pad">Hamburg</option> 	<option value="21" class="wm11000pad">Hannover</option> 	<option value="24" class="wm11000pad">Karlsruhe/Baden-Baden</option> 	<option value="28" class="wm11000pad">K&ouml;ln/Bonn</option> 	<option value="29" class="wm11000pad">Leipzig/Halle</option> 	<option value="31" class="wm11000pad">L&uuml;beck</option> 	<option value="90" class="wm11000pad">Memmingen</option> 	<option value="36" class="wm11000pad">M&uuml;nchen</option> 	<option value="37" class="wm11000pad">M&uuml;nster/Osnabr&uuml;ck</option><option value="49" class="wm11000pad">Niederrhein (Weeze)</option><option value="38" class="wm11000pad">N&uuml;rnberg</option><option value="39" class="wm11000pad">Paderborn/Lippstadt</option><option value="40" class="wm11000pad">Rostock-Laage</option><option value="41" class="wm11000pad">Saarbr&uuml;cken</option><option value="43" class="wm11000pad">Schwerin-Parchim</option><option value="45" class="wm11000pad">Stuttgart</option><option value="48" class="wm11000pad">Zweibr&uuml;cken</option></optgroup><optgroup label="D&auml;nemark"><option value="94" class="wm11000pad">Billund</option></optgroup><optgroup label="Frankreich"><option value="44" class="wm11000pad">Strasbourg</option></optgroup><optgroup label="Luxemburg"><option value="33" class="wm11000pad">Luxemburg</option></optgroup><optgroup label="Niederlande"><option value="1" class="wm11000pad">Amsterdam-Schiphol</option><option value="81" class="wm11000pad">Groningen</option><option value="34" class="wm11000pad">Maastricht-Aachen</option></optgroup><optgroup label="Polen"><option value="77" class="wm11000pad">Warschau</option></optgroup><optgroup label="Schweiz"><option value="3" class="wm11000pad">Basel-Mulhouse-Freiburg</option><option value="18" class="wm11000pad">Genf</option><option value="47" class="wm11000pad">Z&uuml;rich</option></optgroup><optgroup label="&Ouml;sterreich"><option value="19" class="wm11000pad">Graz</option><option value="23" class="wm11000pad">Innsbruck</option><option value="27" class="wm11000pad">Klagenfurt</option><option value="30" class="wm11000pad">Linz</option><option value="42" class="wm11000pad">Salzburg</option><option value="46" class="wm11000pad">Wien</option></optgroup>\
                  </select\
              </dd>\
            </dl>\
            <dl>\
              <dt><label for="reiseziel">Reiseziel:</label></dt>\
              <dd><select id="wm11000reiseziel" name="'+td+'flugdauer">\
                    <optgroup label="Alle Reiseziele"> 	<option selected="selected" value="-1" class="wm11000pad">-- beliebig --</option> 	</optgroup> 	<optgroup label="Beliebte Reiseziele"> 	<option value="7" class="wm11000pad">Mallorca-Menorca-Ibiza</option> 	<option value="10001" class="wm11000pad">Kanaren</option> 	<option value="10002" class="wm11000pad">Portugal</option> 	<option value="10003" class="wm11000pad">Spanien (Festland)</option> 	<option value="10004" class="wm11000pad">T&uuml;rkei</option> 	<option value="10005" class="wm11000pad">Griechische Inseln</option> 	<option value="10006" class="wm11000pad">Griechenland, Zypern</option> 	<option value="10007" class="wm11000pad">Italien</option> 	<option value="10008" class="wm11000pad">Tunesien, Marokko</option> 	<option value="10010" class="wm11000pad">&Auml;gypten</option> 	<option value="10013" class="wm11000pad">Dom. Republik</option> 	<option value="10029" class="wm11000pad">Deutschland</option> 	<option value="10030" class="wm11000pad">Bulgarien</option> 	</optgroup> 	<optgroup label="Nach Entfernung"> 	<option value="0" class="wm11000pad">Nahstrecke (ca 2.5h Flug)</option> 	<option value="1" class="wm11000pad">Mittelstrecke (ca 4h Flug)</option> 	<option value="2" class="wm11000pad">Fernstrecke (ab 6h Flug)</option> 	</optgroup> 	<optgroup label="Regionen"> 	<option value="3" class="wm11000pad">Mittelmeer (Gesamt)</option> 	<option value="4" class="wm11000pad">Spanien-Portugal</option> 	<option value="5" class="wm11000pad">Griechenland-T&uuml;rkei-Zypern</option> 	<option value="6" class="wm11000pad">Kanarische Inseln</option> 	<option value="8" class="wm11000pad">Karibik-Mexiko-Dom.Rep</option> 	<option value="9" class="wm11000pad">&Auml;gypten-Israel-VAE</option> 	<option value="10" class="wm11000pad">Asien-Thailand-Malediven</option> 	<option value="11" class="wm11000pad">Afrika-Mauritius-Seychellen</option> 	<option value="13" class="wm11000pad">Kroatien-Bulgarien</option> 	<option value="30016" class="wm11000pad">USA-Kanada</option> 	<option value="10023" class="wm11000pad">S&uuml;damerika</option> 	</optgroup> 	<optgroup label="Sonstiges"> 	<option value="14" class="wm11000pad">Tauchregionen</option> 	<option value="10033" class="wm11000pad">Rundreisen</option> 	<option value="10034" class="wm11000pad">Kreuzfahrten</option> 	<option value="10032" class="wm11000pad">Gl&uuml;ckshotels</option> 	<option value="10035" class="wm11000pad">Fly & Drive</option> 	<option value="10031" class="wm11000pad">Sonstiges</option> 	</optgroup>\
                  </select>\
              </dd>\
            </dl>\
            <dl>\
              <dt><label for="termin">Abflugtermin:</label></dt>\
              <dd><input type="text" value="" id="wm11000termin" name="'+td+'termin" /></dd></dl>\
            <dl>\
              <dt><label for="ruecktermin">R&uuml;ckflugtermin:</label></dt>\
              <dd><input type="text" value="" id="wm11000ruecktermin" name="'+td+'ruecktermin" /></dd></dl>\
        </fieldset>\
          <input type="hidden" id="wm11000engine" value="pauschal" name="'+td+'pauschal" />\
          <input type="hidden" id="wm11000detail" value="zielgebiet" name="'+td+'zielgebiet" />\
          <input type="hidden" id="wm11000showresult" value="1" name="'+td+'showresult" />\
    			<input id="wm11000Submit" class="wm11000searchButton" type="submit" name="sub" alt="Angebot suchen!" title="Angebot suchen!" 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+1,day+1);
		
		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+="&termin="+$("termin").value;
		href+="&flugdauer="+$("reiseziel").value;	//Parameter reiseziel heißt aus irgendeinem Grund flugdauer
		href+="&ruecktermin="+$("ruecktermin").value;
		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('werbemittel11000'), '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('wm11000'+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);
	}
})();
