HWB3Mask = function() {
	this.dtArr = new Date();
	this.nights = 1;
	this.minnights=1;
	this.maxnights=1;
	this.align='Bl';

	this.setArrival = function() {
		var a=document.getElementById('arrivalmmyy').value.split("/");
		var ad=document.getElementById('arrivalday'),m=a[0],y=a[1],d=ad.value,dim=new Date(y,m,0).getDate(),tm=new Date(y,m-1,1);
		ad.options.length=0;
		for(var i=1;i<=dim;i++)
			ad.options[i-1] = new Option(i,i);
		ad.value=d>dim?dim:d;
		document.getElementById('arrdate').value=m+'/'+d+'/'+y;
		adjustDeparture();
		setNights();
	}
	this.setDeparture = function() {
		var a=document.getElementById('departuremmyy').value.split("/");
		var dd=document.getElementById('departureday'),m=a[0],y=a[1],d=dd.value,dim=new Date(y,m,0).getDate(),tm=new Date(y,m-1,1);
		dd.options.length=0;
		for(var i=1;i<=dim;i++)
			dd.options[i-1] = new Option(i,i);
		dd.value=d>dim?dim:d;
		document.getElementById('depdate').value=m+'/'+d+'/'+y;
		setNights();
	}

	var setNights = function() {
		var dt1 = new Date(document.getElementById('arrdate').value);
		var dt2 = new Date(document.getElementById('depdate').value);
		var n = ((dt2.getTime()-dt1.getTime())/86400000);
		document.getElementById('nights').value=(n>0&&n<40)?n:1;
		if(n>40) adjustDeparture(1);
		else if(n<1) {
			var amy=document.getElementById('arrivalmmyy');
			var dmy=document.getElementById('departuremmyy');
			if( amy.selectedIndex==dmy.selectedIndex )
			{
				dmy.selectedIndex=dmy.selectedIndex+1;
				setDeparture();
			}
			else
				adjustArrival(-1);
		}
	}
	var adjustDeparture=function(n) {
		var n=n||document.getElementById('nights').value;
		var dt1=new Date(document.getElementById('arrdate').value);
		var dt2=new Date(dt1.getTime()+(86400000*n));
		var d=dt2.getDate(),m=dt2.getMonth()+1,y=dt2.getFullYear();
		document.getElementById('depdate').value=m+'/'+d+'/'+y;
		setDates('departure',dt2);
	}
	var adjustArrival=function(n) {
		var n=n||document.getElementById('nights').value;
		var dt1 = new Date(document.getElementById('depdate').value);
		var dt2 = new Date(dt1.getTime()+(86400000*n));
		var d=dt2.getDate(),m=dt2.getMonth()+1,y=dt2.getFullYear();
		document.getElementById('arrdate').value=m+'/'+d+'/'+y;
		setDates('arrival',dt2);
	}
	var setDates=function(fn,dt) {
		var d=dt.getDate().toString(),m=(dt.getMonth()+1).toString(),y=dt.getFullYear().toString(),dim=new Date(y,m,0).getDate();
		var od=document.getElementById(fn+'day');
		od.options.length=0;
		for(var i=1;i<=dim;i++)
			od.options[i-1] = new Option(i,i);
		document.getElementById(fn+'mmyy').value=m+'/'+y;
		document.getElementById(fn+'day').value=d;
	};
	this.showRooms=function(o) {
		var max=o[o.selectedIndex].value;
		for(var i=1; i<=o.options.length;i++)
		{
			if(i<=max)
				document.getElementById('hwbro'+String(i)).style.display='';
			else
				document.getElementById('hwbro'+String(i)).style.display='none';
		}
	};
	this.setArr=function(cal) {setDates('arrival',cal.date); adjustDeparture(); setNights(); }
	this.setDep=function(cal) {setDates('departure',cal.date); setNights(); }
	this.create=function(dtArr,nights,minnights,align) {
		var dtArr = dtArr||new Date();
		var nights = nights||1;
		var minnights=minnights||1;
		this.align=align||'Bl';

		var ad=document.getElementById('arrivalday'),dd=document.getElementById('departureday'),amy=document.getElementById('arrivalmmyy'),dmy=document.getElementById('departuremmyy');
		ad.onchange=this.setArrival;
		amy.onchange=this.setArrival;
		dd.onchange=this.setDeparture;
		dmy.onchange=this.setDeparture;

		var dt=dtArr,y=dt.getFullYear(),m=dt.getMonth()+1;
		amy.options.length=0;
		dmy.options.length=0;
		for(var i=m;i<=24;i++) {
			amy.options[amy.options.length]=new Option(dt.print('%b. %y'),m+'/'+y);
			dmy.options[dmy.options.length]=new Option(dt.print('%b. %y'),m+'/'+y);
			dt=new Date(y,m,1);
			y=dt.getFullYear(),m=dt.getMonth()+1;
		}
		var dtD = dtArr;
		dtD=new Date(dtD.getDate() + Math.round(nights * 86400000));

		setDates('arrival', dtArr);
		setDates('departure', dtD);
		document.getElementById('nights').value = nights;
		this.setArrival();
		this.setDeparture();

		Calendar.setup({inputField:"arrdate",ifFormat:"%m/%d/%Y",button:"hwbdt1",align:this.align,singleClick:true,weekNumbers:false,onUpdate:this.setArr,range:[dtArr.getFullYear(),dtArr.getFullYear()+1],dateStatusFunc:function(date){return(dtArr.getTime()-86400000<date.getTime()?false:true)}});
		Calendar.setup({inputField:"depdate",ifFormat:"%m/%d/%Y",button:"hwbdt2",align:this.align,singleClick:true,weekNumbers:false,onUpdate:this.setDep,range:[dtArr.getFullYear(),dtArr.getFullYear()+1],dateStatusFunc:function(date){return(new Date(document.getElementById('arrdate').value).getTime()<date.getTime()?false:true)}});
	}

	this.display=function() {
	
	var out='<div id="HWBMask">';
	out+="<form method=\"post\" target=\"_bookingwindow\" action=\"https://secure.hotelwebservice.de/reservation/?hotelID=6AF11073-215A-CD30-7AD452CEB6D7D49C&amp;lang=DE&amp;company=0\" onsubmit=\"window.open('','_bookingwindow','width=600,height=520,status=yes,scrollbars=yes,resizable=yes')\">";
	out+='<input type="hidden" name="dates.nights" id="nights" value="1" /><input type="hidden" name="dates.dtarrival" value="" id="arrdate" /><input type="hidden" name="dates.dtdeparture" id="depdate" value="" />';
	out+='<table width="100%" cellspacing="0" cellpadding="0" border="0">';
	
	out+='<tr><td width="66" height="25"><label for="arrivalday">Anreise:&nbsp;</label></td>';
	out+='<td><select name="dates.arrivalDay" id="arrivalday" style="width:45px;"></select></td>';
	out+='<td><select name="dates.arrivalMMYY" id="arrivalmmyy"></select></td>';
	out+='<td><img src="http://secure.hotelwebservice.de/media/_.gif" id="hwbdt1" alt="Datum wählen" title="Datum wählen" /></td></tr>';
	
	out+='<tr><td height="25"><label for="departureday">Abreise:&nbsp;</label></td>';
	out+='<td><select name="dates.departureDay" id="departureday" style="width:45px;"></select></td>';
	out+='<td><select name="dates.departureMMYY" id="departuremmyy"></select></td>';
	out+='<td><img src="http://secure.hotelwebservice.de/media/_.gif" id="hwbdt2" alt="Datum wählen" title="Datum wählen" /></td></tr>';
	
	out+='<tr><td height="25"><label for="roomsamount">Zimmer:&nbsp;</label></td>';
	out+='<td colspan="3"><select name="dates.iRooms" id="roomsamount" onchange="HWBMask.showRooms(this)" style="width: 45px;"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></td></tr>';
	out+='</table>';
	
	out+='<div id="hwbro1">';
	out+='<table width="210px" cellspacing="0" cellpadding="0" border="0">';
	out+='<tr><td width="66"><label for="e1">Personen:</label></td><td width="50"><select name="dates.e_1" id="e1" style="width:45px;" ><option value="1">1</option><option value="2">2</option></select></td>';
	out+='<td style="color:#FFF">in Zimmer 1</td>';
	out+='</tr></table></div>';
	
	out+='<div id="hwbro2" style="display: none;">';
	out+='<table width="210px" cellspacing="0" cellpadding="0" border="0">';
	out+='<tr><td width="66">&nbsp;</td><td width="50"><select name="dates.e_2" id="e2" style="width:45px;" ><option value="1">1</option><option value="2">2</option></select></td>';
	out+='<td style="color:#FFF">in Zimmer 2</td>';
	out+='</tr></table></div>';
	
	out+='<div id="hwbro3" style="display: none;">';
	out+='<table width="210px" cellspacing="0" cellpadding="0" border="0">';
	out+='<tr><td width="66">&nbsp;</td><td width="50"><select name="dates.e_3" id="e3" style="width:45px;"><option value="1">1</option><option value="2">2</option></select></td>';
	out+='<td  style="color:#FFF">in Zimmer 3</td>';
	out+='</tr></table></div>';
	
	out+='<div id="hwbbutton" >';
	out+="<input type=\"submit\" name=\"dosearch\" value=\" Verfügbarkeit prüfen \" class=\"submit\" onmouseover=\"this.className='submitOver';\" onmouseout=\"this.className='submit';\" />&nbsp;";
	out+='</div></form></div>';
	document.write(out);
	this.create();
	}
}
HWBMask = new HWB3Mask();

document.write('<script type="text/javascript" src="http://secure.hotelwebservice.de/media/_js/calendar/cal10.js"><\/script>');
document.write('<script type="text/javascript" src="http://secure.hotelwebservice.de/media/_js/calendar/lang/calendar-de.js"><\/script>');