// pre load the images so it doesn't flicker
image1 = new Image();
image1.src = "images/icons/network_on.gif";

image2 = new Image();
image2.src = "images/icons/dev_on.gif";

image3 = new Image();
image3.src = "images/icons/design_on.gif";

image4 = new Image();
image4.src = "images/icons/sem_on.gif";

image5 = new Image();
image5.src = "images/icons/submit_on.gif";

image6 = new Image();
image6.src = "images/graphic_design.jpg";

image7 = new Image();
image7.src = "images/development.jpg";

image8 = new Image();
image8.src = "images/affiliate.jpg";

image9 = new Image();
image9.src = "images/sem.jpg";

//////////////////////////////////////////////////////////////////////////////////////

function changeContent(text, image){
	// first we get the content 
	var html = document.getElementById(text).innerHTML;
	// var image = "url('/images/" + image + "')";
	// set content div to show this content
	document.getElementById('content').innerHTML = html;
	document.getElementById('content').style.backgroundImage= "url(/images/" + image + ")";

}

//////////////////////////////////////////////////////////////////////////////////////


function makeHttpRequest(url, callback_function, return_xml, name)
{
   var http_request = false;

   if (window.XMLHttpRequest) { // Mozilla, Safari,...
       http_request = new XMLHttpRequest();
       if (http_request.overrideMimeType) {
           http_request.overrideMimeType('text/xml');
       }

   } else if (window.ActiveXObject) { // IE
       try {
           http_request = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
           try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
       }
   }

   if (!http_request) {
       alert('Unfortunatelly you browser doesn\'t support this feature.');
       return false;
   }
   http_request.onreadystatechange = function() {
       if (http_request.readyState == 4) {
           if (http_request.status == 200) {
               if (return_xml) {
                   eval(callback_function + '(name, http_request.responseXML)');
               } else {
                   eval(callback_function + '(name, http_request.responseText)');
               }
           } else {
               alert('There was a problem with the request.(Code: ' + http_request.status + ')');
           }
       }
   }
   http_request.open('GET', url, true);
   http_request.send(null);
}

//////////////////////////////////////////////////////////////////////////////////////


function changeForm(name, xml){
	setTimeout("changeFormEffect(name)", 1000);
	document.getElementById('messageForm').innerHTML = "<div class=\"messageTxt\">Thank you. " + name + ", <br /> You will be contacted by the appropriate person as soon as they recieve this message.</div>";
}

//////////////////////////////////////////////////////////////////////////////////////

function changeFormEffect(name){
	new Effect.Appear(document.getElementById('messageForm'));
}

//////////////////////////////////////////////////////////////////////////////////////

function sendFormAJAX(){
	var name = document.getElementById('name').value;
	var email = document.getElementById('email').value;
	var phone = document.getElementById('phone').value;
	var message = document.getElementById('message').value;
	var now = new Date();
	var url = "/includes/send_contact.php?e=" + email + "&n=" + name + "&p=" + phone  + "&m=" + message   + "&ts=" + now.getTime();
    //alert(url);

	if(name == "" || email == "" || phone == "" || message == "" || JACheckEmail(email) == false){
		document.getElementById('errormsg').innerHTML = "All Fields are Required!";
		new Effect.Highlight(document.getElementById('errormsg'));
		return false
	} else {
		new Effect.Shrink(document.getElementById('messageForm'));
		makeHttpRequest(url, 'changeForm', true, name);
	}
	
}

//////////////////////////////////////////////////////////////////////////////////////

function sendForm(){
	var name = document.getElementById('name').value;
	var email = document.getElementById('email').value;
	var phone = document.getElementById('phone').value;
	var message = document.getElementById('message').value;

	if(name == "" || email == "" || phone == "" || message == "" || JACheckEmail(email) == false){
		document.getElementById('errormsg').innerHTML = "All Fields are Required!";
		new Effect.Highlight(document.getElementById('errormsg'));
		return false
	} else {
		document.messageForm.submit();
	}
	
}

//////////////////////////////////////////////////////////////////////////////////////


//EMAIL VALIDATIO
	function JACheckEmail(str){// we must check to see if the email is formated properly.
			var at="@";
			var dot=".";
			var lat=str.indexOf(at);
			var lstr=str.length;
			var ldot=str.indexOf(dot);
			if (str.indexOf(at)==-1){
			   return false;
			}

			if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
			   return false;
			}

			if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
			   return false;
			}

			 if (str.indexOf(at,(lat+1))!=-1){
				return false;
			 }

			 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
				return false;
			 }

			 if (str.indexOf(dot,(lat+2))==-1){
				return false;
			 }
			
			 if (str.indexOf(" ")!=-1){
				return false;
			 }
			return true;					
	}
//END EMAIL
//////////////////////////////////////////////////////////////////////////////////////