// load CSS
function loadCss(){
var oLink=document.createElement("link")
if(/MSIE (\d+\.\d+);/.test(navigator.userAgent))
 {
 oLink.href = "http://www.hotels.co.il/json/travelbyclick/compo_res/style"+styleS+".css";
 oLink.rel = "stylesheet";
 oLink.type = "text/css";
 document.body.appendChild(oLink);
 }
 else
 {
 oLink.href="http://www.hotels.co.il/json/travelbyclick/compo_res/style"+styleS+".css";
 oLink.rel="stylesheet";
 oLink.type="text/css";
 document.getElementsByTagName('head')[0].appendChild(oLink);
 }
  }
// Load CSS

// Compo UI Start
var TourControl = function(containerId, containerId2)
{
	var T =
    {
        containerId: containerId,
		containerId2: containerId2,
		clientId: containerId,
		clientId2: containerId2,
		getContainer: function getContainer()
        {
            var container = $(this.clientId);
            if (!container)
            {
                var parentContainer = $(this.containerId);
                if (parentContainer)
                {
                    container = document.createElement("div");
                    container.id = this.clientId;
                    parentContainer.appendChild(container);
                }
            }
            return container;
        },
		
		getContainer2: function getContainer2()
        {
            var container2 = $(this.clientId2);
            if (!container2)
            {
                var parentContainer2 = $(this.containerId2);
                if (parentContainer2)
                {
                    container2 = document.createElement("div");
                    container2.id = this.clientId2;
                    parentContainer2.appendChild(container2);
                }
            }
            return container2;
        },
		
		buildControl: function buildControl()
        {
            this.getContainer();
			this.getContainer2();
            this.addDatePicker();
           // this.addClearingDiv();
        },
		
		addDatePicker: function addDatePicker()
        {
            var container = this.getContainer();
			var container2 = this.getContainer2();
			
            var divObj = document.createElement("div");
            divObj.className = "date1";
            // Add fixed date selection
            var inputControl = document.createElement("input");
            inputControl.name = "Fixed_Date1";
            inputControl.id = "Fixed_Date1";
            inputControl.type = "text";
			inputControl.className = "check_text";
            inputControl.value = "";
            inputControl.readOnly = "readonly";
            
            divObj.appendChild(inputControl);
            
			var objImg = document.createElement("img");
			objImg.src="http://www.hotels.co.il/json/travelbyclick/compo_res/images/calender.jpg";
			
			divObj.appendChild(objImg);
            container.appendChild(divObj);
			
			var divObj2 = document.createElement("div");
            divObj2.className = "date2";
            // Add fixed date selection
            var inputControl2 = document.createElement("input");
            inputControl2.name = "Fixed_Date2";
            inputControl2.id = "Fixed_Date2";
            inputControl2.type = "text";
			inputControl2.className = "check_text";
            inputControl2.value = "";
            inputControl2.readOnly = "readonly";
            
            divObj2.appendChild(inputControl2);
            
			var objImg2 = document.createElement("img");
			objImg2.src="http://www.hotels.co.il/json/travelbyclick/compo_res/images/calender.jpg";
			
			divObj2.appendChild(objImg2);
            container2.appendChild(divObj2);
			
			objImg.onclick = this.datePickerEventHandler.bindAsEventListener(this, inputControl,inputControl2,true);
			objImg2.onclick = this.datePickerEventHandler.bindAsEventListener(this, inputControl2,inputControl,false);
            
            inputControl.onclick = this.datePickerEventHandler.bindAsEventListener(this, inputControl,inputControl2,true);
            inputControl2.onclick = this.datePickerEventHandler.bindAsEventListener(this, inputControl2,inputControl,false);
        },
		
        datePickerEventHandler: function datePickerEventHandler(ev, datePickerControl1, datePickerControl2, before)
        {
            ev = ev || window.event;
            datePickerControl1.select();
            var secondDateValue = null;
            
            if (datePickerControl2)
                secondDateValue = {date: datePickerControl2.value, blocktype: (before == true) ? 1 : 2};
            
            var u = lcs(datePickerControl1, secondDateValue, null, null);
            ev.cancelBubble = true;
            ev.returnType = false;            
        },
		addLineBreak: function addLineBreak()
        {
            var container = this.getContainer();
            var br = document.createElement("br");
            container.appendChild(br);
        },
        
        addClearingDiv: function addClearingDiv()
        {
            var container = this.getContainer();
            var divObj = document.createElement("div");
            divObj.className = "clr";
            container.appendChild(divObj);
        },
        
        addSeperator: function addSeperator()
        {
            var container = this.getContainer();
            var hr = document.createElement("hr");
            container.appendChild(hr);
        }
		
	}
	
	T.buildControl();
    return T;
}
// Calander Controls End

