function displayError(formNode, validators){

	// Create a <div> that will act as an error display

	var displayNode = document.createElement("div");

	// Create an id that will identify the errors who belongs to this specific form and assign it to the <div>

	var errorId = formNode.id + "displayError";

	displayNode.setAttribute("id", errorId);

	var listNode = document.createElement("ul");

	// Append an entry to the <ul> for each error

	for(var i=0;i<validators.length;i++){

	var listentryNode = document.createElement("li");

		var emNode = document.createElement("em");

		emNode.appendChild(document.createTextNode(validators[i].name));

		listentryNode.appendChild(emNode);

		listentryNode.appendChild(document.createTextNode(": " + validators[i].message));

		listNode.appendChild(listentryNode);

	}

	displayNode.appendChild(listNode);

	var oldDisplay = document.getElementById(errorId);

	// If an error display is already there, we replace it, if not, we create one from scratch 

	if(oldDisplay){

		formNode.parentNode.replaceChild(displayNode, oldDisplay); 

	}

	else{

		formNode.parentNode.insertBefore(displayNode, formNode);

	}

}

function check_room(num,k,amount_to_pass)
{
var temp = new Array();
temp = amount_to_pass.split(' ');

		document.getElementById('container_'+num).innerHTML="";
	if(k.value=='single'){
		document.getElementById('container_'+num).innerHTML=create_single_div(temp[0],num,'Single');
	}
	if(k.value=='double'){
		document.getElementById('container_'+num).innerHTML=create_double_div(temp[1],num,'Double');
	}
	if(k.value=='triple'){
		document.getElementById('container_'+num).innerHTML=create_triple_div(temp[2],num,'Triple');
	}
	if(k.value=='quad'){
		document.getElementById('container_'+num).innerHTML=create_quad_div(temp[3],num,'Quad');
	}
	if(k.value=='child'){
		document.getElementById('container_'+num).innerHTML=create_single_div(temp[0],num,'Child');
	}	
}

function create_single_div(amount,room_no,who)
{
	amount=amount*1;
	var total=amount;
	var div='<div id="single_room" style="border:dotted blue"><table width="100%" border="4" ><tr><td align="center"><table width="95%" cellpadding="0" cellspacing="4" align="center" id="passengerTable1" style="text-align:left;"><tr><td class="search_header">&nbsp;&nbsp;<strong>Room '+room_no+': '+who+', non-smoking - 1 passengers, '+amount+'</strong></td></tr>'+create_div_table(1,amount)+'<tr><td align="center"><table width="90%" cellspacing="0"><tr><td width="60%" valign="top">&nbsp;</td><td width="40%" align="right" valign="top"><strong>TOTAL:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$'+total+'</strong></td></tr></table></td></tr></table></td></tr></table></div>';
	return div;
}

function create_double_div(amount,room_no,who)
{amount=amount*1;
	var total=amount;
	var div='<div id="single_room" style="border:dotted blue"><table width="100%" border="4" ><tr><td align="center"><table width="95%" cellpadding="0" cellspacing="4" align="center" id="passengerTable1" style="text-align:left;"><tr><td class="search_header">&nbsp;&nbsp;<strong>Room '+room_no+': '+who+', non-smoking - 2 passengers, '+amount+'</strong></td></tr>'+create_div_table(1,amount)+create_div_table(2,amount)+'<tr><td align="center"><table width="90%" cellspacing="0"><tr><td width="60%" valign="top">&nbsp;</td><td width="40%" align="right" valign="top"><strong>TOTAL:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$'+total+'</strong></td></tr></table></td></tr></table></td></tr></table></div>';
	return div;
}


function create_triple_div(amount,room_no,who)
{amount=amount*1;
	var total=amount;
	var div='<div id="single_room" style="border:dotted blue"><table width="100%" border="4" ><tr><td align="center"><table width="95%" cellpadding="0" cellspacing="4" align="center" id="passengerTable1" style="text-align:left;"><tr><td class="search_header">&nbsp;&nbsp;<strong>Room '+room_no+': '+who+', non-smoking - 3 passengers, '+amount+'</strong></td></tr>'+create_div_table(1,amount)+create_div_table(2,amount)+create_div_table(3,amount)+'<tr><td align="center"><table width="90%" cellspacing="0"><tr><td width="60%" valign="top">&nbsp;</td><td width="40%" align="right" valign="top"><strong>TOTAL:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$'+total+' </strong></td></tr></table></td></tr></table></td></tr></table></div>';
	return div;
}

function create_quad_div(amount,room_no,who)
{amount=amount*1;
	var total=amount;
	var div='<div id="single_room" style="border:dotted blue"><table width="100%" border="4" ><tr><td align="center"><table width="95%" cellpadding="0" cellspacing="4" align="center" id="passengerTable1" style="text-align:left;"><tr><td class="search_header">&nbsp;&nbsp;<strong>Room '+room_no+': '+who+', non-smoking - 4 passengers, '+amount+'</strong></td></tr>'+create_div_table(1,amount)+create_div_table(2,amount)+create_div_table(3,amount)+create_div_table(4,amount)+'<tr><td align="center"><table width="90%" cellspacing="0"><tr><td width="60%" valign="top">&nbsp;</td><td width="40%" align="right" valign="top"><strong>TOTAL:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$'+total+'</strong></td></tr></table></td></tr></table></td></tr></table></div>';
	return div;
}

