document.write('<link rel="stylesheet" href="http://s1.tramino.de/tramino/css/traminobox.css" type="text/css" media="all" />\
<link rel="stylesheet" href="http://s1.tramino.de/tramino/css/datepicker.css" type="text/css" media="all" />');

function TraminoSuchbox( action, flag ){
	
	document.write('<style type="text/css">\
		#traminobox .body, #traminobox .body div  {\
			padding: 0;\
			width:750px;\
			height:550px;\
		}\
		.left {\
			float:left;\
		}\
		.right {\
			float:right;\
		}\
		.clear {\
			clear:both;\
		}\
		\
		#TraminoSuchbox_form img {\
			padding-left:5px;\
		}\
		#TraminoSuchbox_form select {\
			width:95px;\
			margin-top:10px;\
		}\
		#ui-datepicker-div {\
			z-index: 1000;\
		}\
		</style>\
		<form action="' + action + '" id="TraminoSuchbox_formular">\
		<div id="TraminoSuchbox_form">\
		<div class="left" style="width: 135px;">\
			<label class="form" for="form_von">Anreise</label><br/>\
			<input type="text" class="datum" maxlength="10"  size="11" name="von" onChange="checkDatum(this);$(\'#form_von\').datepicker(\'setDate\', $(\'#form_von\').datepicker(\'getDate\'));$(\'#form_bis\').datepicker(\'option\', \'minDate\', $(\'#form_von\').datepicker(\'getDate\'));var day = new Date( Date.parse($(\'#form_von\').datepicker(\'getDate\')) + ( $(\'#form_bis\').attr(\'rel\') * (1000 * 60 * 60 * 24)));$(\'#form_bis\').datepicker(\'setDate\', day);" id="form_von" />\
		</div>\
		<div class="clear"></div>\
		<div class="left" style="width: 135px;">\
			<label class="form" for="form_bis">Abreise</label><br/>\
			<input type="text" class="datum" maxlength="10" size="11" name="bis" value="" onChange="checkDatum(this);$(\'#form_von\').datepicker(\'setDate\', $(\'#form_von\').datepicker(\'getDate\'));$(\'#form_bis\').attr(\'rel\', parseInt((Date.parse($(\'#form_bis\').datepicker(\'getDate\'))-Date.parse($(\'#form_von\').datepicker(\'getDate\'))+3600000)/(60*60*24*1000),10));" id="form_bis" rel="3" />\
		</div>\
		<div class="clear"></div>\
		<div class="left" style="margin-right: 10px;">\
			<label class="form" for="form_erwachsene">Erw.</label><br/>\
			<input name="erwachsene" id="form_erwachsene" value="2" style="width:20px;" maxlength="1" size="2">\
		</div>\
		<div class="left">\
			<label class="form" for="form_kinder">Kinder im Alter</label><br/>\
			<input type="text" class="kind_alter" name="kind1" style="width:20px;" maxlength="2" /> \
			<input type="text" class="kind_alter" name="kind2" style="width:20px;" maxlength="2" /> \
			<input type="text" class="kind_alter" name="kind3" style="width:20px;" maxlength="2" /> \
		</div>\
		<div class="clear"></div>\
		<div class="right">\
		<input type="submit" value="Suchen" />\
		</div>\
		<div class="clear"></div>\
		</div>\
		</form>');
	
	$.getScript("http://s1.tramino.de/tramino/js/jquery.traminobox.js");
	$.getScript("http://s1.tramino.de/tramino/js/datumfix.js");
	
	$("form#TraminoSuchbox_formular").submit( function(){
		var string = $("form#TraminoSuchbox_formular").serialize();
		var uri = $("form#TraminoSuchbox_formular").attr("action");
		jQuery.traminobox( "<iframe src='" + uri + string + "' width='100%' height='100%'  border='0' frameborder='0' style='border:0px solid #fff;'></iframe>" ,"", "", "", "", "");
		return false; });
		
	$.getScript("http://s1.tramino.de/tramino/js/jquery-ui.min.js", function(){
		$("#form_von, #form_bis").datepicker({
			showOn: 'button',
			buttonImage: 'http://s1.tramino.de/gfx/calendar.gif',
			buttonImageOnly: true,
			dateFormat: 'dd.mm.yy',
			altFormat: 'dd.mm.yy',
			dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
			dayNamesMin:['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
			dayNamesShort:['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
			duration: '',
			numberOfMonths: 2,
			monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
			monthNamesShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'],
			minDate: 1,
			defaultDate: 1
		});
		if($('#form_von').attr("value") == "" ){ $('#form_von').datepicker('setDate', new Date() ); }
		if($('#form_bis').attr("value") == "" ){ $('#form_bis').datepicker('setDate', +4 ); }
		$('#form_bis').datepicker('option', 'minDate', $('#form_von').datepicker('getDate'));
	});
}

function TraminoSuchbox_setheight( height ){
	$("#traminobox .body, #traminobox .body div").css("height", height);
}