function popupDivForReq(toshow)
{


document.getElementById("blockUI").style.height = (document.body.scrollHeight)+10+'px';
document.getElementById("blockUI").style.display="inline";

xmlHttp=GetXmlHttpObject();
if(toshow=="sendRequest")
{

var url="/cruises/cruise-request.jsp";
document.getElementById("popupDiv").style.height = "450px";
document.getElementById("popupDiv").style.width = "560px";
document.getElementById("popupDiv").style.marginLeft="25%";
}

xmlHttp.onreadystatechange=getPage_toLoad;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}


function getPage_toLoad() 
{
if (xmlHttp.readyState==4)
{ 
var res=xmlHttp.responseText;
document.getElementById("popupDiv").innerHTML=res;
document.getElementById("popupDiv").style.display = "inline";

}

}	
	
	
		
function closepopupDiv(){
	window.parent.document.getElementById("popupDiv").style.display="none";
	window.parent.document.getElementById("blockUI").style.display="none";
}		
	

validateCruiseRequest = function(){
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var mobile = document.getElementById("mobile").value;
var isInternational = document.getElementById("is_international_package").value;
var additionalQry = document.getElementById("additionalQry").value;
document.getElementById("nameError").style.display="none";
document.getElementById("emailError").style.display="none";
document.getElementById("mobileError").style.display="none";
//document.getElementById("travelDateError").style.display="none";
if(name==null || name=="" || name=="null" ){
document.getElementById("nameError").style.display="inline";
document.getElementById('nameError').innerHTML = 'Please enter your name';
return false;
}
if (echeck(email) == false ){
document.getElementById("emailError").style.display="inline";
document.getElementById('emailError').innerHTML = 'Please enter your valid email id';
return false;

}
if( mobile== null || mobile == "" || mobile == "null"){
document.getElementById("mobileError").style.display="inline";
document.getElementById('mobileError').innerHTML = 'Please enter your phone number';
return false;
}

/*if(travelDate == null || travelDate == "0" || travelDate == "null"){
document.getElementById("travelDateError").style.display="inline";
document.getElementById('travelDateError').innerHTML = 'Please select your travel period';
return false;
}*/
sendInfo(name,email,mobile,additionalQry,isInternational);



}
var xmlHttp;
function sendInfo(name,email,mobile,additionalQry,isInternational)
{
document.getElementById("sendLink").innerHTML = ""+
							"<div id='search_flights' class='search_flights'  >"+
								"<div id='green_outside_inner' class='green_button_outside' >"+
									"<div id='green_inside_inner' class='green_button_inside'  style='margin-right:2px;'>"+
										"<span class='white_text_bold'>SENDING</span>"+
									"</div>"+
								"</div>"+
							"</div>"+
						"";

xmlHttp=GetXmlHttpObject();
document.getElementById("sendInfoStatusBar2").style.display = "inline";
	document.getElementById("sendInfoStatusBar2").innerHTML='<img src="/images/travelmargProgress.gif" style="vertical-align:middle;height:25px;">&nbsp;&nbsp;Sending information to TravelMarg...<br/>&nbsp;'; 
    xmlHttp.open("POST","/Cruises",true); // the servlet name
    xmlHttp.onreadystatechange  = getPage_toLoad_afterSend;
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   
 xmlHttp.send("name="+name+"&email="+email+"&mobile="+mobile+"&additionalQry="+additionalQry+"&is_international_package="+isInternational); //Posting parameters to Servlet
  
} 
function getPage_toLoad_afterSend()
{
if (xmlHttp.readyState == 4) {
     if(xmlHttp.status == 200) {	
     	//alert("entered ServerResponse4");
     	document.getElementById("cruiseRedTab").style.display = "none";
     	document.getElementById("sendInfoStatusBar2").style.display = "none";     	
     	document.getElementById("message").style.display = "inline";
        document.getElementById('message').innerHTML=xmlHttp.responseText; //Update the HTML Form element 
      
       	document.getElementById("sendLink").innerHTML = "<a  name='send' id='send' onMouseOver = 'rollover('green_outside_inner', 'dark_green_button_outside', 'green_inside_inner', 'dark_green_button_inside');' onMouseOut = 'rollover('green_outside_inner', 'green_button_outside', 'green_inside_inner', 'green_button_inside');' onClick='return ValidateForm();'>"+
							"<div id='search_flights' class='search_flights'  >"+
								"<div id='green_outside_inner' class='green_button_outside' >"+

									"<div id='green_inside_inner' class='green_button_inside' style='margin-right:2px;'  >"+
										"<span class='white_text_bold'>SEND</span>"+
									"</div>"+
								"</div>"+
							"</div>"+
						"</a>";
     }
     else {
        //alert("Error during AJAX call. Please try again");
        
     }
   }

}