window.addEvent('domready', function() { 
	$('appt_made').setStyle('display', 'none');
	
	$('time').onchange = function() {
		$('calTime').set('html', this.options[this.selectedIndex].text);
	}
	
	//set up the contact form
	var myForm = $('consultForm');
	myForm.set('send', {onRequest: function() {				
		$('formStatus').setStyle('color', 'black');
		$('formStatus').set('text', "Sending...");										
	},onSuccess: function() {
		
        if(this.response.text.indexOf('Error') > -1){
            $('formStatus').setStyle('color', 'red');
            $('formStatus').set('text', "Your message failed to send. " + this.response.text);    
        } else {
            //alert(this.response.text);
            $('formStatus').setStyle('color', 'green');
            $('formStatus').set('text', "Appointment Created!");
            
            $('appt_made').setStyle('display', 'block');
            var myFx = new Fx.Scroll(window).toBottom({durration: 500});    
        }
        
        
	}, onFailure: function() {
		$('formStatus').setStyle('color', 'red');
		$('formStatus').set('text', "Your message failed to send. Please check your internet connection and try again.");
	}});
	
	var prevdate = null;
	
	function setBlurFocus(object, string) {
		object.onfocus = function() {
			if(this.value == string) {
				this.value = "";
			}
		}
		
		object.onblur = function() {
			if(this.value == "") {
				this.value = string;
			}
		}
	}
	
	setBlurFocus($('dobmm'), "MM");
	setBlurFocus($('dobdd'), "DD");
	setBlurFocus($('dobyyyy'), "YYYY");
	
	myForm.addEvent('submit', function(e) {
		try {
			new Event(e).stop();
		} catch(err) {}
		
		$$('.emptyField').each(function(el) {
			el.removeClass('emptyField');								
		});
		
		
		var status = "";
		
		$$('.notSelected').each(function(el) {
			if(el.value == -1) {
				el.addClass('emptyField');
				status = "Please select a value from the highlighted fields";	
			}
		});
		
		$$('.notBlank').each(function(el) {
			if(el.value == '') {
				el.addClass('emptyField');
				status = "Please enter data for highlighted fields";
			}
		});
		
		if($('dobmm').value == 'MM') {
			$('dobmm').addClass('emptyField');
			status = "Please enter data for highlighted fields";
		}
		if($('dobdd').value == 'DD') {
			$('dobdd').addClass('emptyField');
			status = "Please enter data for highlighted fields";
		}
		if($('dobyyyy').value == 'YYYY') {
			$('dobyyyy').addClass('emptyField');
			status = "Please enter data for highlighted fields";
		}
		
		if(status == "")
			myForm.send();
            //myForm.fireEvent('send');
		else {
			$('formStatus').setStyle('color', 'red');
			$('formStatus').set('text', status);
		}
	});
	
	$('dallas_lasik_consult_submit').onclick = function() {
		myForm.fireEvent('submit');
	}
	//myCal = new Calendar({ Date: 'm/d/Y' }, { blocked: ['22,23,24,25,30,31 5 2009','5,6,7,12,13,14,19,20,21,26,27,28 6 2009', '1 9 2008', '5 25 2009'], direction: 1, onShowStart: function() {
																																															  //myCal = new Calendar({ Date: 'm/d/Y' }, { blocked: ['1,2,3,8,9,10,15,16,17,22,23,24,29,30,31 1 2010','4,5,6,11,12,13,18,19,20,21,22,23,24,25,26,27 12 2009','20,21,22,26,28,29 11 2009','28,29,30 8 2009','4,5,6,7,12,13,18,19,20,25,26,27 9 2009', '1 9 2008', '5 25 2009'], direction: 1, onShowStart: function() {
	myCal = new Calendar({ Date: 'm/d/Y' }, { blocked: ['0 * * 0,5,6', '1 9 2008', '5 25 2009'], direction: 1, onShowStart: function() {
		//$('mainTable').style.width="400px";
	
	}, onHideStart: function() {
		if($('Date').value != prevdate) {
			prevdate = $('Date').value;
			
			$('time').options.length = 0;
			var elOptNew = document.createElement('option');
			elOptNew.text = "Loading Open Times...";
			elOptNew.value = -1;
			
			try {
				$('time').add(elOptNew, null);
			} catch (ex) {
				$('time').add(elOptNew);
			}
			
			
			$('calDayName').set('html', getTheDay($('Date').value));
			$('calMonth').set('html', getTheMonth($('Date').value));
			$('calDay').set('html', $('Date').value.split("/", 2)[1]);
			
			$('time_loader').setStyle('display', "inline");
			
			var myRequest = new Request({method: 'post', url: 'php2/get_appt_times.php',
			onSuccess: function(responseText, responseXML){
				var xmlDocument = responseXML;
				var times = xmlDocument.getElementsByTagName('slot');
				var elOptNew = document.createElement('option');
				elOptNew.text = "Please Choose a Time";
				elOptNew.value = -1;
				$('time').options.length = 0;
				try {
					$('time').add(elOptNew, null);
				} catch (ex) {
					$('time').add(elOptNew);
				}
				
				for(i=0; i < times.length; i++) {
					var op = times.item(i).firstChild.data;
					var opval = times.item(i).attributes[0].value;
					//alert(op);
					var elOptNew = document.createElement('option');
					elOptNew.text = op;
					elOptNew.value = opval;
					
					try {
						$('time').add(elOptNew, null);
					} catch (ex) {
						$('time').add(elOptNew);
					}
				}
				$('time_loader').style.display = "none";
			}, onFailure: function() {
				alert("Failed to connect to server. Please try again");
			}}).send('date='+$('Date').value);
			
			/*
			var myXHR = new XHR({method: 'post', onSuccess: function() {
				var xmlDocument = this.response.xml;
				var times = xmlDocument.getElementsByTagName('slot');
				var elOptNew = document.createElement('option');
				elOptNew.text = "Please Choose a Time";
				elOptNew.value = -1;
				$('time').options.length = 0;
				try {
					$('time').add(elOptNew, null);
				} catch (ex) {
					$('time').add(elOptNew);
				}
				
				for(i=0; i < times.length; i++) {
					var op = times.item(i).firstChild.data;
					var opval = times.item(i).attributes[0].value;
					//alert(op);
					var elOptNew = document.createElement('option');
					elOptNew.text = op;
					elOptNew.value = opval;
					
					try {
						$('time').add(elOptNew, null);
					} catch (ex) {
						$('time').add(elOptNew);
					}
				}
				$('time_loader').style.display = "none";
			}}).send('ajaxphp/get_appt_times.php', 'date='+$('Date').value);
			*/
		}
	} });

});

function getTheDay(dateString) {
	myDays= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
	myDate=new Date(eval('"'+dateString+'"'));
	return myDays[myDate.getDay()];
}

function getTheMonth(dateString) {
	myMonths= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
	myDate=new Date(eval('"'+dateString+'"'));
	return myMonths[myDate.getMonth()];
}