function showSubMenu(id)
{
	/*Effect.Fade("home", {duration:0.2});
	Effect.Fade("aboutus", {duration:0.2});
	Effect.Fade("services", {duration:0.2});
	Effect.Fade("ourclients", {duration:0.2});
	Effect.Fade("contactus", {duration:0.2});*/
	/*$('home').style.display = "none";
	$('aboutus').style.display = "none";*/
	
	if(id == "services2")
	{
		//Effect.Appear("services2", {duration:0.2});
		$('industry2').style.display = "none";
		window.setTimeout('Effect.Appear("services2", {duration:0.2})', 100);
	}
	else if(id == "industry2")
	{
		//Effect.Appear("ourclients2", {duration:0.2});
		$('services2').style.display = "none";
		window.setTimeout('Effect.Appear("industry2", {duration:0.2})', 100);		
	}
	else
	{
		$('services2').style.display = "none";
		$('industry2').style.display = "none";
	}
	/*$('contactus').style.display = "none";*/	
	//window.setTimeout('Effect.Appear("'+id+'", {duration:0.2})', 200);
}

function overImage(id)
{
	$('home').src = "images/blank.gif";
	$('about').src = "images/blank.gif";
	$('services').src = "images/blank.gif";
	$('industry').src = "images/blank.gif";
	$('clients').src = "images/blank.gif";
	$('contact').src = "images/blank.gif";
	$(id).src = "images/"+id+".gif"; 
}

/************************************************ contact form validation **********************************/

String.prototype.trim = function()
{
  return this.replace(/^\s+|\s+$/g,"");
}