// Index Controls Start

/* create a Additional Detials Block Div */


///// define the default total numbers of Rooms//////////
var totalNORooms			=	4;

///// define the default total numbers of Adults//////////
var totalAdults				=	6;

///// define the default total numbers of Children//////////
var totalChildren			=	6;

///// define the default total numbers of Babys//////////
var totalBaby				=	6;

///// define const var//////
var constVar				=	1;

// define 
var selectFacilityCode		=	0;


/* create a Additional Detials Block Div */
var divObjCContianerBlock	= 	document.createElement("div");
	divObjCContianerBlock.id = 	"control_container_block";
	
var divObjSelectHotelContBlock	= 	document.createElement("div");
divObjSelectHotelContBlock.id = 	"SelectHotel_container_block";	

var divObjCRTBlock			=	document.createElement("div");
	divObjCRTBlock.id		=	"room_type_block";
var divObjNOABlock			=	document.createElement("div");
	divObjNOABlock.id		=	"adult_block";
var divObjNOCBlock			=	document.createElement("div");
	divObjNOCBlock.id		=	"children_block";
var divObjNOBBlock			=	document.createElement("div");
	divObjNOBBlock.id		=	"baby_block";


// define loadContainerbody Variables //
	var arrayNew = new Array();
    
        			
	var roomTypeArray 		= [];
	var roomIdArray			= [];
	var maxAdultArray		= [];
	var maxChildrenArray	= [];
	var maxBabyArray		= [];
	var maxPersonsArray		= [];
	//var maxRateIncludeArray	= new Array();
	//var maxBoardTypeArray	= new Array();
    var totalFacilityArray =  [];
    
    var paramArray	= new Array();
	paramArray['HotelID'] 	= HotelIDNum;

function loadData(MultiHotelIDNum,fromCel,affref) {

// set multi refid/hedid
if (multiHotel == 1){

if (affref == undefined){
 var affref = 0
}

 this.HedID = multiHedIDArray[affref];
 this.RefID = multiRefIDArray[affref];
}
else{
 this.HedID = HedID;
 this.RefID = RefID;
}

var JsonTransporter	= new ETT.Transporter("http://www.hotels.co.il/json/travelbyclick/rooms_compo_json.cfc");	
    
    this.HSelVal = fromCel;
    paramArray['HotelID'] 	= MultiHotelIDNum;
	JsonTransporter.disableCache();	
	JsonTransporter.setParams(paramArray);
	//JsonTransporter.load("GetRoomsInfo", "loadContainerBody");
	JsonTransporter.load("GetRoomsInfo", "get_result", "loadData");
}

// New Better Method of Getting the data

