/* BEGIN Contact Us "ajax" Script  */	

    var request = false;
	try {
	  request = new XMLHttpRequest();
	} catch (trymicrosoft) {
	  try {
		request = new ActiveXObject("Msxml2.XMLHTTP");
	  } catch (othermicrosoft) {
		try {
		  request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (failed) {
		  request = false;
		}
	  }
	}
	
	if (!request)
	  alert("Error initializing XMLHttpRequest!");
  
	 function sendEmail() {
		 var realname = document.getElementById("realname").value;
		 var email = document.getElementById("email").value;
		 var subject = document.getElementById("subject").value;
		 var message = document.getElementById("message").value;
		 var url = "contactusProcessor.php?realname=" + realname + "&email=" + email + "&subject=" + subject + "&message=" + message;;
		 request.open("GET", url, true);
		 document.getElementById("form1").style.display = "none";
		 document.getElementById("form1").style.visibility = "hidden"; 
		 document.getElementById("processing").style.display = "";
		 document.getElementById("processing").style.visibility = "visible"; 
		 request.onreadystatechange = updatePage;
		 request.send(null);
   }
   
	function updatePage(e) {
     if (request.readyState == 4) {
       if (request.status == 200) {
	   	if (request.responseText == 0) {
			 document.getElementById("form1").style.display = "none";
			 document.getElementById("form1").style.visibility = "hidden"; 
			 document.getElementById("processing").style.display = "none";
			 document.getElementById("processing").style.visibility = "hidden"; 
			 document.getElementById("completed").style.display = "";
			 document.getElementById("completed").style.visibility = "visible"; 
       } else if (request.status == 404) {
         alert("Request URL does not exist");
	   } else if (request.responseText != 0) {
         alert("Failed to send email");
       } else {
         alert("Error: status code is " + request.status);
   			}
          }
        }
      }
      
/* END Contact Us "ajax" Script */ 	


/* BEGIN Introduction Video bandwidth selection */ 

      function selectBand(selection) {
         if (selection == 'low') {
         	document.getElementById("option_bandwidth").style.display = "none";
		 	document.getElementById("option_bandwidth").style.visibility = "hidden"; 
		 	document.getElementById("low_bandwidth").style.display = "";
		 	document.getElementById("low_bandwidth").style.visibility = "visible"; 
   	  	 } 
		 else if (selection == 'high') 
		 {
         	document.getElementById("option_bandwidth").style.display = "none";
		 	document.getElementById("option_bandwidth").style.visibility = "hidden"; 
		 	document.getElementById("high_bandwidth").style.display = "";
		 	document.getElementById("high_bandwidth").style.visibility = "visible"; 
   	  	 }
      }
         
/* END Introduction Video bandwidth selection */

/* START Referral "ajax" Script */

function sendReferral() {
		 var realname = document.getElementById("realname").value;
		 var email = document.getElementById("email").value;
		 var phone = document.getElementById("phone").value;
		 var message = document.getElementById("message").value;
         var referralName_1 = document.getElementById("referralName_1").value;
         var referralPhone_1 = document.getElementById("referralPhone_1").value;
         var referralName_2 = document.getElementById("referralName_2").value;
         var referralPhone_2 = document.getElementById("referralPhone_2").value;
         var referralName_3 = document.getElementById("referralName_3").value;
         var referralPhone_3 = document.getElementById("referralPhone_3").value;
		 var url = "http://advancedspinalsolutions.com/referralProcessor.php?realname=" + realname + "&email=" + email + "&phone=" + phone + "&message=" + message + "&referralName_1=" + referralName_1 + "&referralPhone_1=" + referralPhone_1 + "&referralName_2=" + referralName_2 + "&referralPhone_2=" + referralPhone_2 + "&referralName_3=" + referralName_3 + "&referralPhone_3=" + referralPhone_3;;
		 request.open("GET", url, true);
		 document.getElementById("form1").style.display = "none";
		 document.getElementById("form1").style.visibility = "hidden"; 
		 document.getElementById("processing").style.display = "";
		 document.getElementById("processing").style.visibility = "visible"; 
		 request.onreadystatechange = updatePage;
		 request.send(null);
   }
   
	function updatePage(e) {
     if (request.readyState == 4) {
       if (request.status == 200) {
	   	if (request.responseText == 0) {
			 document.getElementById("form1").style.display = "none";
			 document.getElementById("form1").style.visibility = "hidden"; 
			 document.getElementById("processing").style.display = "none";
			 document.getElementById("processing").style.visibility = "hidden"; 
			 document.getElementById("completed").style.display = "";
			 document.getElementById("completed").style.visibility = "visible"; 
       } else if (request.status == 404) {
         alert("Request URL does not exist");
	   } else if (request.responseText != 0) {
         alert("Failed to send email");
       } else {
         alert("Error: status code is " + request.status);
   			}
          }
        }
      }
      
/* END Referral "ajax" Script */ 	

/* START animated collapse Script  

Invoking code example
instance.slidedown(): Expands and reveals the DIV.

instance.slideup(): Contracts and hides the DIV.

instance.slideit(): Expand or contracts the DIV automatically based on its reverse state.

<a href="javascript:collapse1.slidedown()">Slide Down</a> | <a href="javascript:collapse1.slideup()">Slide Up</a>
following to be placed at the end of each DIV

Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse1=new animatedcollapse("faq1", 1000, false) */

//Animated Collapsible DIV- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated Aug 1st, 07'. Fixed bug with "block" parameter not working when persist is enabled
//Updated June 27th, 07'. Added ability for a DIV to be initially expanded.

var uniquepageid=window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, "") //get current page path and name, used to uniquely identify this page for persistence feature