function checkField(id)
{
	var alphanumeric = RegExp('^[a-zA-Z][a-zA-Z0-9]*[_-_]?[a-zA-Z0-9]*$');
	switch(id)
	{
		//var regExp = RegExp('^(http://)(www.fog.com/|fog.com/)([0-9a-zA-Z?/_=&]*)$');
		case "userName":
		var string = $('userName').value;	
		if(string.trim() == '')
		{
			Effect.Appear("userNameResult", {duration:0.3});
			$("userNameResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please fill field</span>";
			$('userName').focus();
			return false;
		}
		else
		{
			Effect.Fade("userNameResult", {duration:0.3});
			return true;
		}
		break;
			
		case "businessName":
		var string = $('businessName').value;
		if(string.trim() == '')
		{
			Effect.Appear("businessNameResult", {duration:0.3});
			$("businessNameResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please fill field</span>";
			$('businessName').focus();
			return false;
		}
		else
		{
			Effect.Fade("businessNameResult", {duration:0.3});
			return true;
		}
		break;
		
		case "businessWebAddress":
		var string = $('businessWebAddress').value;
		var regExp = RegExp('^(http://|www.)([0-9a-zA-Z?/_=&]*).([0-9a-zA-Z?/_=&.]*)$');
		if(string.replace(regExp, '') != '')
		{
			Effect.Appear("businessWebAddressResult", {duration:0.3});
			$("businessWebAddressResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please write correct web address</span>";
			$('businessWebAddress').focus();
			return false;
		}
		else if(string.trim() == '')
		{
			Effect.Appear("businessWebAddressResult", {duration:0.3});
			$("businessWebAddressResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please fill field</span>";
			$('businessWebAddress').focus();
			return false;
		}
		else
		{
			Effect.Fade("businessWebAddressResult", {duration:0.3});
			return true;
		}
		break;
		
		case "officeContactNumber":
		var string = $('officeContactNumber').value;
		if(string.replace(RegExp("[0-9]\{7,13\}"), '') != '')
		{
			Effect.Appear("officeContactNumberResult", {duration:0.3});
			$("officeContactNumberResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please write 7-13 digits</span>";
			$('officeContactNumber').focus();
			return false;
		}
		/*else if(string.trim() == '')
		{
			Effect.Appear("officeContactNumberResult", {duration:0.3});
			$("officeContactNumberResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please fill field</span>";
			$('officeContactNumber').focus();
			return false;
		}*/
		else
		{
			Effect.Fade("officeContactNumberResult", {duration:0.3});
			return true;
		}
		break;
		
		case "mobileContactNumber":
		var string = $('mobileContactNumber').value;
		if(string.replace(RegExp("[0-9]\{7,13\}"), '') != '')
		{
			Effect.Appear("mobileContactNumberResult", {duration:0.3});
			$("mobileContactNumberResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please write 7-13 digits</span>";
			$('mobileContactNumber').focus();
			return false;
		}
		/*else if(string.trim() == '')
		{
			Effect.Appear("mobileContactNumberResult", {duration:0.3});
			$("mobileContactNumberResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please fill field</span>";
			$('mobileContactNumber').focus();
			return false;
		}*/
		else
		{
			Effect.Fade("mobileContactNumberResult", {duration:0.3});
			return true;
		}
		break;
		
		case "emailAddress":
		var string = $('emailAddress').value;
		if(string.replace(RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?"), '') != '')
		{
			Effect.Appear("emailAddressResult", {duration:0.3});
			$("emailAddressResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Please write correct email address</span>";
			$('emailAddress').focus();
			return false;
		}
		else if(string.trim() == '')
		{
			Effect.Appear("emailAddressResult", {duration:0.3});
			$("emailAddressResult").innerHTML = "<img src='images/arrow_left.gif' alt='arrow' style='border:none;' /><span style='color:#C60000; font-weight:bold;'>Mandatory field so we can respond to you</span>";
			$('emailAddress').focus();
			return false;
		}
		else
		{
			Effect.Fade("emailAddressResult", {duration:0.3});
			return true;
		}
		break;	
	}		
	return false;
}

function checkAllFields()
{
	return (checkField('userName') /*&& checkField('businessName') && checkField('businessWebAddress')*/ && checkField('officeContactNumber') && checkField('mobileContactNumber') && checkField('emailAddress'));
}

function checkAllFieldsLink()
{
	if(checkAllFields())
	{
		$('contactForm').action = "contactus.cfm";
		$('contactForm').submit();
	}
}


/************************************** SHOW SUBMENU AFTER JOIN SOME SUBPAGE *******************************/

function showSubMenuOnLoad(id)
{
	switch(id)
	{
		case "services.cfm":
		$('services2').style.display = "block";
		$('serv').style.color = "#C40001";
		$('services').src = "images/services.gif"; 
		break;
			
		case "onlinebusiness.cfm":
		$('services2').style.display = "block";
		$('onlinebusiness').style.color = "#C40001";
		$('services').src = "images/services.gif"; 
		break;
			
		case "seoandsem.cfm":
		$('services2').style.display = "block";
		$('seoandsem').style.color = "#C40001";
		$('services').src = "images/services.gif"; 
		break;
		
		case "payment.cfm":
		$('services2').style.display = "block";
		$('payment').style.color = "#C40001";
		$('services').src = "images/services.gif"; 
		break;
		
		
		
		
		case "gaming.cfm":
		$('industry2').style.display = "block";
		$('gaming').style.color = "#C40001";
		$('industry').src = "images/industry.gif"; 
		break;
			
		case "dating.cfm":
		$('industry2').style.display = "block";
		$('dating').style.color = "#C40001";
		$('industry').src = "images/industry.gif"; 
		break;
			
		case "onlinebusiness2.cfm":
		$('industry2').style.display = "block";
		$('online').style.color = "#C40001";
		$('industry').src = "images/industry.gif"; 
		break;
		
		case "mobile.cfm":
		$('industry2').style.display = "block";
		$('mobile').style.color = "#C40001";
		$('industry').src = "images/industry.gif"; 
		break;
		
		case "office.cfm":
		$('industry2').style.display = "block";
		$('office').style.color = "#C40001";
		$('industry').src = "images/industry.gif"; 
		break;
		
		
		
			
		case "index.cfm":
		$('home').src = "images/home.gif";
		break;
		
		case "aboutus.cfm":
		$('aboutus').src = "images/aboutus.gif";
		break;
			
		case "contactus.cfm":
		$('contactus').src = "images/contactus.gif";
		break;
	}
}