
 <!--
document.write('<STYLE type="text/css" media="screen,print">@import url( /publicsites/cScape.CIPD.MembershipAndQualifications/css/Lozenges_dynamic.css );</STYLE>'); 

//alert(navigator.appName + "|" + navigator.appVersion);

function isMSIE6()
{
	return (navigator.appVersion.indexOf("MSIE 6.0") != -1);
}

function showhideclick_infobox(lozengenum, typeofrollover)
{
	var infobox_element = getElementById("infobox" + lozengenum);
	
	if(elementHasClass(infobox_element, "orangebox_on") || elementHasClass(infobox_element, "yellowbox_on"))
	{
		hide_infobox(lozengenum,typeofrollover);
	}
	else
	{
		show_infobox(lozengenum,typeofrollover);
	}
}

function show_infobox(lozengenum,typeofrollover)
{
	// Resets page
	hide_allinfobox(typeofrollover);
	
	// Show right-hand information panel
	var infobox_element = getElementById("infobox" + lozengenum);
	
	switch(typeofrollover)
	{
		case "matt":
				removeClass(infobox_element, "orangebox_off");
				applyClass(infobox_element, "orangebox_on");
				break;
		case "grad":
				removeClass(infobox_element, "yellowbox_off");
				applyClass(infobox_element, "yellowbox_on");
				break;
	}
	
	// Update colours for lozenge
	switch(typeofrollover)
	{
		case "matt":
				showhide_MattLozenge(lozengenum, true);
				break;
		case "grad":
				showhide_GradLozenge(lozengenum, true);
				break;
	}
	
	// Only applied to 'matt' option
	if(typeofrollover == "matt") showhide_curvedcorners(lozengenum, true);

	// Positioning is all jumpy in IE6, so lozenges have to be moved up the page
	if(isMSIE6())
	{
		var IE6LozengePositionFixStyleName = "lozengefix_IE6";
		IE6LozengePositionFixStyleName = "lozengefix"+lozengenum+"_IE6";
			
		if (typeofrollover == "grad")
		{
			fixLozengePositionForIE6(lozengenum,IE6LozengePositionFixStyleName);
		}
		if (typeofrollover == "matt")
		{
			fixMattLozengePositionForIE6(lozengenum,IE6LozengePositionFixStyleName);
		}
	}

//alert(infobox_element.className);
}

function hide_infobox(lozengenum, typeofrollover)
{

	// Hide right-hand information panel
	var infobox_element = getElementById("infobox" + lozengenum);
	
	switch(typeofrollover)
	{
		case "matt":
				removeClass(infobox_element, "orangebox_on");
				applyClass(infobox_element, "orangebox_off");
				break;
		case "grad":
				removeClass(infobox_element, "yellowbox_on");
				applyClass(infobox_element, "yellowbox_off");
				break;
	}
	
	// Update colours for lozenge
	switch(typeofrollover)
	{
		case "matt":
				showhide_MattLozenge(lozengenum, false);
				break;
		case "grad":
				showhide_GradLozenge(lozengenum, false);
				break;
	}

	// Only applied to 'matt' option
	if(typeofrollover == "matt") showhide_curvedcorners(lozengenum, false);

	// Remove special IE6 positioning
	if(isMSIE6()) revertLozengePositionForIE6(typeofrollover);
}


function hide_allinfobox(typeofrollover)
{
	if(typeofrollover == "grad") hide_infobox("00", typeofrollover);
	hide_infobox("01", typeofrollover);
	hide_infobox("02", typeofrollover);
	hide_infobox("03", typeofrollover);
	hide_infobox("04", typeofrollover);
	hide_infobox("05", typeofrollover);
	hide_infobox("06", typeofrollover);
	hide_infobox("07", typeofrollover);
}


function showhide_MattLozenge(lozengenum, showIt)
{
	var lozengetop_element = getElementById("lozengetop" + lozengenum);
	var lozengemiddle_element = getElementById("lozengemiddle" + lozengenum);
	var lozengebottom_element = getElementById("lozengebottom" + lozengenum);
	
	handleClass(lozengetop_element, "lozengeorangecolours lozengeorangetop", showIt);
	handleClass(lozengemiddle_element, "lozengeorangecolours lozengeorangemiddle", showIt);
	handleClass(lozengebottom_element, "lozengeorangecolours lozengeorangebottom", showIt);
}