function animatedcollapse(divId, animatetime, persistexpand, initstate){
	this.divId=divId
	this.divObj=document.getElementById(divId)
	this.divObj.style.overflow="hidden"
	this.timelength=animatetime
	this.initstate=(typeof initstate!="undefined" && initstate=="block")? "block" : "contract"
	this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value
	this.contentheight=parseInt(this.divObj.style.height)
	var thisobj=this
	if (isNaN(this.contentheight)){ //if no CSS "height" attribute explicitly defined, get DIV's height on window.load
		animatedcollapse.dotask(window, function(){thisobj._getheight(persistexpand)}, "load")
		if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
			this.divObj.style.visibility="hidden" //hide content (versus collapse) until we can get its height
	}
	else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" && this.isExpanded!="") //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //just collapse content if CSS "height" attribute available
	if (persistexpand)
		animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")
}

animatedcollapse.prototype._getheight=function(persistexpand){
	this.contentheight=this.divObj.offsetHeight
	if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"){ //Hide DIV (unless div should be expanded by default, OR persistence is enabled and this DIV should be expanded)
		this.divObj.style.height=0 //collapse content
		this.divObj.style.visibility="visible"
	}
	else //else if persistence is enabled AND this content should be expanded, define its CSS height value so slideup() has something to work with
		this.divObj.style.height=this.contentheight+"px"
}


animatedcollapse.prototype._slideengine=function(direction){
	var elapsed=new Date().getTime()-this.startTime //get time animation has run
	var thisobj=this
	if (elapsed<this.timelength){ //if time run is less than specified length
		var distancepercent=(direction=="down")? animatedcollapse.curveincrement(elapsed/this.timelength) : 1-animatedcollapse.curveincrement(elapsed/this.timelength)
	this.divObj.style.height=distancepercent * this.contentheight +"px"
	this.runtimer=setTimeout(function(){thisobj._slideengine(direction)}, 10)
	}
	else{ //if animation finished
		this.divObj.style.height=(direction=="down")? this.contentheight+"px" : 0
		this.isExpanded=(direction=="down")? "yes" : "no" //remember whether content is expanded or not
		this.runtimer=null
	}
}


animatedcollapse.prototype.slidedown=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==0){ //if content is collapsed
			this.startTime=new Date().getTime() //Set animation start time
			this._slideengine("down")
		}
	}
}

animatedcollapse.prototype.slideup=function(){
	if (typeof this.runtimer=="undefined" || this.runtimer==null){ //if animation isn't already running or has stopped running
		if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
			alert("Please wait until document has fully loaded then click again")
		else if (parseInt(this.divObj.style.height)==this.contentheight){ //if content is expanded
			this.startTime=new Date().getTime()
			this._slideengine("up")
		}
	}
}

animatedcollapse.prototype.slideit=function(){
	if (isNaN(this.contentheight)) //if content height not available yet (until window.onload)
		alert("Please wait until document has fully loaded then click again")
	else if (parseInt(this.divObj.style.height)==0)
		this.slidedown()
	else if (parseInt(this.divObj.style.height)==this.contentheight)
		this.slideup()
}

// -------------------------------------------------------------------
// A few utility functions below:
// -------------------------------------------------------------------

animatedcollapse.curveincrement=function(percent){
	return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
}


animatedcollapse.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
}

animatedcollapse.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

animatedcollapse.setCookie=function(name, value){
		document.cookie = name+"="+value
}

/* END animated collapse Script */