function get_result(json)
{
   this.objdata = json;
    // map the json object
   this.colMap=[];
  //find the columns
   for(var i = 0; i < this.objdata.COLUMNS.length; i++) {
      this.colMap[this.objdata.COLUMNS[i]] = i;      
   }
   //alert(this.objdata.DATA[0][colMap.ROOMNAME]);
   
   //alert(this.objdata.DATA.length);
   this.dataCount = this.objdata.DATA.length;
   
    this.RateInclude = this.objdata.DATA[0][colMap.RATEINCLUDE];
    this.maxBoardType = this.objdata.DATA[0][colMap.BOARDTYPES];
    this.hotelName = this.objdata.DATA[0][colMap.HOTELNAME];
    
    // clear roomType Array
    	roomTypeArray = [];
 
 for(var i = 0; i < this.dataCount; i++) {
      roomTypeArray[i] = this.objdata.DATA[i][colMap.ROOMNAME]; 
      maxAdultArray[i] = this.objdata.DATA[i][colMap.MAXADULTS]; 
	  maxChildrenArray[i] = this.objdata.DATA[i][colMap.MAXCHILDREN]; 
	  maxBabyArray[i] = this.objdata.DATA[i][colMap.MAXBABY]; 
	  maxPersonsArray[i] = this.objdata.DATA[i][colMap.MAXPERSONS];      
  }
    
    totalFacilityArray =  [];	  
   	var o=0;
	if(this.RateInclude==1){
		totalFacilityArray[o]	=	"Room Only";
		o++;
	}
	if(this.RateInclude<=2 && listFind(this.maxBoardType+'','2')==1){
		totalFacilityArray[o]	=	"Bed and Breakfast";
		o++;
	}
	else if(this.RateInclude==2){
		totalFacilityArray[o]	=	"Bed and Breakfast";
		o++;
	}
	if(this.RateInclude<=3 && listFind(this.maxBoardType+'','3')==1){
		totalFacilityArray[o]	=	"Breakfast and 1 meal";
		o++;
	}
	else if(this.RateInclude==3){
		totalFacilityArray[o]	=	"Breakfast and 1 meal";
		o++;
	}
	if(this.RateInclude<=4 && listFind(this.maxBoardType+'','4')==1){
		totalFacilityArray[o]	=	"Breakfast and 2 meals";
		o++;
	}
	if(this.RateInclude==4){
		totalFacilityArray[o]	=	"Breakfast and 2 meals";
		o++;
	}
	if(this.RateInclude<=5 && listFind(this.maxBoardType+'','5')==1){
		totalFacilityArray[o]	=	"Full Board";
		o++;
	}
	if(this.RateInclude==5){
		totalFacilityArray[o]	=	"Full Board";
		o++;
	}
	if(this.RateInclude==6){
		totalFacilityArray[o]	=	"All Inclusive";
		o=0;
	}
    
  if (this.HSelVal == undefined)
  {
     loadContainerBody();
  }
  else
  {
  Element.remove('room_type'+constVar);
  Element.remove('facility'+constVar);
  
  createSelectBox("room_type"+constVar,roomTypeArray,0,divObjCRTBlock,"width:100px;");
  createSelectBox("facility"+constVar,totalFacilityArray,0,this.divObjFBlock);
  }

 
   
}


