function form(winURL, winName, winFeatures) { // the function "newWindow" expects three arguments or parameters: (winContent, winName, winFeatures)
  			
view = window.open(winURL, winName, winFeatures); // the statement uses a method whith parameters to be defined by the user event
view.focus(); // this ensures that the "New Window" will always open in front of the rest
			
}
			

function addEvent( obj, type, fn ) {
    if ( obj.attachEvent ) {
        obj['e'+type+fn] = fn;
        obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
        obj.attachEvent( 'on'+type, obj[type+fn] );
    } else
        obj.addEventListener( type, fn, false );
}
function removeEvent( obj, type, fn ) {
    if ( obj.detachEvent ) {
        obj.detachEvent( 'on'+type, obj[type+fn] );
        obj[type+fn] = null;
    } else
        obj.removeEventListener( type, fn, false );
}

function highlightField(el){
	el.style.backgroundColor = 'red';
}
function unHighlightField(el){
	el.style.backgroundColor = 'green';
}

function validateForm() {
	var form = document.getElementById('frmReg');
	
	if (form.username.value.length < 4) {
		// something is wrong
		alert('name is too short, include your last name');
		highlightField(form.username);
		return false;
		
	} else {
		unHighlightField(form.username);
	}
	
	if (form.password.value.length < 4 || form.password2.value.length < 4) {
		// something else is wrong
		alert('secret code must be more than 4 characters');
		highlightField(form.password);
		highlightField(form.password2);
		return false;
	} 
	if(form.password.value !== form.password2.value){
		alert('passwords do not match');
		highlightField(form.password);
		highlightField(form.password2);
		return false;
	} else {
		unHighlightField(form.password);
		unHighlightField(form.password2);
	}
	// email
	if (!/^(\w+([.+-]*\w+)*@\w+([+.-]*\w)*\.\w{2,})$/.test(form.email.value)) {
		alert('email invalid');
		highlightField(form.email);
		return false;
	} else {
		unHighlightField(form.email);
	}
	
	var genderM = document.getElementById('genderM');
	var genderF = document.getElementById('genderF');
	if(genderM.checked){
		gender = 'male';
	} else if(genderF.checked) {
		gender = 'female';
	} else {
		alert('please select a gender');
		highlightField(genderM);
		highlightField(genderF);
		highlightField(genderX);
		return false;
	}
	

	// If the script makes it to here, everything is OK,
	// so you can submit the form
	
	return true;
	
	
}