// JAVASCRIPT words_at_work.js	



function Mouseover() 
{
    var src_normal = this.getAttribute('src');
    if(src_normal.search('_current') == -1) {
    	var src_over   = src_normal.substring(0, src_normal.lastIndexOf('.'));
    	src_over      += '_over.gif';	 
    	this.setAttribute('src', src_over); 
   	}
    
}

function Mouseout() 
{	
	var src_over   = this.getAttribute('src');
	if(src_over.search('_current') == -1) {
		var src_normal = src_over.substring(0, src_over.lastIndexOf('_'));  
		src_normal 	  += '.gif';
		this.setAttribute('src',src_normal); 
	}
}

function Next() 
{
	document.getElementById('servicesContent2').className = 'reveal';
	document.getElementById('servicesContent1').className = 'hide';
}

function Back() 
{
	document.getElementById('servicesContent2').className = 'hide';
	document.getElementById('servicesContent1').className = 'reveal';
}


// VALIDATION - contact form	
function ContactSubmit() 
{
	var flag_true = true;
	var errorMsg  = "";
	
	// name
	var o_reg_exp_0 = /^[A-Za-z0-9\s]+$/;
	
    if (document.getElementById('name').value.length==0) { 
    	flag_true = false;
    	errorMsg += "Please enter your name\n";  
		
	} else if (!document.getElementById('name').value.match(o_reg_exp_0)) {
        flag_true = false;
        errorMsg += "Please enter alpha-numeric characters in name field\n";	
	} 
	
	// email
	var o_reg_exp_1 = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	
	//check that name field is not empty
    if (document.getElementById('email').value.length==0 || document.getElementById('confirmEmail').value.length==0) {
		flag_true = false;
		errorMsg += "Please enter your email address into both fields\n";
		
	} 
	//check that both email fields match
    if (document.getElementById('email').value != document.getElementById('confirmEmail').value) {
		flag_true = false;
		errorMsg += "Please confirm that your email and confirm email details are matching\n";
		
	} 
	if (!document.getElementById('email').value.match(o_reg_exp_1) || !document.getElementById('email').value.match(o_reg_exp_1)) {
     	errorMsg += "Please enter a valid email address\n";
        flag_true = false;
	} 
    
    // message
	// check that characters are either alphabet, numerals or spaces
	var o_reg_exp_0 = /^[A-Za-z0-9\s]+$/;
	
    if (document.getElementById('message').value.length==0) { 
		flag_true = false;
		errorMsg += "Please type your message\n";
	}
	
	if(flag_true == false) {
		alert(errorMsg);
	}
	return flag_true;
}


  
  
//ONLOAD ACTIONS    
function Loader()
{	

	// CHECK FOR SUPPORTED FEATURES
	// if these features are not supported by the browser, stop javascript
	if (!document.getElementById || !document.getElementsByTagName) {
		alert("Javascript features not supported");
		return; 
	}

	//PRE-CACHE OVER IMAGES
	var nav_images_loaded  = false;
	
	var nav = document.getElementById("headerNavRight");
	if(nav) {
		//get all image objects inside 'headerNavRight'
		var images = nav.getElementsByTagName("img");
		for (var i = 0; i < images.length; i++) {
			var img = images[i];
			var source = img.src;
			//retreive path name minus extension
			var img_name = source.substring(0,source.lastIndexOf('.'));
			img_name += "_over.gif";
			//pre-cache gifs
			var image = new Image();
			image.src = img_name;
		}
		nav_images_loaded = true;
	}	
	
	
	
	//ROLLOVER EFFECTS
	
	//NAVIGATION
    var objElement = document.getElementById("headerNavRight");
	if (objElement) { 
	
		// NAV LINKS - change IMG SRC for current page link
		// get page name
		var pagenameStart = document.location.href.lastIndexOf('=');
		var pagename 	  = document.location.href.substring(pagenameStart).replace('=', '');
		//set to default pagename to home
		if(pagename!='services' && pagename!='background' && pagename!='projects' && pagename!='contact') { pagename = 'home';}
		pagename +='Img';
		//find nav element and change img to 'current'
		var src_normal  = document.getElementById(pagename).getAttribute('src');
		var src_current = src_normal.substring(0, src_normal.lastIndexOf('.'));
		src_current    += '_current.gif';	
		document.getElementById(pagename).setAttribute('src', src_current);
	
		if (nav_images_loaded == true) {
			var imgElement = objElement.getElementsByTagName("img"); // get all images inside 'headerNavRight' div
			for (var i = 0; i < imgElement.length; i++) {
				imgElement[i].onmouseover = Mouseover;
				imgElement[i].onmouseout  = Mouseout;
			}
		}
	}
	
	

	
    
	//SERVICES
	if(document.getElementById('servicesContent1')) {
		document.getElementById('nextBtn').onclick = Next;
	}
	if(document.getElementById('servicesContent2')) {
		document.getElementById('prevBtn').onclick = Back;
	}
	
	
	
	

	
	//VALIDATION
	 if (document.contact_form) {
	    document.contact_form.onsubmit = ContactSubmit;
	}
    
}
window.onload = Loader;