window.addEvent('domready', function() {
	var slidingtabs = new SlidingTabs('sub-tabs', 'sub-panes');
	
	var tabHow = $('btn-how');
	var tabSamples = $('btn-samples');
	var tabFaq = $('btn-faq');
	var tabAdditional = $('btn-additional');
	var btnAppointment = $('btn-enter');
	var btnMeasure = $('btn-choose');
	var btnReceive = $('btn-results');
	var how_it_works_step1 = $('how_it_works_step1');
	var how_it_works_step2 = $('how_it_works_step2');
	var how_it_works_step3 = $('how_it_works_step3');
	var contact_submit = $('contact-submit');

	// make the first tab active on load
	tabHow.addClass('active-how');
	
	tabHow.addEvent('click', function(e){ 
		tabHow.addClass('active-how');
		tabSamples.removeClass('active-samples');	
		tabFaq.removeClass('active-faq');
		tabAdditional.removeClass('active-additional');
	});
	
	tabSamples.addEvent('click', function(e){ 
		tabHow.removeClass('active-how');
		tabSamples.addClass('active-samples');	
		tabFaq.removeClass('active-faq');
		tabAdditional.removeClass('active-additional');
	});
	
	tabFaq.addEvent('click', function(e){ 
		tabHow.removeClass('active-how');
		tabSamples.removeClass('active-samples');	
		tabFaq.addClass('active-faq');
		tabAdditional.removeClass('active-additional');
	});
	
	tabAdditional.addEvent('click', function(e){ 
		tabHow.removeClass('active-how');
		tabSamples.removeClass('active-samples');	
		tabFaq.removeClass('active-faq');
		tabAdditional.addClass('active-additional');
	});
	
	btnAppointment.addEvent('mouseover', function(e){
		 how_it_works_step1.setStyle('background-color','#141C33');	
	});
	btnAppointment.addEvent('mouseout', function(e){
		 how_it_works_step1.setStyle('background-color','transparent');	
	});
	btnMeasure.addEvent('mouseover', function(e){
		 how_it_works_step2.setStyle('background-color','#141C33');	
	});
	btnMeasure.addEvent('mouseout', function(e){
		 how_it_works_step2.setStyle('background-color','transparent');	
	});
	btnReceive.addEvent('mouseover', function(e){
		 how_it_works_step3.setStyle('background-color','#141C33');	
	});
	btnReceive.addEvent('mouseout', function(e){
		 how_it_works_step3.setStyle('background-color','transparent');	
	});

	var myFormValidation = new Validate('contact-form',{
		errorClass: 'form-error'
	});
});