function popupContent(cid, width, height, windowName) {
		return openPopup(popup_base_url + '?cid=' + cid, width, height, windowName );
	} 
	function whyPhonePopup(){
		popupContent("WHY_PHONE", 600, 400, "PhonePopUp" ).focus();
	} 
	function whyeMailPopup(){
		popupContent( "WHY_EMAIL", 600, 400, "EmailPopUp" ).focus();
	} 
	function whyCVNPopup(){
		popupContent( "WHY_CVN", 600, 400, "CVNPopUp" ).focus();
	}

	/*
	 *  This set of functions are validating and formatting the 
	 * input for phone number fields
	 */
	
	// error status of the last beautification
	var lastError;
	/*
	 * This function takes a string representing a phone number,
	 * strips away all that is not a number and formats the 
	 * phone number like this: XXX-XXX-XXXX OOO
	 * The XXX part is the wanted part by Pfaltzgraff; the OOO are extra digits 
	 * The value passed in may consist of digits or these characters "() +-./".
	 * Any other character will cause an error.
	 * @param:
	 *    rawPhone:  String; the number to be formatted
	 *    required:  boolean; if set to true this field may not be empty
	 * @return
	 *    the function returns the beautified string
	 *
	 * it also modifies the global variable <CODE>lastError</CODE> holding
	 * the error code of this beautification.
	 *   0 - no error
	 *   1 - other characters other than the numbers and allowed values
	 *   2 - there were not 10 numbers in the string
	 *   3 - the fied is marked as required but it is empty
	 */
	function beautifyPhoneNo( rawPhone, required )
	{
		lastPhoneNoFormatError = 0;
		var beauty = "";
		var c;
		// strip away unwanted characters
		for ( i = 0; i < rawPhone.length; i++ )
		{
			c = rawPhone.charAt( i );
			if ( c >= '0'  && c <= '9' )
			{
				beauty += c;
				continue;
			}
			// check for valid seperators
			if ( "() +-./".indexOf( c ) >= 0 )
			{
				continue;
			}
			
			// this shouldn't be implemented as a THROW thingy.
			// but the FF3 at least acted funny.  It took some considerable long time
			// for the FF3 to recover from the catch.  Thus return it wih a flag - for now...
			// illegal charaters
			// alert( "illegal character ( " + c + ")" );
			// throw "illegal character:" + c;
			lastPhoneNoFormatError = 1;
			return rawPhone;
		}
		// beautify the phone number
		if ( beauty.length > 0 )
		{
			// remove the prefix 1 for US long distance
			if ( beauty.charAt( 0 ) == '1' && beauty.length > 10 )
			{
				beauty = beauty.substring( 1 );
			}
			if ( beauty.length != 10 )
			{
				lastPhoneNoFormatError = 2;
			}
			// put in format delimeter.  Group: 3-3-4 n
			if ( beauty.length > 3)
			{
				beauty = beauty.substring( 0, 3 ) + "-" + beauty.substring( 3 );
				if ( beauty.length > 7)
				{
					beauty = beauty.substring( 0, 7 ) + "-" + beauty.substring( 7 );
					if ( beauty.length > 12)
					{
						beauty = beauty.substring( 0, 12 ) + " " + beauty.substring( 12 );
					}
				}
			}
		}
		else
		{
			if ( required )
			{
				lastPhoneNoFormatError = 3;
			}
		}
		return beauty;
	}
	
	/*
	 * error treatment, detailing the HTML persentation
	 * Setting the label to read and showing error texts
	 */
	function handleErrorPhoneNoFormatting( fieldName )
	{
		// alert( "Got exception " + raw );
		field = document.getElementById( "Label_" + fieldName );
		if ( field != null )
		{
			if ( lastPhoneNoFormatError == 0 )
			{
				field.className = "";
			}
			else
			{
				field.className = "warning";
			}
		}
		field = document.getElementById( "Error_" + fieldName );
		if ( field != null )
		{
			if ( lastPhoneNoFormatError == 0 )
			{
				field.style.display = "none";
			}
			else
			{
				field.style.display = "";
				switch ( lastPhoneNoFormatError )
				{
					case 1:
						field.innerHTML = ErrorPhoneNoFormattingMsgs["forms.profile.phoneNoInvalidChar"];
						break;
					case 2:
						field.innerHTML = ErrorPhoneNoFormattingMsgs["forms.profile.phoneNoInvalidLength"];
						break;
					case 3:
						field.innerHTML = ErrorPhoneNoFormattingMsgs["forms.profile.phoneNoEnterNumber"];
						break;
				}
			}
		}
		lastPhoneNoFormatError = 0;
	}
	
	/*
	 * This function resets all currently showing error messages for this field
	 */
	function clearPhoneNoError( fieldName )
	{
		lastPhoneNoFormatError = 0;
		handleErrorPhoneNoFormatting( fieldName )
	}
	
	/*
	 * for simplified usage.  Just call this method with the name of the 
	 * formfield.  
	 *	pdict.CurrentForms.profile.login.phone.htmlName
	 *  pdict.CurrentForms.profile.login.phone.mandatory
	 */ 
	function customizePhoneNoField( fieldName, required )
	{
		var field = document.getElementsByName( fieldName );
		if ( required == null )
			alert( "Please update your source and provide the field 'required' for the phone number" );
			
		if ( field != null && field.length > 0 )
		{
			field = field[0];
			// alert ( field );
			field.onblur = function()
			{
				var raw = document.getElementsByName( fieldName )[0].value;
				try
				{
					raw = beautifyPhoneNo( raw, required == "true" );
					document.getElementsByName( fieldName )[0].value = raw;
					handleErrorPhoneNoFormatting( fieldName );
				}
				catch ( e )
				{
					// for some odd reason the try/throw/catch thing lasts forever using FF3
					// thus I flagged the return value
					handleErrorPhoneNoFormatting( fieldName );
				}
			}
			field.value = beautifyPhoneNo( field.value, required == "true" );
			// field.onblur();
		}
	}

	/**
	 * This function resets all errors shown by an IS Inputfield.
	 * As a requirement the field needs to have the label and the error text.
	 * only when both can be found, the error wil be resettet.
	 */ 
	function resetErrorsOnForm( formId )
	{
		var form = document.getElementById( formId );
		if ( form != null )
		{
			var field;
			var fieldName;
			var label;
			var errorTxt;
			for ( i = 0; i < form.elements.length; i ++ )
			{
				
				field = form.elements[i];
				fieldName = field.name;
				
				if ( fieldName != null )
				{
					if ( (label=document.getElementById( "Label_" + fieldName )) != null )
					{
						if ( (errorTxt=document.getElementById( "Error_" + fieldName )) != null )
						{
							label.className = "";
							errorTxt.style.display = "none";
						}
					}
				}
			} 
		}
	}


	/*
	 *  This set of functions are related to red tag clearance layer
	 */
	
	var mousein = true;
	var curClearanceLayer = null; //holds currently visible clearance div (see pricing.isml)
		
 	function hideClearanceLayer() {
 		if (curClearanceLayer != null)
		{
			curClearanceLayer.style.display = "none";
		}
 	}
	function setClearanceLayerPosition(obj, id) {
		if (curClearanceLayer != null)
		{
			curClearanceLayer.style.display = "none";
		}
		var layerId = "clearance_layer" + id;
		var curleft = 0;
		var curtop = 0;
		for (var tmp = obj; tmp != null; tmp = tmp.offsetParent)
		{
			curleft += tmp.offsetLeft;
			curtop += tmp.offsetTop;
		}
		curleft += 25;
		curtop -= 7;
		curClearanceLayer = document.getElementById(layerId); 
		curClearanceLayer.style.left = curleft+"px";
		curClearanceLayer.style.top = curtop+"px";
		if (curClearanceLayer.style.display == "block") 
			curClearanceLayer.style.display = "none"; 
		else 
			curClearanceLayer.style.display = "block";
	}