if(window.attachEvent) {
    window.attachEvent('onload', chwidget);
} else {
    if(window.onload) {
        var curronload = window.onload;
        var newonload = function() {
            curronload();
            chwidget();
        };
        window.onload = newonload;
    } else {
        window.onload = chwidget;
    }
}

function chwidget()
{

	var element = document.getElementById("chwidget");
	
	//alert("caricato!!!!");
	
	var output = '';
	output = '<div id="chtitle"><p>Booking on Line</p></div>';
	//output += '<form name="chbookingnow" id="chbookingnow" method="GET" action="https://www.cloud-hotel.it/booknow/" onsubmit="target_popup(this)" >'; 
	output += '<form name="chbookingnow" id="chbookingnow" method="GET" action="https://www.cloud-hotel.it/booknow/" target="_blank" >'; 
	output += '<label for="chfrom">Data di Arrivo:</label><input type="date" id="chfrom" name="from" class="chinput" value="2024-05-01" min="2024-05-01">';
	
	output += '<label for="chto">Notti:</label><input type="number" id="chto" name="night" class="chinput" value="1" min="1" max="99">';
	
	output += '<input type="hidden" name="hkey" value="bcf9bc1d986744835bd571758da3e34d" >';
	
	output += '<input type="submit" name="chsubmit" class="chbutton" value="prenota" >';
	
	output += '<div id="chpowered"><p>Powered by <a href="http://www.cloud-hotel.it" target="_blank">Cloud-hotel.it</a></p></div>';
	
	output += '</form>';

	output += '';
	element.innerHTML = output;
	
	var stile = (function () {/*
  	#chwidget{
			  font-family: Arial;
			  width: 180px;
			  height: 225px;
			  background-color: gold;
			  border-radius: 10px;
			  padding: 8px;
			  border: 1px solid #daa300;
			  color: #003580;
		}

		#chtitle{
			  padding: 0px;
			  border-bottom: 1px solid #000000;
			  margin-bottom: 10px;
		}

		#chtitle p{
			font-weight: bolder;
			font-size: 16px;
			line-height: 0.45em!important;
		}

		.chinput{
			background-color: white;
		    border: 1px solid #cccccc;
		    -webkit-border-radius: 2px;
		    -moz-border-radius: 2px;
		    -ms-border-radius: 2px;
		    -o-border-radius: 2px;
		    border-radius: 2px;
		    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
		    color: rgba(0, 0, 0, 0.75);
		    display: block;
		    font-size: 14px;
		    margin: 0 0 12px 0;
		    padding: 6px;
		    height: 32px;
		    width: 100%;
		    -webkit-transition: all 0.15s linear;
		    -moz-transition: all 0.15s linear;
		    -o-transition: all 0.15s linear;
		    transition: all 0.15s linear;
		}
		#chfrom, #chto{
		}

		
		.chbutton
		{
			width: 100%;
		    display: inline-block;
		    position: relative;
		    vertical-align: middle;
		    padding: 5px 10px;
		    margin: 0;
		    background-color: #0896ff;
		    border: 2px solid #fff;
		    border-radius: 3px;
		    line-height: 1.5;
		    font-weight: bold;
		    text-decoration: none;
		    color: white;
		    cursor: pointer;
		    -webkit-box-shadow: 0 0 3px #aaa;
		    box-shadow: 0 0 3px #aaa;
		}

		#chpowered{
			clear: both;
		}

		#chpowered p{
		    font-size: 10px;
    		text-align: right;
    		margin-top: 10px;
		}

		        
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
	
	//alert(stile);
	
	var para = document.createElement("style");
	var node = document.createTextNode( stile );
	para.appendChild(node);
	document.head.appendChild(para);
	
	
}

function target_popup(form) {
    window.open('', 'formpopup', 'width=640,height=480,resizeable,scrollbars');
    form.target = 'formpopup';
}