// Controls the topnav rollover

function topnav_change(TopnavId)
{
	if(TopnavId == "")
	{
		document.getElementById('rollingtext').innerHTML = " ";
	}
	else
	{
		document.getElementById('rollingtext').innerHTML = TopnavId;
	}
}


// Controls the opening and closing of the left navigation

function module_changer(ModuleId)
{
	if(ModuleId == 0)
	{
		
		document.getElementById('content_left').className = 'content_left_closed';
	}
	else
	{
		document.getElementById('content_left').className = 'content_left_open';
	}
}


// Empties and changes the background colour of field elements on focus

function field_changer(FieldId,Status,FieldType)
{
	var FieldElement = document.getElementById(FieldId);
	
	switch(FieldType)
	{
		case 'inline':
		if(FieldElement.value == ' ' || FieldElement.value == ' ')
		{
			FieldElement.value = "";
		}
		break;
		case 'block':
		if(FieldElement.innerHTML == ' ' || FieldElement.innerHTML == ' ' || FieldElement.innerHTML == 'Enter comments')
		{
			FieldElement.innerHTML = "";
		}
		break;
	}
	switch(Status)
	{
		case 1:
		FieldElement.style.backgroundColor = '#F7FAFF';
		break;
		case 2:
		FieldElement.style.backgroundColor = 'white';
		break;
	}
}



// Controls the rollover states for input buttons and submits

function button_rollover(ButtonState,ButtonId)
{
	if(1 == ButtonState)
	{
		document.getElementById(ButtonId).style.backgroundPosition='left bottom';
	}
	else
	{
		document.getElementById(ButtonId).style.backgroundPosition='';	
	}
}

/* Joystick functionality */
function changeclass(JoystickId,JoystickState,JoystickAction)
{
	switch(JoystickAction)
	{
		case'hover':
		switch(JoystickState)
		{
			case'1':
				document.getElementById('box_img' + JoystickId).style.visibility='visible';
			break;
			case'0':
				if(document.getElementById('box_img' + JoystickId).className!='active')
				{
					document.getElementById('box_img' + JoystickId).style.visibility='hidden';
					document.getElementById('box_img' + JoystickId).className='inactive';
				}
			break;			
		}
		break;
		case'click':
			var i=0;
			var i2;
			for(i=0;i<5;i++)
			{
				i2 = i+1;
				document.getElementById('box_img' + i2).style.visibility='hidden';
				document.getElementById('box_img' + i2).className='inactive';
			}
			document.getElementById('box_img' + JoystickId).style.visibility='visible';
			document.getElementById('box_img' + JoystickId).className='active';

			document.getElementById('hdnRating').value=JoystickId;
		break;
	}
	
}