/*
	****************************************************
	Expanding.js
	Used for the tabs and divs on the acitvate.aspx and
	SignUp.aspx page.
	****************************************************
*/

function ToggleDiv(divIndex)
{	
	for(i = 1 ; i < 5; i++){
		
		var item = 'div' + i;	
		var currentDiv = document.getElementById(item);	
		if(i != divIndex){ 
			currentDiv.style.display = 'none';
		}
		else{
			currentDiv.style.display = 'block';
		}				
	}
}

/*	ToggleDivColour
	Hides and shows div's and changes the colour of the open and closed tabs
	Input : divIndex = the tab to show
			count = the number of tabs on the page + 1
	
*/
function ToggleDivColour(divIndex, count)
{	
	//count is the number of tabs + 1
	for(i = 1 ; i < count; i++){	
		var item = 'div' + i;	
		var tab = 'Tab' + i;	
		tab = document.getElementById(tab);
		var currentDiv = document.getElementById(item);	
		if(i != divIndex){ 
			//close tab and colour
			currentDiv.style.display = 'none';
			tab.className = "closedTab";
		}
		else{
			currentDiv.style.display = 'block';
			//set the colour of the open tab
			tab.className = "openTab";
		}				
	}
	
}	

function OpenDiv(divIndex)
{
	var itemID = 'div' + divIndex;				
	var currentDiv = document.getElementById(itemID);
	if(currentDiv.style.display == 'none'){
		currentDiv.style.display = 'block';
	}
	else{
		currentDiv.style.display = 'none';					
	}		
}	

//activate page. Show message after submit
function setMessage(divIndexClose, divIndexOpen)
{
	var itemClose = 'div' + divIndexClose;				
	var currentDivClose = document.getElementById(itemClose);
	currentDivClose.style.display = 'none';	
	var itemID = 'div' + divIndexOpen;				
	var currentDiv = document.getElementById(itemID);
	currentDiv.style.display = 'block';
	
}


// function required by the tab selectors -Activate/SignUp


function SelectTabHeader(id, count)
{
	var elementid;
	for(i = 0 ; i < count; i++)
	{
		for(j = 0 ; j < 5; j++)
		{
			elementid = 'tab' + i + j;
			//alert(elementid);
			if (id != i)  //Reset the other tabs to unselected state
			{
				ChangeObjStyle(elementid, "TabHeading");
				if (j == 4)
				{
					var element = document.getElementById(elementid);
					element.style.backgroundImage = 'none';
				}
			}
			else // we have the tab we want to select
			{
				ChangeObjStyle(elementid, "TabHeadingSelected");
				if (j == 4)
				{
					var element = document.getElementById(elementid);
					element.style.backgroundImage = 'URL(../ClientFiles/images/Buttons/BevelCornerGrey.gif)';
				}
				
			}
			
		}
	}
		

}


function ChangeObjStyle(id, style)
{	
	var element = document.getElementById(id);
	element.className = style;
	
}

// Used by

function DisablePorting()
{
	if(!document.getElementById('NumberStatus_0').checked)
	{
		ToggleStatus(false, 'MobileNumberRequested', 'txtCurrentProvider', 'CurrentAccountNumber', 'chkPortingCosts', 'chkTransferConditions');
		document.getElementById('NumberStatus_0').checked =false;
		document.getElementById('NumberStatus_1').checked =true;
	}
	else
	{
		ToggleStatus(true, 'MobileNumberRequested', 'txtCurrentProvider', 'CurrentAccountNumber', 'chkPortingCosts', 'chkTransferConditions');
		document.getElementById('NumberStatus_0').checked =true;
		document.getElementById('NumberStatus_1').checked =false;
	}
}

function ToggleStatus()
{
	// Toggles enabled property on form controls
	
	var i;
	var element;
	var status = arguments[0];
	for(i=1; i< arguments.length; i++)
	{
		element = document.getElementById(arguments[i]);
		element.disabled = status;
	}
}

// open a window with no toolbars etc
function OpenWindow(url)
{	
	var settings = "toolbar=no,location=no,status=no,menubar=no,scrollbars=yes, resizable=no,width=400,height=500";
	window.open(url, "", settings);
}