/** @author chrism */

 $(document).ready(function(){
 
// makes target elements clickable
	$(".quoteBtn, #nav li, #nav li ul li").click(function(){
		window.location = $(this).find('a').attr('href');
		return false;
	});
	
// .quoteBtn will animate 5 pixels down and then return to its default padding of 10px	
	$('.quoteBtn').hover(function(){
		$('.quoteBtn').stop().animate({ paddingTop: '13px' }, 400);
	}, function(){
		$('.quoteBtn').stop().animate({ paddingTop: '10px' }, 400); 
	});
	
// On click .quoteBtn, quoteForm, slides down; and on click .FauxQuoteBtn, slides up
	//$('#quoteBox').hide(); //.css({ top: '-452px' });
	
	$('li.quoteBtn, a.quoteBtn-footer').click(function(){
		$('#quoteBox').slideDown(function() {
			$(this).show().slideDown("fast");
		});
		//$('#quoteBox').stop().animate({ top: '0px' }, 750);
		//if (jQuery.browser.msie) { if (parseInt(jQuery.browser.version) == 7) { $('#quoteBox').stop().animate({ top: '50px' }, 750); } } // fix for IE7
		//if ($.browser.mozilla && $.browser.version >= "1.8") { $('#quoteBox').stop().animate({ top: '60px' }, 750); } //fix for FF1.8+
	});
	$('.FauxQuoteBtn').click(function(){ $('#quoteBox').slideUp("slow"); });
	//$('.FauxQuoteBtn').click(function(){ $('#quoteBox').stop().animate({ top: '-452px' }, 500); });
		
// Main Nav Effects
	$('.over-cr, .over-mfr, .over-rr').css({ background: 'url(res/dwnArrow.png) no-repeat 96% 16px' }); // sets dropdown arrow
		
	$('#nav li ul').css({ display: 'none' }); //overrides css
	// shows dropdown for commercial roofing
	$('#nav li.over-cr, #nav li.over-cr ul').hover(function() { 
		$('#nav li.over-cr ul').stop(true, true).slideDown('slow').show();
	}, function() { 
		$('#nav li.over-cr ul').stop(true, true).slideUp('slow'); 
	});
	// shows dropdown for mult-family rehab
	$('#nav li.over-mfr, #nav li.over-mfr ul').hover(function() { 
		$('#nav li.over-mfr ul').stop(true, true).slideDown('slow').show();
	}, function() { 
		$('#nav li.over-mfr ul').stop(true, true).slideUp('slow'); 
	});
	// shows dropdown for residential roofing
	$('#nav li.over-rr, #nav li.over-rr ul').hover(function() { 
		$('#nav li.over-rr ul').stop(true, true).slideDown('slow').show();
	}, function() { 
		$('#nav li.over-rr ul').stop(true, true).slideUp('slow'); 
	});
	
	// background effect for dropdown menu items	
	$('#nav li ul li a').css({ background: 'none' }); // overrides css
	$('#nav li ul li a[class!="nohover"]').css({ background: 'url(res/menu_bg-hover.png)', backgroundRepeat: 'no-repeat', backgroundPosition: '50% -15px' }).hover(function(){
		$(this).stop().animate({ backgroundPosition: '50% -10px' }, 500);
	}, function(){
		$(this).stop().animate({ backgroundPosition: '50% -15px' }, 500); 
	});

// styles captions for images
$('.gallery li:has(p)').css({ clear: 'left !important', outline: '0px solid red' }); 
	$('.gallery li.override p').css({ font: '10pt Verdana, Arial, sans-serif !important', textAlign: 'left' });
	$('.gallery li p').css({ font: 'italic 10pt Verdana, Arial, sans-serif', textAlign: 'left' });

$('#projectsNav li.override').css({ marginTop: '10px' });
				
/* ** BROWER DISCREPANCY FIXES ** */
	if (jQuery.browser.msie) {
		$('.transparent').css({ height: '112px' });
		
		if (parseInt(jQuery.browser.version) == 7) {
			$('#shadowSelector').removeClass('shadow');
			//$('#contactblock').css({ marginTop: '-120px' });
			$('#content').css({ paddingBottom: '10px' });
			$('#quoteBox').css({ marginTop: '-10px', height: '513px' });
				$('#quoteForm').css({ height: '458px', border: '1px solid #8e181b' 	});
				$('#quoteForm label').css({ marginTop: '-3px', marginBottom: '-3px' });
				$('#quoteForm input').css({ marginTop: '-4px', marginBottom: '-4px' });
				$('#quoteForm textarea').css({ marginTop: '7px' });
			$('a.FauxQuoteBtn').css({ border: '1px solid #8e181b', borderTop: '0px solid #8e181b' });
			$('#nav').css({ bottom: '0px' });
				$('#nav li ul li').css({ border: '1px solid #b41e21', borderBottom: '1px solid #771114' });
			$('#projectsNav li').css({ width: '40%', paddingLeft: '20px', background: 'url(res/menu_icon.png) no-repeat left top' });
		}
		if (parseInt(jQuery.browser.version) == 8) {
			$('#quoteBox').css({ marginTop: '-10px', height: '488px' });
				$('#quoteForm').css({ height: '433px', border: '1px solid #8e181b' 	});
			$('a.FauxQuoteBtn').css({ border: '1px solid #8e181b', borderTop: '0px solid #8e181b' });
			$('.quoteBtn').css({ border: '1px solid #8e181b' });	
		}
	}
		
	if ($.browser.safari) { 
		$('.phone-contact').css({ font: '11pt "TeXGyreBonumRegular", Georgia, serif' }); 
		$('a.FauxQuoteBtn').css({ bottom: '2px' });
	}
	if ($.browser.mozilla && $.browser.version >= "1.8") { 
		$('#quoteBox').css({ height: '495px' });
			$('#quoteForm').css({ height: '442px' });
		$('#nav li ul li').css({ width: '98%' });
		$('.transparent').css({ height: '112px' });
		$('#projectsNav li').css({ width: '40%' });
	}
		
/* ======================================================================
 FORM ::: GET A FREE QUOTE ::: BEGIN
====================================================================== */
	$(function(){
		$(".error").hide();
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		$("#QsubmitBtn").click(function(){
			// validate and process form here
			var xQnameField = $("input#QnameField").val();
			if (xQnameField == "") {
				alert('Please enter a valid Name.');
				$("input#QnameField").focus();
				return false;
			}
			
			var xQemailField = $("input#QemailField").val();
			if (xQemailField == "") {
				alert('Please enter a valid E-Mail.');
				$("input#QemailField").focus();
				return false;
			}
			else 
				if (!emailReg.test(xQemailField)) {
					alert('Please enter a valid E-Mail.');
					return false;
				}
			
			var xQphoneField = $("input#QphoneField").val();
			if (xQphoneField == "") {
				alert('Please enter a valid Phone Number.');
				$("input#QphoneField").focus();
				return false;
			}
			
			var xQaddy1Field = $("input#Qaddy1Field").val();
			if (xQaddy1Field == "") {
				alert('Please enter a valid Address (line 1).');
				$("input#Qaddy1Field").focus();
				return false;
			}
			
			var xQaddy2Field = $("input#Qaddy2Field").val();
			if (xQaddy2Field == "") {
			// alert('Please enter a valid Address (line 2).');
			// $("input#Qaddy1Field").focus();
			// return false;
			}
			
			var xQcityField = $("input#QcityField").val();
			if (xQcityField == "") {
				alert('Please enter a valid City.');
				$("input#QcityField").focus();
				return false;
			}
				
			var xQstateField = $("input#QstateField").val();
			if (xQstateField == "") {
				alert('Please enter a valid State.');
				$("input#QstateField").focus();
				return false;
			}
			
			var xQzipField = $("input#QzipField").val();
			if (xQzipField == "") {
				alert('Please enter a valid Zip Code.');
				$("input#QzipField").focus();
				return false;
			}
			
			var xQdescriptionField = $("textarea#QdescriptionField").val();
			if (xQdescriptionField == "") {
			// alert('Please enter a valid Description of Project.');
			// $("input#QdescriptionField").focus();
			// return false;
			}
			
			var dataString = "Name=" + xQnameField + "&Email=" + xQemailField + "&Phone_Number=" + xQphoneField + "&Address_1=" + xQaddy1Field + "&Address_2=" + xQaddy2Field + "&City=" + xQcityField + "&State=" + xQstateField + "&Zip=" + xQzipField + "&Description_of_Project=" + xQdescriptionField;
			
			$.ajax({
				type: "POST",
				url: "bin/process.php",
				data: dataString,
				success: function(){
					$('#quoteBox').hide();
					alert('Your request has been sent.');
				}
			});
			return false;
		});
	});
/* ======================================================================
 FORM ::: GET A FREE QUOTE ::: END
====================================================================== */

/* ======================================================================
 FORM ::: CONTACT US ::: BEGIN
====================================================================== */
	$(function(){
		$(".error").hide();
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		$("#contactBtn").click(function(){
			// validate and process form here
			var xnameField = $("input#nameField").val();
			if (xnameField == "") {
				alert('Please enter a valid Name.');
				$("input#nameField").focus();
				return false;
			}
			
			var xemailField = $("input#emailField").val();
			if (xemailField == "") {
				alert('Please enter a valid E-Mail.');
				$("input#emailField").focus();
				return false;
			}
			else 
				if (!emailReg.test(xemailField)) {
					alert('Please enter a valid E-Mail.');
					return false;
				}
			
			var xphoneField = $("input#phoneField").val();
			 if (xphoneField == "") {
			// 	alert('Please enter a valid Phone Number.');
			//	$("input#phoneField").focus();
			// 	return false;
			}
			
			var xcommentField = $("textarea#commentField").val();
			if (xcommentField == "") {
			// alert('Please enter a valid Description of Project.');
			// $("input#commentField").focus();
			// return false;
			}
			
			var dataString = "Name=" + xnameField + "&Email=" + xemailField + "&Phone_Number=" + xphoneField + "&Comments=" + xcommentField;
			
			$.ajax({
				type: "POST",
				url: "bin/processContact.php",
				data: dataString,
				success: function(){
					// $('#quoteBox').hide();
					alert('Your request has been sent.');
				}
			});
			return false;
		});
	});
/* ======================================================================
 FORM ::: CONTACT US ::: END
====================================================================== */


}); // end of jQuery document ready check