function loadContainerBody() {

	/* Create a Form */
//	var formObj					=	document.createElement("form");
//	formObj.name				=	"form";
//	formObj.method				=	"post";
//	formObj.action				=	"";
//	document.body.appendChild(formObj);

	
	/* create a Body Container div */
	var divObj 		 			= 	document.createElement("div");
	divObj.className 			= 	"container_body";
	divObj.id		 			= 	"container_body";
	
       document.getElementById(CompoCont).appendChild(divObj);
	
	
	/* create a Left Top Curve div */
	var divObjLTCurve 		 	= 	document.createElement("div");
	divObjLTCurve.className 	= 	"left_top_curve";
	divObjLTCurve.id		 	= 	"left_top_curve";
	divObj.appendChild(divObjLTCurve);
	
	/* create a Right Top Curve div */
	var divObjRTCurve 		 	= 	document.createElement("div");
	divObjRTCurve.className 	= 	"right_top_curve";
	divObjRTCurve.id		 	= 	"right_top_curve";
	divObjLTCurve.appendChild(divObjRTCurve);
	
	/* create a Top Bar div */
	var divObjTBar 		 		= 	document.createElement("div");
	divObjTBar.className 		= 	"top_bar";
	divObjTBar.id		 		= 	"top_bar";
	divObjLTCurve.appendChild(divObjTBar);
	
	/* create a Content Container div */
	var divObjCContainer 		= 	document.createElement("div");
	divObjCContainer.className 	= 	"content_container";
	divObjCContainer.id		 	= 	"content_container";
	divObj.appendChild(divObjCContainer);
	
	/* create a Content div */
	var divObjContent 			= 	document.createElement("div");
	divObjContent.className 	= 	"content_compo";
	divObjContent.id		 	= 	"content_compo";
	divObjCContainer.appendChild(divObjContent);
	
	/* create a header div */
	var divObjHeading 			= 	document.createElement("div");
	divObjHeading.className		= 	"heading";
	divObjHeading.id			= 	"heading";
	
	if (multiHotel == 1){
	  divObjHeading.innerHTML =	multiTitle;
    }
     else {
 	  divObjHeading.innerHTML =	this.hotelName;
    }

	divObjContent.appendChild(divObjHeading);
	
	/* Create Check-In Block */
	createCheckInBlock(divObjContent);
	
	/* Create Check-Out Block */
	createCheckOutBlock(divObjContent);
	
	/* create a Additional Detials Block Div */
	var divObjADBlock 			= 	document.createElement("div");
	divObjADBlock.className		= 	"additional_detials_block";
	divObjADBlock.id			= 	"additional_detials_block";
	divObjContent.appendChild(divObjADBlock);
	
	/* Calling funciton createNumberOfRoomsBlock for adding No. of Rooms dropdown*/
	if(roomNumSwitch==1){
		createNumberOfRoomsBlock(divObjADBlock, roomIdArray);
	}
	if(styleSheetCode==2){
		divObjCContianerBlock.className		= 	"control_container_block";
		divObjADBlock.appendChild(divObjCContianerBlock);
			
		/* Calling funciton createChooseRoomTypeBlock for adding HotelType dropdown*/
		if (multiHotel == 1){
            createSelectHoteleBlock(divObjCContianerBlock, HotelIDArray);
        }
		
		/* Calling funciton createChooseRoomTypeBlock for adding Room Type dropdown*/
		createChooseRoomTypeBlock(divObjCContianerBlock, roomTypeArray);
		
		/* Calling funciton createNumberOfAdultsBlock for adding No. of Adults dropdown*/
		createNumberOfAdultsBlock(divObjCContianerBlock, maxAdultArray);
		
		/* Calling funciton createNumberOfChildrenBlock for adding No. of Children dropdown*/
		createNumberOfChildrenBlock(divObjCContianerBlock, maxChildrenArray);
		
		/* Calling funciton createNumberOfBabyBlock for adding No. of Baby dropdown*/
		createNumberOfBabyBlock(divObjCContianerBlock, maxBabyArray);
		
	} else {
	
		if (multiHotel == 1){
            createSelectHoteleBlock(divObjCContianerBlock, HotelIDArray);
        }
		/* Calling funciton createChooseRoomTypeBlock for adding Room Type dropdown*/
		createChooseRoomTypeBlock(divObjADBlock, roomTypeArray);
		
		/* Calling funciton createNumberOfAdultsBlock for adding No. of Adults dropdown*/
		createNumberOfAdultsBlock(divObjADBlock, maxAdultArray);
		
		/* Calling funciton createNumberOfChildrenBlock for adding No. of Children dropdown*/
		createNumberOfChildrenBlock(divObjADBlock, maxChildrenArray);
		
		/* Calling funciton createNumberOfBabyBlock for adding No. of Baby dropdown*/
		createNumberOfBabyBlock(divObjADBlock, maxBabyArray);
	}
	
	/* Calling funciton createNumberOfFacilityBlock for adding Facililty dropdown*/
	createFacilityBlock(divObjADBlock);
	
	/* create a Submit Block Div */
	var divObjSBlockDiv			=	document.createElement("div");
	divObjSBlockDiv.className	=	"submit_block";
	divObjSBlockDiv.id			=	"submit_block";
	divObjContent.appendChild(divObjSBlockDiv);
	
	/* Calling funciton createSubmitButtonBlock for adding Submit Button*/
	createSubmitButtonBlock(divObjSBlockDiv);
	
	/* Calling funciton createDirectLinkBlock for adding Direct Link*/
	createDirectLinkBlock(divObjSBlockDiv);
	
	/* create a Line Break Div */
	var divObjLBreak			=	document.createElement("div");
	divObjLBreak.className		=	"blnk_line";
	divObjLBreak.id				=	"blnk_line";
	divObjContent.appendChild(divObjLBreak);
	
	/* create a Left Bootom Curve div */
	var divObjLBCurve 		 	= 	document.createElement("div");
	divObjLBCurve.className 	= 	"left_bottom_curve";
	divObjLBCurve.id		 	= 	"left_bottom_curve";
	divObj.appendChild(divObjLBCurve);
	
	/* create a Right Top Curve div */
	var divObjRBCurve 		 	= 	document.createElement("div");
	divObjRBCurve.className 	= 	"right_bottom_curve";
	divObjRBCurve.id		 	= 	"right_bottom_curve";
	divObjLBCurve.appendChild(divObjRBCurve);
	
	/* create a Top Bar div */
	var divObjBBar 		 		= 	document.createElement("div");
	divObjBBar.className 		= 	"bottom_bar";
	divObjBBar.id		 		= 	"bottom_bar";
	divObjLBCurve.appendChild(divObjBBar);
	
}

