var randomImages = ['bathtub','camera','islands','kids','music','pope','relax','roof','ship','smile','touchscreen','window'];
var rndNum = Math.floor(Math.random() * randomImages.length);
$("html").css({ background: "url(images/" + randomImages[rndNum] + ".jpg) no-repeat center center fixed" });



$('#quote_tab_link').click(function() {
	$('#quote_pulldown').slideToggle('slow');
	return false;
});

$('#quote_name').focus(function() {
	$(this).val('');
});

$('#quote_project').focus(function() {
	$(this).val('');
});

$('#quote_email').focus(function() {
	$(this).val('');
});



function contactSubmit() {
	var quote_name = escape($('#quote_name').val());
	var quote_project = escape($('#quote_project').val());
	var quote_email = escape($('#quote_email').val());

	// update user interface
	$('#quote_form_wrapper').css('color', 'white');
	$('#quote_form_wrapper').css('height', '200px');
	$('#quote_form_wrapper').html('Sending your message...');
	
	// Prepare query string and send AJAX request
	$.ajax({
		url: 'inc/send-project.php',
		data: 'ajax=true&name='+quote_name+'&project='+quote_project+'&email='+quote_email,
		success: function(msg) {
			if (msg == "Thank You! Your message<br />has been sent to us.<br /><span class='quote_form_back'>BACK</span>") {
				$('#quote_form_wrapper').css('color', 'green');
			} else {
				$('#quote_form_wrapper').css('color', 'red');
			}
			$('#quote_form_wrapper').html(msg);
			
			
			$('.quote_form_back').css('cursor', 'pointer');
			
			$('.quote_form_back').click(function() {
				$('#quote_form_wrapper').css('color', 'white');
				var form_html = '<form id="quote_form" method="post" action="index.php">'+
										'<p>WHAT IS YOUR NAME, AND THE NAME OF YOUR COMPANY OR ORGANIZATION?</p>'+
										'<p><input id="quote_name" type="text" name="name" value="NAME & COMPANY NAME" /></p>'+
										'<p>WHAT IS THE NATURE OF THE PROJECT?</p>'+
										'<p><input id="quote_project" type="text" name="project" value="TELL US ABOUT THE PROJECT" /></p>'+
										'<p>WHAT IS YOUR NAME, AND THE NAME OF YOUR COMPANY OR ORGANIZATION?</p>'+
										'<p><input id="quote_email" type="text" name="email" value="WHAT\'S YOUR EMAIL AND/OR PHONE NUMBER?" /></p>'+
										'<p id="submit_wrapper" class="text_right"><input id="quote_submit" type="image" name="submit" src="images/submit.png" /></p>'+
									'</form>';
									
									
										
										
						
				$('#quote_form_wrapper').html(form_html);
				
				
				
				$('#quote_name').focus(function() {
					$(this).val('');
				});
				
				$('#quote_project').focus(function() {
					$(this).val('');
				});
				
				$('#quote_email').focus(function() {
					$(this).val('');
				});
				
				
				
				$('#quote_form').submit(function() {
					contactSubmit();
					return false;
				});
			});
		}
	});
}
	
	
	
	$('#quote_form').submit(function() {
		contactSubmit();
		return false;
	});