//ID of the selct hotel page
var hotelDetailSearch = "hotelDetailSearch";
var paginationSearch = "paginationSearch";
var pageListingContainer = "pageListingContainer";
var sortBy = "sortBy";

//ID of the select rate page


//Declaration for select rate page
var locArray = new Array();
var tempLeft =  - 5;
var tempTop =  - 6;
var loginLeft =   0;
var loginTop =  0;
var LoginControl = 'LoginControl';
var descBoxes = new Array('Desc_Column1', 'Desc_Column2', 'Desc_Column3', 'Desc_Col1', 'Desc_Col2', 'Desc_Col3', 'blkHotelDetails', 'Login_Box','Desc_Roomtype0' ,
'Desc_Roomtype1', 'Desc_Roomtype2', 'Desc_Roomtype3', 'Desc_Roomtype4', 'Desc_Roomtype5', 
'Desc_Roomtype6', 'Desc_Roomtype7', 'Desc_Roomtype8', 'Desc_Roomtype9', 'Desc_Roomtype10', 
'Desc_Roomtype11', 'Desc_Roomtype12', 'Desc_Roomtype13', 'Desc_Roomtype14', 'Desc_Roomtype15', 
'Desc_Roomtype16', 'Desc_Roomtype17', 'Desc_Roomtype18', 'Desc_Roomtype19', 'Desc_Roomtype20');

function hideLoginControl()
{
    $fn(LoginControl).style.visibility = "hidden";
	var args = hideLoginControl.arguments;
    var aPos = $fn(args[0].id);
    var divDesc = $fn(args[1]);
    locArray = getLoginCoords(aPos);
    //setObjectCoords(divDesc, locArray[0] + loginLeft, locArray[1] + loginTop);
    setObjectCoords(divDesc,750,-6);
    hideAllDesc();
    divDesc.style.display = "block";
}
function showLoginControl()
{	
	if($fn('Login_Box') != null)
	{
		$fn('Login_Box').style.display = "none"; 
	}
    $fn(LoginControl).style.visibility = "visible";
	
}

// Function to show the contents of hidden div
function expandDiv() {
	var args = expandDiv.arguments;
	var objRef = args[0];
	var divRef = args[1];
	if (objRef.parentNode.className == 'collapseLink') {
		objRef.parentNode.className = 'expandLink'
		 hideAllDesc(); // hide all open description boxes
		$fn(divRef).style.display = "none";
	} else if (objRef.parentNode.className == 'expandLink') {
		objRef.parentNode.className = 'collapseLink'
		$fn(divRef).style.display = "block";
	}
}

function hideDesc()
{
    var args = hideDesc.arguments;
    if (args.length != 0)
    {
        for (i = 0; i < args.length; i++)
        {
           if($fn(args[i]) != null) { $fn(args[i]).style.display = "none"; }
        }
    }
    else
    {
        hideAllDesc();
    }
}

function hideAllDesc()
{
    for (i = 0; i < descBoxes.length; i++)
    {
        if($fn(_endsWith(descBoxes[i])) != null) { $fn(_endsWith(descBoxes[i])).style.display = "none"; }
    }
}

function showDesc()
{
    var args = showDesc.arguments;
    var aPos = $fn(args[0].id);
    var divDesc = $fn(_endsWith(args[1]));
    locArray = getObjectCoords(aPos);
    setObjectCoords(divDesc, locArray[0] + tempLeft, locArray[1] + tempTop);
    hideAllDesc();
    divDesc.style.display = "block";
}

function showHotelDetailSearch()
{
    if ($fn(_endsWith(hotelDetailSearch)))
        $fn(_endsWith(hotelDetailSearch)).style.display = "block";
    if ($fn(_endsWith(paginationSearch)))
        $fn(_endsWith(paginationSearch)).style.display = "none";
	if ($fn(pageListingContainer))
        $fn(pageListingContainer).style.visibility = "hidden";
    if ($fn(sortBy))
        $fn(sortBy).style.visibility = "hidden";   
}