var divObjCIDetail;
	divObjCIDetail	 			= 	document.createElement("div");
	divObjCIDetail.className	=	"check_detail";
	divObjCIDetail.id			=	"check_in_detail";

var divObjCODetail;
	divObjCODetail 				= 	document.createElement("div");
	divObjCODetail.className	=	"check_detail";
	divObjCODetail.id			=	"check_out_detail";

function createCheckOutBlock(divObjContainer)
{
	var divObjCOBlock 			= 	document.createElement("div");
	divObjCOBlock.className		=	"check_out_block";
	divObjCOBlock.id			=	"check_out_block";
	divObjContainer.appendChild(divObjCOBlock);
	
	var divObjCOText 			= 	document.createElement("div");
	divObjCOText.className		=	"check_text";
	divObjCOText.id				=	"check_out_text";
	divObjCOText.innerHTML		=	"Check Out:";
	divObjCOBlock.appendChild(divObjCOText);

	divObjCOBlock.appendChild(divObjCODetail);
}

function createCheckInBlock(divObjContainer)
{
	var divObjCIBlock 			= 	document.createElement("div");
	divObjCIBlock.className		=	"check_in_block";
	divObjCIBlock.id			=	"check_in_block";
	divObjContainer.appendChild(divObjCIBlock);
	
	var divObjCIText 			= 	document.createElement("div");
	divObjCIText.className		=	"check_text";
	divObjCIText.id				=	"check_in_text";
	divObjCIText.innerHTML		=	"Check In:";
	divObjCIBlock.appendChild(divObjCIText);

	divObjCIBlock.appendChild(divObjCIDetail);
}

var myToursControls1 		= 	new TourControl(divObjCIDetail, divObjCODetail);

function createNumberOfRoomsBlock(divObjADBlock, roomIdArray)
{
	var divObjNRBlock			=	document.createElement("div");
	divObjNRBlock.className		=	"no_of_rooms_block";
	divObjNRBlock.id			=	"no_of_rooms_block";
	divObjNRBlock.innerHTML		=	"Room<br />";
	divObjADBlock.appendChild(divObjNRBlock);

	var room_no_value = new Array();
	for(j=1;j<totalNORooms;j++){
		room_no_value[j]=j;
	}
	
	var addRoomTypeControl		=	new Array(divObjNOABlock.id+'-adult',divObjNOCBlock.id+'-children',divObjNOBBlock.id+'-baby');

	createSelectBox("room_no",room_no_value,0,divObjNRBlock,'',addRoomTypeControl);
	
}

function createSelectHoteleBlock(divObjADBlock, HotelIDArray)
{
	divObjSelectHotelContBlock.className	=	"SelectHotel_block";
	divObjSelectHotelContBlock.innerHTML	=	"Choose Hotel<br />";
	//divObjSelectHotelContBlock.onchange		=	function () {(this.selectedIndex.value);}
	divObjADBlock.appendChild(divObjSelectHotelContBlock);
		
	createCustomSelectBox("Hotel_type",HotelIDArray,HotelNameArray,0,divObjSelectHotelContBlock,"width:auto;","loadData(this.options[this.selectedIndex].value,1);");
}

function createChooseRoomTypeBlock(divObjADBlock, roomTypeArray)
{
	divObjCRTBlock.className	=	"room_type_block";
	divObjCRTBlock.innerHTML	=	"Choose Room Type<br />";
	divObjADBlock.appendChild(divObjCRTBlock);
	
	createSelectBox("room_type"+constVar,roomTypeArray,0,divObjCRTBlock);
}

function createNumberOfAdultsBlock(divObjADBlock, maxAdultArray)
{
	divObjNOABlock.className	=	"adult_block";
	divObjNOABlock.innerHTML	=	"Adults<br />";
	divObjADBlock.appendChild(divObjNOABlock);
	
	var adults_value = new Array();
	for(j=0;j<totalAdults;j++)
	{
		adults_value[j]=j;
	}

	createSelectBox("adult"+constVar,adults_value,2,divObjNOABlock);
}

function createNumberOfChildrenBlock(divObjADBlock, maxChildrenArray)
{
	divObjNOCBlock.className	=	"children_block";
	divObjNOCBlock.innerHTML	=	"Children<br />";
	divObjADBlock.appendChild(divObjNOCBlock);

	var children_value = new Array();
	for(j=0;j<totalChildren;j++)
	{
		children_value[j]=j;
	}

	createSelectBox("children"+constVar, children_value, 0, divObjNOCBlock);
}