function showhide_GradLozenge(lozengenum, showIt)
{
	// Get the FOUR elements that make up the lozenge
	var lozengetop_element = getElementById("lozengetop" + lozengenum);
	var lozengemiddle_element = getElementById("lozengemiddle" + lozengenum);
	var lozengebottom_element = getElementById("lozengebottom" + lozengenum);
	var lozengecentre_element = getElementById("lozengecentre" + lozengenum);
	
	// The side is uneffected by grad changes	
	handleClass(lozengemiddle_element, "lozengehovercolours lozengehoversides", showIt);

	switch(lozengenum)
	{
		case "00":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover01top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover01centre", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover01bottom", showIt);
			break;
		case "01":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover02top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover02centre", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover02bottom", showIt);
			break;
		case "02":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break;
		case "03":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre_d5", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break; 
		case "04":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre_d5", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break;
		case "05":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre_d5", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break;
		case "06":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre_d5", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break;
		case "07":
			handleClass(lozengetop_element, "lozengehovercolours lozengehover03top", showIt);
			handleClass(lozengecentre_element, "lozengehovercolours lozengehover03centre", showIt);
			handleClass(lozengebottom_element, "lozengehovercolours lozengehover03bottom", showIt);
			break;
		default:
			//do nothing
	} 
}

function fixMattLozengePositionForIE6(lozengenum,IE6LozengePositionFixStyleName)
{
	//alert (IE6LozengePositionFixStyleName)
	// direty hack to fix ie6 extending height of main content section
	applyClass(getElementById("lozengeandinfocol_matt"), "lozengeandinfocol_matt_IE6");
	switch(lozengenum)
		{

			case "01":
				applyClass(getElementById("lozenge02"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("spacer06-07"), IE6LozengePositionFixStyleName);    
				
			case "02":
				applyClass(getElementById("twobluearrows01"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("lozenge03"), IE6LozengePositionFixStyleName);
				
			case "03":
				applyClass(getElementById("lozenge04"), IE6LozengePositionFixStyleName);
				removeClass(getElementById("spacer06-07"), IE6LozengePositionFixStyleName);
				
				
			case "04":
				applyClass(getElementById("lozenge05"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("twobluearrows02"), IE6LozengePositionFixStyleName);
				
			case "05":
				applyClass(getElementById("spacer05-00"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("lozenge06"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("twobluearrows02"), IE6LozengePositionFixStyleName);
				
			case "06":
				applyClass(getElementById("lozenge07"), IE6LozengePositionFixStyleName);
				
			case "07":
				applyClass(getElementById("spacer06-07"), IE6LozengePositionFixStyleName);
				break;
			default:
	}
				
}

function fixLozengePositionForIE6(lozengenum,IE6LozengePositionFixStyleName)
{
		
		applyClass(getElementById("lozengeandinfocol_grad"), "lozengeandinfocol_grad_IE6");
		switch(lozengenum)
		{
			case "00": //only on grad (Membership Grades)
				applyClass(getElementById("lozenge01"), IE6LozengePositionFixStyleName); 
			case "01":
				applyClass(getElementById("lozenge02"), IE6LozengePositionFixStyleName);   
			case "02":
				applyClass(getElementById("twobluearrows01"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("lozenge03"), IE6LozengePositionFixStyleName);
			case "03":
				applyClass(getElementById("lozenge04"), IE6LozengePositionFixStyleName);
			case "04":
				
				applyClass(getElementById("lozenge05"), IE6LozengePositionFixStyleName);
			
			case "05":
				applyClass(getElementById("twobluearrows02"), IE6LozengePositionFixStyleName);
				applyClass(getElementById("lozenge06"), IE6LozengePositionFixStyleName);
				
			case "06":
				applyClass(getElementById("lozenge07"), IE6LozengePositionFixStyleName);
			case "07":
				break;
			default:
				//do nothing
		}
}

function revertLozengePositionForIE6(typeofrollover)
{
	
	switch(typeofrollover)
	{
		case "matt":
				
				removeClass(getElementById("lozengeandinfocol_matt"), "lozengeandinfocol_matt_IE6"); 
				removeClass(getElementById("lozenge01"), "lozengefix00_IE6");
				
				removeClass(getElementById("lozenge02"), "lozengefix00_IE6");
				removeClass(getElementById("twobluearrows01"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix00_IE6");
				removeClass(getElementById("spacer05-00"), "lozengefix00_IE6");
				
				removeClass(getElementById("twobluearrows02"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix00_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix00_IE6");
		
				removeClass(getElementById("lozenge02"), "lozengefix01_IE6");
				removeClass(getElementById("twobluearrows01"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix01_IE6");
				removeClass(getElementById("spacer05-00"), "lozengefix01_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix01_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix01_IE6");

				removeClass(getElementById("twobluearrows01"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix02_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix02_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix02_IE6");

				removeClass(getElementById("twobluearrows01"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix03_IE6");
				removeClass(getElementById("spacer05-00"), "lozengefix03_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix03_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix03_IE6");

				removeClass(getElementById("twobluearrows01"), "lozengefix04_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix04_IE6");
				removeClass(getElementById("spacer05-00"), "lozengefix04_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix04_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix04_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix04_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix04_IE6");

				removeClass(getElementById("twobluearrows02"), "lozengefix05_IE6");
				removeClass(getElementById("spacer05-00"), "lozengefix05_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix05_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix05_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix05_IE6");

				removeClass(getElementById("spacer05-00"), "lozengefix06_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix06_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix06_IE6");
		
				removeClass(getElementById("lozenge07"), "lozengefix07_IE6");
				removeClass(getElementById("spacer06-07"), "lozengefix07_IE6");
		
				removeClass(getElementById("lozenge01"), "lozengefix_IE6");
				removeClass(getElementById("lozenge02"), "lozengefix_IE6");
				removeClass(getElementById("twobluearrows01"), "lozengefix_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix_IE6");
				
				
				break;
				
				
		case "grad":
	
				removeClass(getElementById("lozengeandinfocol_grad"), "lozengeandinfocol_grad_IE6"); 
				removeClass(getElementById("lozenge01"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge02"), "lozengefix00_IE6");
				removeClass(getElementById("twobluearrows01"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix00_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix00_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix00_IE6");
		
				removeClass(getElementById("lozenge02"), "lozengefix01_IE6");
				removeClass(getElementById("twobluearrows01"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix01_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix01_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix01_IE6");

				removeClass(getElementById("twobluearrows01"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge03"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge04"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix02_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix02_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix02_IE6");

				removeClass(getElementById("lozenge04"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge05"), "lozengefix03_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix03_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix03_IE6");

				removeClass(getElementById("lozenge05"), "lozengefix04_IE6");
				removeClass(getElementById("twobluearrows02"), "lozengefix04_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix04_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix04_IE6");

				removeClass(getElementById("twobluearrows02"), "lozengefix05_IE6");
				removeClass(getElementById("lozenge06"), "lozengefix05_IE6");
				removeClass(getElementById("lozenge07"), "lozengefix05_IE6");

				removeClass(getElementById("lozenge07"), "lozengefix06_IE6");
				break;
	}
}

function showhide_curvedcorners(lozengenum, showIt)
{
	//Matt only - to handle different join to info box
	var spacerbottom_element;
	var spacertop_element;
	switch(lozengenum)
	{
		case "01":
			spacerbottom_element = getElementById("spacer01-02");
			break;    
		case "02":
			spacertop_element = getElementById("spacer01-02");
			spacerbottom_element = getElementById("spacer02-00");
			break;
		case "03":
			spacertop_element = getElementById("spacer00-03");
			spacerbottom_element = getElementById("spacer03-04");
			break;
		case "04":
			spacertop_element = getElementById("spacer03-04");
			spacerbottom_element = getElementById("spacer04-05");
			break;
		case "05":
			spacertop_element = getElementById("spacer04-05");
			spacerbottom_element = getElementById("spacer05-00");
			break;
		case "06":
			spacertop_element = getElementById("spacer00-06");
			spacerbottom_element = getElementById("spacer06");
			break;
		case "07":
			spacertop_element = getElementById("spacer07");
			break;
		default:
			//do nothing
	} 
	
	if(isMSIE6())
	{
		// for selected lozenge align orange curve graphics
		switch(lozengenum)
		{
			case "01":
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom01_IE6", showIt);
			break;
			
			case "02":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt)
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom02_IE6", showIt);
			break;
			
			case "03":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt)
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom03_IE6", showIt);
			break;
			
			case "04":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt)
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom04_IE6", showIt);
			break;
			
			case "05":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt)
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom05_IE6", showIt);
			break;
			
			case "06":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt)
				handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom06_IE6", showIt);
			break;
			
			case "07":
				handleClass(spacertop_element, "lozengespacer_orangecurvetop_IE6", showIt);
			break;
			
		}
	
		
		
	}
	else
	{
		if(lozengenum != "01") handleClass(spacertop_element, "lozengespacer_orangecurvetop", showIt);
		if(lozengenum != "07") handleClass(spacerbottom_element, "lozengespacer_orangecurvebottom", showIt);
	}

}




function handleClass(element, className, applyStyleClass) 
{
	if (applyStyleClass) applyClass(element, className);
	else removeClass(element, className);
}

/*********************************/

function getElementById(id) {
  //get element with a given id
  return (document.all)? document.all[id] : document.getElementById(id);
}

function elementHasClass(element, className) {
  //return true if the element has the given class name
  className = className.replace(/\-/g, '\\-');
  var re = new RegExp('(^|\\s)' + className + '(\\s|$)');
  return re.test(element.className);
}

function applyClass(element, className) {
  //add a class to an element
  if (!elementHasClass(element, className))   element.className += " " + className;
}

function removeClass(element, className) {
  //remove a class from an element
  className = className.replace(/\-/g, '\\-');
  var re = new RegExp('(^|\\s)' + className + '(\\s|$)');
  element.className = element.className.replace(re,'');
}
//-->