function create_div_table(num,amount)
{amount=amount*1;
		var value='<tr><td><strong>Passenger '+num+'</strong></td></tr><tr><td align="center"><table width="90%" cellspacing="0" align="center" style="text-align:left;"><tr><td width="60%" valign="top"><table width="100%" cellspacing="0"><tr><td width="20%">First Name</td><td width="80%"><input type="text" name="passenger1_fname" /></td></tr><tr><td>Last Name</td><td><input type="text" name="passenger1_lname" /></td></tr><tr><td colspan="2"><input type="checkbox" />&nbsp;This passenger is a child under the age of 8 (10% discount)</td></tr><tr><td colspan="2" height="8"></td></tr><tr><td colspan="2" height="8">Special Requests or Needs:</td></tr><tr><td colspan="2" height="8"><textarea cols="50" rows="5"></textarea></td></tr></table></td><td width="40%" align="right" valign="top">Passenger Rate: $'+amount+' <br/><br/><!--Passenger Rate: $345.00<br/><br/>-->Trip Protection: $0.00<br/><!--Trip Protection: $56.00<br/>Lobster Dinner: $45.00--></td></tr></table> </td></tr><tr><td height="18"></td></tr>';
		
		return value;
}



function clickme(label,amount_to_pass,labels)
{	
//alert('ddddddddddddddddddd');
var temp = new Array();
temp = label.split(' ');
var items = temp.length;
var j=0;
for(i=1;i<=items;i++)
{	
	if(temp[i]=='**')
	{
		j++;
	}	
}


var temp1 = new Array();
var temp=label;
var option='';
for(i=0;i<j;i++)
{
	var pos = temp.indexOf('**');
	//temp1[i]=temp.substring(0,pos);
	
		var myRegExp = /Single/;
		var string1 = temp.substring(0,pos);
		var matchPos1 = string1.search(myRegExp);		
		if(matchPos1 != -1)
			var value="single";
			
		myRegExp = /Double/;
		var matchPos1 = string1.search(myRegExp);	
		if(matchPos1 != -1)
			var value="double";
			
			
		myRegExp = /Triple/;
		var matchPos1 = string1.search(myRegExp);		
		if(matchPos1 != -1)
			var value="triple";
		
		myRegExp = /Quad/;
		var matchPos1 = string1.search(myRegExp);		
		if(matchPos1 != -1)
			var value="quad";
			
		myRegExp = /Child/;
		var matchPos1 = string1.search(myRegExp);		
		if(matchPos1 != -1)
			var value="child";

	option+='<option value="'+value+'">'+temp.substring(0,pos)+'</option>';
	temp=temp.substring(pos+3);
}

var amount = new Array();
amount = amount_to_pass.split(' ');

var label = new Array();
label = labels.split(' ');

	
	var yy = document.getElementById("check_no").value*1;
	var num = yy+1;
	if(document.getElementById("delete_button"+yy)){
		document.getElementById("delete_button"+yy).innerHTML='';
	}
	document.getElementById("check_no").value=num;
	var content = document.getElementById('box').innerHTML;
	
	var container_div_ = document.getElementById('container').innerHTML;
	if(document.getElementById("div_id_"+num))
	{	
			document.getElementById("div_id_"+num).innerHTML='<div  style="float:left;width:70px" >Room #'+num+':</div><div  width="90%"><select name="roomselect' + num + '" style="width:200px;" onchange="check_room('+num+',this,\''+amount_to_pass+'\');">'+option+'</select> <select name="roomselect' + num + 'smoking" style="width:100px;"><option>Non-Smoking</option><option>Smoking</option></select>&nbsp;&nbsp;<span id="delete_button'+num+'"><a href="#" onClick="delete_me()">Remove Room</a></span></div>';
			
			document.getElementById("container_"+num).innerHTML=create_single_div(amount[0],num,'Child');

	}
	else{
			content= content+'<div id="div_id_'+num+'"  style="width:650px;border:none"><div  style="float:left;width:70px">Room #'+num+':</div><div  width="90%"><select name = "roomselect' + num + '" style = "width:200px;" onchange="check_room('+num+',this,\''+amount_to_pass+'\');">'+option+'</select> <select name="roomselect' + num + 'smoking" style="width:100px;" ><option>Non-Smoking</option><option>Smoking</option></select>&nbsp;&nbsp;<span id="delete_button'+num+'"><a href="#" onClick="delete_me()">Remove Room</a></span></div></div>';
			document.getElementById('box').innerHTML=content;
			
			document.getElementById("container").innerHTML=container_div_+'<div id="container_'+num+'">'+create_single_div(amount[0],num,'Child')+'</div>';
	}
}
function delete_me()
{	
	var yy=document.getElementById("check_no").value*1;
	document.getElementById('div_id_'+yy).innerHTML='';
	document.getElementById('container_'+yy).innerHTML='';

	var num=yy-1;
	document.getElementById("check_no").value=num;
	if(document.getElementById("delete_button"+num))
		document.getElementById("delete_button"+num).innerHTML='<a href="#" onClick="delete_me()">Remove Room</a>';

}