function createNumberOfBabyBlock(divObjADBlock, maxBabyArray)
{
	divObjNOBBlock.className	=	"baby_block";
	divObjNOBBlock.innerHTML	=	"Baby<br />";
	divObjADBlock.appendChild(divObjNOBBlock);
	
	var baby_value = new Array();
	for(j=0;j<totalBaby;j++)
	{
		baby_value[j]=j;
	}

	createSelectBox("baby"+constVar,baby_value,0,divObjNOBBlock);
}

function createFacilityBlock(divObjADBlock)
{
	this.divObjFBlock			=	document.createElement("div");
	divObjFBlock.className		=	"facility_block";
	divObjFBlock.innerHTML	=	"Choose Board Type<br />";
	divObjFBlock.id				=	"facility_block";
	divObjADBlock.appendChild(divObjFBlock);
	createSelectBox("facility"+constVar,totalFacilityArray,0,divObjFBlock);
}

function createSubmitButtonBlock(divObjSBlockDiv)
{
	var divObjSBBlock			=	document.createElement("div");
	divObjSBBlock.className		=	"submit_button";
	divObjSBBlock.id			=	"submit_button";
	divObjSBlockDiv.appendChild(divObjSBBlock);
	
	var divObjSButton			=	document.createElement("input");
	divObjSButton.type			=	"button";
	divObjSButton.className		=	"search_btn";
	divObjSButton.id			=	"submit_button";
	divObjSButton.value			=	"Search";
	divObjSButton.onclick		=	function () {return validateForm();}
	divObjSBBlock.appendChild(divObjSButton);
}

function createDirectLinkBlock(divObjSBlockDiv)
{
	var divObjDLBlock			=	document.createElement("div");
	divObjDLBlock.className		=	"direct_link";
	divObjDLBlock.id			=	"direct_link";
	divObjDLBlock.innerHTML		=	TXT;
	divObjSBlockDiv.appendChild(divObjDLBlock);
}

// Create Custom Select Box With Hotel ID
function createCustomSelectBox(name,OptIDs,optVals,selectVal,conatinerId,styleParameter,actionAttribute)
{
	var createCustomSelectBox			=	document.createElement("select");
	createCustomSelectBox.id			=	name;
	createCustomSelectBox.name		=	name;
	
	for(m in optVals)
	{
		createCustomSelectBox.options.add(new Option(optVals[m], OptIDs[m]));
	}
	if(styleParameter)
	{
		createCustomSelectBox.setAttribute('style',styleParameter);
	}
	if(selectVal)
		createCustomSelectBox.options[selectVal].selected=true;
	else
		createCustomSelectBox.options[0].selected=true;
	if(actionAttribute){
		createCustomSelectBox.onchange 	=	function () {loadData(this.options[this.selectedIndex].value,1,this.selectedIndex);}
	}
	conatinerId.appendChild(createCustomSelectBox);
}
// Create Normal Select Box With Values 0,1,2 etc
function createSelectBox(name,optVals,selectVal,conatinerId,styleParameter,actionAttribute)
{
	var createSelectBox			=	document.createElement("select");
	createSelectBox.id			=	name;
	createSelectBox.name		=	name;
	var u=0;
	for(m in optVals)
	{
		createSelectBox.options.add(new Option(optVals[m], u));
		u++;
	}
	if(styleParameter)
	{
		createSelectBox.setAttribute('style',styleParameter);
	}
	if(selectVal)
		createSelectBox.options[selectVal].selected=true;
	else
		createSelectBox.options[0].selected=true;
	if(actionAttribute){
		createSelectBox.onchange	=	function () {addRACBControl(actionAttribute,this);}
	}
	conatinerId.appendChild(createSelectBox);
}