function showPaginationSearch()
{
    if ($fn(_endsWith(paginationSearch)))
        $fn(_endsWith(paginationSearch)).style.display = "block";
    if ($fn(_endsWith(hotelDetailSearch)))
        $fn(_endsWith(hotelDetailSearch)).style.display = "none";
	if ($fn(pageListingContainer))
        $fn(pageListingContainer).style.visibility = "hidden";
    if ($fn(sortBy))
        $fn(sortBy).style.visibility  = "hidden";    
}

function hidePaginationSearch()
{
	if (_endsWith(paginationSearch))
		$fn(_endsWith(paginationSearch)).style.display = "none";
	if (_endsWith(hotelDetailSearch))
		$fn(_endsWith(hotelDetailSearch)).style.display = "none";
	if ($fn(pageListingContainer))
		$fn(pageListingContainer).style.visibility = "visible";
	if ($fn(sortBy))
		$fn(sortBy).style.visibility = "visible";
}

function setRatesColumnHeight()
{
	var columns                 = new Array('detColumn1', 'detColumn2', 'detColumn3', 'detColumn4');
	var detRow                  = getElementsByClassName('detRow', 'DIV', $fn('roomDetailContainer'));
	
	var elementsArray           = new Array();
	//var	tempHeight          = 0;	
	var finalHeightForRow       = 0;
	
	for (i = 0; i < detRow.length; i++)
	{
		for (x = 0; x < columns.length; x++)
		{
			var elem = getElementsByClassName(columns[x], 'DIV', detRow[i]);
			
			for (j = 0; j < elem.length; j++)
			{
				/*if (tempHeight < elem[j].offsetHeight)
				{
					tempHeight = elem[j].offsetHeight;
				}
				elem[j].style.height = tempHeight + "px";				
				*/
				
				// Bug Fix: artf913665 : Select Rate page | Non-English locales | UE alignment problem 				
				// Looping through all columns in a row and find out the maximum height. 
				// Store the maximum height in the variable "finalHeight". Each element in each 
				// column stored in the array "elementsArray". Later we will loop through all the 
				// elements in this array and apply the style "height" with the value of "finalHeight".
				elementsArray.push(elem[j]);			
				
				if (finalHeightForRow < elem[j].offsetHeight)
				{
				    finalHeightForRow = elem[j].offsetHeight;
				}
			}
		}
	    //tempHeight = 0;
	    
	    // Bug Fix: artf913665 : Select Rate page | Non-English locales | UE alignment problem	    
	    // Looping through all elements stored in the array "elementsArray", 
	    // and apply the style "Height" for each element with the value of "finalHeight".
	    for (ctr = 0; ctr < elementsArray.length; ctr++)
	    {
	        elementsArray[ctr].style.height = finalHeightForRow + "px";
	    }
	    
	    // Reinitialising the finalHeight and elements in the array 
	    // before the loop starts for the next row.
	    finalHeightForRow       = 0;
	    elementsArray           = new Array();
	}
}

// Function to toggle the div
function toggleDiv() {
	var args = toggleDiv.arguments;
	var objRef = args[0];
	var divRef = args[1];
	if (objRef.parentNode.className == 'collapseDiv') {
		objRef.parentNode.className = 'expandDiv'		
		$fn(divRef).style.display = "none";
	} else if (objRef.parentNode.className == 'expandDiv') {
		objRef.parentNode.className = 'collapseDiv'
		$fn(divRef).style.display = "block";
	}
}
// Function to toggle the loginDiv
function toggleLogin() {
	var args = toggleLogin.arguments;
	var objRef = args[0];
	var divRef = args[1];
	if (objRef.parentNode.className == 'collapseDiv') {
		objRef.parentNode.className = 'expandDiv'		
		$fn(divRef).className = "loginInfoCollapsed";
	} else if (objRef.parentNode.className == 'expandDiv') {
		objRef.parentNode.className = 'collapseDiv'
		$fn(divRef).className = "";
	}
}