// JavaScript Document
document.charset = "UTF-8";
getSelectedValue = function(elmId){
	select = document.getElementById(elmId);
	return select[select.selectedIndex].value;
}

book = function(){
    airport2 = getSelectedValue('airport2');
    airport = document.getElementById('airport').value;
	outbound_day = getSelectedValue('outbound_day');
	outbound_month = getSelectedValue('outbound_month');
	outbound_year = getSelectedValue('outbound_year');
	return_day = getSelectedValue('return_day');
	return_month = getSelectedValue('return_month');
	return_year = getSelectedValue('return_year');
	adults = getSelectedValue('adults');

	if( outbound_year>return_year || outbound_month>return_month && outbound_year==return_year || outbound_day>return_day && outbound_month==return_month && outbound_year==return_year){
		alert('Das Rückflugdatum darf nicht vor dem Hinflugdatum liegen!');
	}
	else{
                window.open('http://booking.swiss.com/web/bbf.htm?BOOKBY=SP&Origin='+airport+'&Destination='+airport2+'&depart='+outbound_day+'.'+outbound_month+'.'+outbound_year+'&inbound='+return_day+'.'+return_month+'.'+return_year+'&flex=0&OutboundFlex=0&InboundFlex=0&Adults='+adults+'&Children=0&AIRLINE=LX&OutboundClass=Y&DirectFlightsOnly=true&lang=2&page=BBF&submit.x=53&submit.y=7');
	}
}

today = new Date();


document.write('<div id="bookingbanner">');
document.write('<div style="background-color:#EBF1EF;padding-bottom:10px;" >');
document.write('<div class="text" style="padding-left:10px;"><b>Fl&uuml;ge mit SWISS buchen</b></div>');
document.write('<form id="bookingbanner_form" name="bookingbanner_form" action="#" onsubmit="return false">');


document.write('<div style="margin: 0 0 8px 10px;">');
document.write('<label style="display: block; float: left; margin-top: 3px; width: 100px;">Von</label>');
document.write('<input id="airport" name="airport" style="width: 160px; font-family: Arial; font-size: 12px; color: #405070; margin: 0; padding: 0;">');
document.write('</div>');

document.write('<div style="margin: 0 0 8px 10px;">');
document.write('<label style="display: block; float: left; margin-top: 3px; width: 100px;">Nach</label>');
document.write('<select id="airport2" name="airport2" style="width: 160px"><option value="Z%u00fcrich">Z&uuml;rich</option><option value="Genf">Genf</option><option value="Basel">Basel</option><option value="Lugano">Lugano</option></select>');
document.write('</div>');

document.write('<div style="margin: 0 0 8px 10px;">');
document.write('<label style="display: block; float: left; margin-top: 3px; width: 100px;">Hinflug</label>');
document.write('<select id="outbound_day" name="outbound_day" style="width: 50px; font-family: Arial; font-size: 12px; color: #405070;">');
for(i=1; i<32; i++){
	document.write('<option value="'+((i<10)?('0'+i):i)+'"'+(today.getDate()==i?' selected="selected"':'')+'>'+((i<10)?('0'+i):i)+'</option>');
}
document.write('</select>');
document.write('<select id="outbound_month" name="outbound_month" style="width: 50px; font-family: Arial; font-size: 12px; color: #405070;">');
for(i=1; i<13; i++){
	document.write('<option value="'+((i<10)?('0'+i):i)+'"'+(today.getMonth()+1==i?' selected="selected"':'')+'>'+((i<10)?('0'+i):i)+'</option>');
}
document.write('</select>');
document.write('<select id="outbound_year" name="outbound_year" style="width: 65px; font-family: Arial; font-size: 12px; color: #405070;">');
	document.write('<option value="'+today.getFullYear()+'">'+today.getFullYear()+'</option>');
	document.write('<option value="'+(today.getFullYear()+1)+'">'+(today.getFullYear()+1)+'</option>');
document.write('</select>');
document.write('</div>');

document.write('<div style="margin: 0 0 8px 10px; font-family: Arial; font-size: 12px;">');
document.write('<label style="display: block; float: left; margin-top: 3px; width: 100px;">R&uuml;ckflug</label>');
document.write('<select id="return_day" name="return_day" style="width: 50px; font-family: Arial; font-size: 12px; color: #405070;">');
for(i=1; i<32; i++){
	document.write('<option value="'+((i<10)?('0'+i):i)+'"'+(today.getDate()==i?' selected="selected"':'')+'>'+((i<10)?('0'+i):i)+'</option>');
}
document.write('</select>');
document.write('<select id="return_month" name="return_month" style="width: 50px; font-family: Arial; font-size: 12px; color: #405070;">');
for(i=1; i<13; i++){
	document.write('<option value="'+((i<10)?('0'+i):i)+'"'+(today.getMonth()+1==i?' selected="selected"':'')+'>'+((i<10)?('0'+i):i)+'</option>');
}
document.write('</select>');
document.write('<select id="return_year" name="return_year" style="width: 65px; font-family: Arial; font-size: 12px; color: #405070;">');
document.write('<option value="'+today.getFullYear()+'">'+today.getFullYear()+'</option>');
document.write('<option value="'+(today.getFullYear()+1)+'">'+(today.getFullYear()+1)+'</option>');
document.write('</select>');
document.write('</div>');

document.write('<div style="margin: 0 0 0px 10px; font-family: Arial; font-size: 12px;">');
document.write('<label style="display: block; float: left; margin-top: 3px; width: 100px; color: #000000;">Erwachsene</label>');
document.write('<select id="adults" name="adults" style="width: 160px; font-family: Arial; font-size: 12px; color: #405070;">');
for(i=1; i<5; i++){
	document.write('<option value="'+i+'">'+i+' Erwachsene</option>');
}
document.write('</select>');
document.write('</div>');

document.write('</div>');
document.write('<div class="colLink"><a href="javascript:book();">BUCHEN</a></div>');
document.write('</form>');

document.write('</div>');