function addRACBControl(obj,countVar){
	var countVarVal	= parseInt(countVar.value)+1;
	if(styleSheetCode==2){ /////////////// Layout for Style Code 2 Only
		divObjCContianerBlock.innerHTML="";
		for(var t=1; t<=countVarVal;t++){
			var divObjCRTBlock2 		=	document.createElement("div");
			divObjCRTBlock2.id			=	"room_type_block";
			divObjCRTBlock2.className	=	"room_type_block";
			divObjCRTBlock2.innerHTML	=	"Choose Room Type<br />";
			
			createSelectBox("room_type"+t,roomTypeArray,0,divObjCRTBlock2);
			
			divObjCContianerBlock.appendChild(divObjCRTBlock2);
			
			var divObjNOABlock			=	document.createElement("div");
			divObjNOABlock.id			=	"adult_block";
			divObjNOABlock.className	=	"adult_block";
			divObjNOABlock.innerHTML	=	"Adults<br />";
			
			
			var adults_value = new Array();
			for(j=0;j<totalAdults;j++)
			{
				adults_value[j]=j;
			}

			createSelectBox("adult"+t,adults_value,0,divObjNOABlock);
			
			divObjCContianerBlock.appendChild(divObjNOABlock);
			
			var divObjNOCBlock			=	document.createElement("div");
			divObjNOCBlock.id			=	"children_block";
			divObjNOCBlock.className	=	"children_block";
			divObjNOCBlock.innerHTML	=	"Children<br />";
			

			var children_value = new Array();
			for(j=0;j<totalChildren;j++)
			{
				children_value[j]=j;
			}

			createSelectBox("children"+t, children_value, 0, divObjNOCBlock);
			
			divObjCContianerBlock.appendChild(divObjNOCBlock);
			
			var divObjNOBBlock			=	document.createElement("div");
			divObjNOBBlock.id			=	"children_block";
			divObjNOBBlock.className	=	"baby_block";
			divObjNOBBlock.innerHTML	=	"Baby<br />";
			
			var baby_value = new Array();
			for(j=0;j<totalBaby;j++)
			{
				baby_value[j]=j;
			}
			createSelectBox("baby"+t,baby_value,0,divObjNOBBlock);
			
			divObjCContianerBlock.appendChild(divObjNOBBlock);
		}
	}
	else { ///////////////// Layout Design for other Style Code
		for(g in obj){
			var obj3	=	obj[g].split("-");
			var obj4	=	$(obj3[0]);
			for(var z=1; z<totalNORooms;z++){
				if($(obj3[1]+z)){
					var obj5			=	$(obj3[1]+z);
					obj4.removeChild(obj5);
					strro=obj4.innerHTML;
					strro=strro.replace(/<br\s?\/?>/gi,'');
				}
			}
			obj4.innerHTML=strro+"<br>";
			for(var z=1; z<=countVarVal;z++){
				var createSelectBox2		=	document.createElement("select");
				createSelectBox2.id			=	obj3[1]+z;
				createSelectBox2.name		=	obj3[1]+z;
			
				for(p=0;p<6;p++){
					createSelectBox2.options.add(new Option(p, p));
				}
				obj4.appendChild(createSelectBox2);
				obj4.innerHTML = obj4.innerHTML+"<br>";
			}
		}
		
		//create dropdown for roomtype //
		for(var z=1; z<totalNORooms;z++){
			if($('room_type'+z)){
				var obj5			=	$('room_type'+z);
				divObjCRTBlock.removeChild(obj5);
				strro=divObjCRTBlock.innerHTML;
				strro = strro.replace(/<br\s?\/?>/gi, "");
			}
		}
		divObjCRTBlock.innerHTML=strro+"<br>";
		for(var z=1; z<=countVarVal;z++){
			var createNORTSelectBox			=	document.createElement("select");
			createNORTSelectBox.id			=	'room_type'+z;
			createNORTSelectBox.name		=	'room_type'+z;
			createNORTSelectBox.style.width	=	'';
			var j = 0;
			for(r in roomTypeArray){
				createNORTSelectBox.options.add(new Option(roomTypeArray[r], j));
				j++;
			}
			divObjCRTBlock.appendChild(createNORTSelectBox);
			divObjCRTBlock.innerHTML = divObjCRTBlock.innerHTML+"<br>";
		}
	}
}

// end 



