// JavaScript Document
function runCommercialPage()
{
	var browser = navigator.appName;
	
	$('slide1').setStyle( { opacity: 0 } );
	$('slide2').setStyle( { opacity: 0 } ); 
	$('slide3').setStyle( { opacity: 0 } );
	$('slide4').setStyle( { opacity: 0 } );
	
	//	SETUP EVENTS FOR SLIDE BUTTONS	
		
	//	Setup Click Events for Main Buttons
	$('slide_button1').observe('mouseover', function(event) {
    	event.stop();
        
		if( $('slide2').display = "" || $('slide2').style.visibility == "" )
			new Effect.Fade('slide2', { duration: .5 } );
		if( $('slide3').display = "" || $('slide3').style.visibility == "" )
			new Effect.Fade('slide3', { duration: .5 } );
		if( $('slide4').display = "" || $('slide4').style.visibility == "" )
			new Effect.Fade('slide4', { duration: .5 } );
		
		new Effect.Appear('slide1', { duration: .5, delay: .5 } );
   	});
	
	//	Setup Click Events for Main Buttons
	$('slide_button2').observe('mouseover', function(event) {
    	event.stop();
        
		if( $('slide1').display = "" || $('slide1').style.visibility == "" )
			new Effect.Fade('slide1', { duration: .5 } );
		if( $('slide3').display = "" || $('slide3').style.visibility == "" )
			new Effect.Fade('slide3', { duration: .5 } );
		if( $('slide4').display = "" || $('slide4').style.visibility == "" )
			new Effect.Fade('slide4', { duration: .5 } );
		
		new Effect.Appear('slide2', { duration: .5, delay: .5 } );
   	});
	
	//	Setup Click Events for Main Buttons
	$('slide_button3').observe('mouseover', function(event) {
    	event.stop();
        
		if( $('slide1').display = "" || $('slide1').style.visibility == "" )
			new Effect.Fade('slide1', { duration: .5 } );
		if( $('slide2').display = "" || $('slide2').style.visibility == "" )
			new Effect.Fade('slide2', { duration: .5 } );
		if( $('slide4').display = "" || $('slide4').style.visibility == "" )
			new Effect.Fade('slide4', { duration: .5 } );
		
		new Effect.Appear('slide3', { duration: .5, delay: .5 } );
   	});
	
	//	Setup Click Events for Main Buttons
	$('slide_button4').observe('mouseover', function(event) {
    	event.stop();
        
		if( $('slide1').display = "" || $('slide1').style.visibility == "" )
			new Effect.Fade('slide1', { duration: .5 } );
		if( $('slide2').display = "" || $('slide2').style.visibility == "" )
			new Effect.Fade('slide2', { duration: .5 } );
		if( $('slide3').display = "" || $('slide3').style.visibility == "" )
			new Effect.Fade('slide3', { duration: .5 } );
		
		new Effect.Appear('slide4', { duration: .5, delay: .5 } );
   	});

	
	new Effect.Appear('slide1', { duration: .5 } );	
}

//	VALIDATE ESTIMATE FORM
function validate_commercial_estimate_form()
{
	//	Verify the required fields have data
	if( $('First').value == "" || $('Last').value == ""  || $('Email').value == "" || $('Phone').value == "" || $('Address').value == "") {
		alert('You must complete all fields that have a * next to them to complete this form.\n\nPlease try again!');
		return false;
	}
	
	//	Hide the quote section and show progress
	hide_element('bodyquote');
	show_element('formprogress');
	
	new Ajax.Request('ajax/commercial.php', {	
  		method: 'post',
		onSuccess: function(e) 
					{ 
						var response = e.responseText.split('^');
						var success = response[0];	// "true" or "false"
						var message = response[1];
						
						success = success.replace(/\s/gi, '');
						
						if( success == "false")
						{
							alert("Error sending your message! The following error was given:\n\n"+message);
							
							//	Hide the progress indicator
							hide_element('formprogress');
							//	Re-show the form
							show_element('bodyquote');
						}
						else
						{
							//
							alert(message);							
							//	Success
							$('formprogress').innerHTML = "<h2>Your message has been sent! You will now be sent back to the home page.</h2>";
							
							setTimeout("window.location='commercial.php'", 2000);				
				
						}
					},
		onFailure: function(e) { 
						alert('Unable to submit request. Please try again.');
						
						//	Hide the progress and show the form again
						hide_element('formprogress');
						show_element('bodyquote');
					},
  		parameters: 
			{
				option: 'request',
				type: 'submitform',
				first: $('First').value,
				last: $('Last').value,
				email: $('Email').value,
				phone: $('Phone').value,
				address: $('Address').value,
				city: $('City').value,
				state: $('State').value,
				zip: $('Zip').value,
				message: $('Message').value
			} 
	});
}