function validateForm()
{
	var b	=	0;
	
  // check for number of rooms selected  	
	var totNoRooms=$("room_no");
	if(totNoRooms)
	{
		totNoRoomsVal	=	parseInt(totNoRooms.value)+1;
	}
	else{
		totNoRoomsVal	=	1;
	}
		
	if($("Fixed_Date1")){
		var cim	= $("Fixed_Date1");
		if(cim.value==""){
			alert("Please Provide the Check in Date");
			return false;
		}
	}
	if($("Fixed_Date2")){
		var com	= $("Fixed_Date2");
		if(com.value==""){
			alert("Please Provide the Check out Date");
			return false;
		}
	}
	
	var msofaDay=1000*60*60*24
		
    var str1 = $("Fixed_Date1").value;
    var str2 = $("Fixed_Date2").value;
    
    var pdate1 = parseDate(str1);
    var pdate2 = parseDate(str2);
    
    var day1 = pdate1.day;
    var month1 = pdate1.month + 1;
    var year1 = pdate1.year;

    var day2 = pdate2.day;
    var month2 = pdate2.month + 1;
    var year2 = pdate2.year;
    
    var d1=new Date(year1,month1,day1);
    var d2=new Date(year2,month2,day2);
    
       
    if(d1 >= d2){
			alert("The CheckOut Date is later then the CheckIn Date!");
			return false;
		}
		
	for(var z=1; z<=totNoRoomsVal;z++){
		var totPer	=	0;
		var roomTypeName	=	$('room_type'+z);
		roomTypeNameValu	=	roomTypeName.options[roomTypeName.selectedIndex].text;
		roomTypeNameValu2    =    roomTypeName.options[roomTypeName.selectedIndex].value;        
        for(var r=0; r<roomTypeArray.length; r++) {            
            if(r==roomTypeNameValu2) {
                b = r;                 
            }
        }
    		
		if($("adult"+z)){
			var ad	=	$("adult"+z);
			totPer	=	totPer + parseInt(ad.value);
			if((ad.value > maxAdultArray[b]))
			{
				alert("A "+roomTypeNameValu+" can not hold more than "+maxAdultArray[b]+" Adults!� ");
				return false;
			}
		}
		if($("children"+z)){
			var chd	=	$("children"+z);
			totPer	=	totPer + parseInt(chd.value);
			if((chd.value > maxChildrenArray[b]))
			{
				alert("A "+roomTypeNameValu+" can not hold more than "+maxChildrenArray[b]+" Children!� ");
				return false;
			}
		}
		if($("baby"+z)){
			var bb	=	$("baby"+z);
			totPer	=	totPer + parseInt(bb.value);
			if((bb.value > maxBabyArray[b]))
			{
				alert("A "+roomTypeNameValu+" can not hold more than "+maxBabyArray[b]+" Babys! ");
				return false;
			}
		}
		  if(maxPersonsArray[b] < totPer)
		{
			alert("A "+roomTypeNameValu+" can not hold more than "+maxPersonsArray[b]+" persons! ");
			return false;
		}
		b++;
	}

		var baseUrl = "http://travelbyclick.net/hotels/ShowPrice.cfm?HotelID="+paramArray['HotelID'];
		if($("Fixed_Date1")){
			var cim	= $("Fixed_Date1");
			baseUrl	+=	"&date1="+cim.value;
		}
		if($("Fixed_Date2")){
			var com	= $("Fixed_Date2");
			baseUrl	+=	"&date2="+com.value;
		}
	    for(var z=1; z<=totNoRoomsVal;z++){
			if($("room_type"+z)){
				var rt	=	$("room_type"+z);
				var rtt	=	parseInt(rt.value)+1;
				baseUrl	+=	"&room"+z+"="+rtt;
			}
			if($("adult"+z)){
				var ad	=	$("adult"+z);
				baseUrl	+=	"&person"+z+"="+ad.value;
			}
			if($("children"+z)){
				var chd	=	$("children"+z);
				baseUrl	+=	"&child"+z+"="+chd.value;
			}
			if($("baby"+z)){
				var bb	=	$("baby"+z);
				baseUrl	+=	"&infant"+z+"="+bb.value;
			}
			if($("facility"+z)){
				var fc	=	$("facility"+z);
				// bug fixed changed from 1 to maxRateIncludeArray 
				var ffc	=	parseInt(fc.value)+ this.RateInclude;
				baseUrl	+=	"&Boardarrangement="+ffc;
			}
		}
		baseUrl	+=	"&RefID="+this.RefID+"&HedID="+this.HedID;
		
		window.location = baseUrl
		//var win = window.open(baseUrl,"_blank");
        //if (win)
          //  win.focus();
    }

//function loadData(){
//	applyCSS();
//}


//function init()
//{
//document.getElementById(CompoCont).innerHTML="Loading...";
//    loadCss();
//    if (multiHotel == 0) {loadData(HotelIDNum);}
//    else {loadData(HotelIDArray[0]);}
//}

//window.onload = init;

// Index Controls End