function closeform (){
	$("div#askquotepop").html('');
	
	$("#askquotepop").removeClass("askforaquote-form");
	$("#askquotepop").addClass("hidden");
	
	$("#quote-modal").removeClass("modal");
	$("#quote-modal").addClass("hidden");
	
	$("#contactuspop").removeClass("contactus-form");
	$("#contactuspop").addClass("hidden");
	
	$("#contact-modal").removeClass("modal");
	$("#contact-modal").addClass("hidden");
}

$("a#askforaquote.ask-a-quote").click(askquote);

function askquote () {
	$("#quote-modal").removeClass("hidden");
	$("#quote-modal").addClass("modal");
	$("#quote-modal").css("opacity", ".90");
	$("#quote-modal").css("filter", "alpha(opacity=90)");
	
	var windowHeight;
	var windowWidth;
	
	windowHeight = $("#sitebody").height();
	$("#quote-modal").height(windowHeight);	
	windowWidth = $("html").width();
	$("#quote-modal").width(windowWidth);	
	
	$("#askquotepop").removeClass("hidden");
	$("#askquotepop").addClass("askforaquote-form");
	
	var html = '<a href="#" id="qcloseform" title="Close" class="close-popup">Close Ask for a Quote</a>\
				<h2>Get Started</h2>\
				<p id="pls-fill">Please fill-up the fields below with valid information.</p>\
				<iframe name="askquotetarget" class="hidden"></iframe>\
				<form id="askquoteform" method="post" action="controller/filter.php" enctype="multipart/form-data" target="askquotetarget">\
					<fieldset>\
						<input name="caction" id="qaction" type="hidden" value="askquote" />\
						<p id="quote-success-msg" class="hidden success-message">Inquiry Sent!</p>\
						<ul id="qform-wrap">\
							<li>\
								<label>Name</label>\
								<input name="qname" type="text" id="qname" />\
							</li>\
							<li>\
								<label>Email</label>\
								<input name="qemail" type="text" id="qemail" />\
							</li>\
							<li>\
								<label>Message/Questions</label>\
								<textarea name="qquestions" id="qquestions" cols="5" rows="2"></textarea>\
							</li>\
							<li>\
								<label>Send us the Design</label>\
								<p>Please first compress the files before sending it to us. Make sure that its .zip or .rar file format.</p>\
								<input name="design" type="file" id="design1" accept="rar|zip" />\
							</li>\
							<li class="action">\
								<input name="" type="button" class="submit" id="qsubmit" />\
								<input name="" type="button" class="cancel" id="qcancel" />\
							</li>\
						</ul>\
					</fieldset>\
				</form>';
					
	$("div#askquotepop").html(html);
	$("a#qcloseform.close-popup").click(closeform);
	$("input#qcancel.cancel").click(closeform);
	$("input#qsubmit.submit").click(SubmitAskQuote);
	
	function SubmitAskQuote () {
		var QName = $("#qname").val();
		var QEmail = $("#qemail").val();
		var reg = /^([\w]+)(.[\w]+)*@([\w]+)(.[\w]{2,3}){1,2}$/;
		var fileinput = $("input#design1");
		var valid = true;
		
		if (QName == "") {
			$("#qname").val("Please input your name!").addClass("error");
			$("#qname").click(function() { $("#qname").removeClass("error"); } );
			valid = false;
		} else if (QEmail == "") {
			$("#qemail").val("Email cannot be empty!").addClass("error");
			$("#qemail").click(function() { $("#qemail").removeClass("error"); } );
			valid = false;
		} else if (reg.test(QEmail) == false) {
			$("#qemail").val("Input a valid email address!").addClass("error");
			$("#qemail").click(function() { $("#qemail").removeClass("error"); } );
			valid = false;
		} else if (filterFileType(fileinput, "rar")) {
			$("form#askquoteform").submit();
			$("#quote-success-msg").removeClass("hidden");
			$("#quote-success-msg").addClass("success-message");
			$("ul#qform-wrap").addClass("hidden");
			valid = false;
		} else if (filterFileType(fileinput, "zip")) {
			$("form#askquoteform").submit();
			$("#quote-success-msg").removeClass("hidden");
			$("#quote-success-msg").addClass("success-message");
			$('#pls-fill').addClass('hidden');
			$("ul#qform-wrap").addClass("hidden");
			valid = false;
		} else {
			alert("Please submit .rar or .zip only type files");
			valid = false;
		}
		
		return valid
		
	}
	
	function filterFileType(field, ext) {
		
		var file = field.val();
		
		if (file.indexOf('.' + ext) == -1) {
			field.focus();
			return false;
		}
		
		return true;
	}
}

$("a#contactus").click(contactus);

function contactus () {
	$("#contact-modal").removeClass("hidden");
	$("#contact-modal").addClass("modal");
	$("#contact-modal").css("opacity", ".90");
	$("#contact-modal").css("filter", "alpha(opacity=90)");
	
	var windowHeight;
	var windowWidth;
	
	windowHeight = $("#sitebody").height();
	$("#contact-modal").height(windowHeight);	
	windowWidth = $("html").width();
	$("#contact-modal").width(windowWidth);	
	
	$("#contactuspop").removeClass("hidden");
	$("#contactuspop").addClass("contactus-form");
	
	var html = '<a href="#" id="ccloseform" title="Close" class="close-popup">Close Contact Us</a>\
				<h2>Contact Us</h2>\
				<p>Please fill-up the fields below with valid information.</p>\
				<iframe name="contacttarget" class="hidden"></iframe>\
				<form id="contactusform" method="post" action="controller/filter.php" target="contacttarget">\
					<fieldset>\
						<p id="contact-success-msg" class="hidden success-message">Message Sent!</p>\
						<input name="caction" id="caction" type="hidden" value="contactus" />\
						<ul id="cform-wrap">\
							<li>\
								<label>Name</label>\
								<input name="cname" id="cname" type="text" />\
							</li>\
							<li>\
								<label>Email</label>\
								<input name="cemail" id="cemail" type="text" />\
							</li>\
							<li>\
								<label>Message</label>\
								<textarea name="cmessage" id="cmessage" cols="5" rows="2"></textarea>\
							</li>\
							<li class="action">\
								<input name="" type="button" class="submit" id="csubmit" />\
								<input name="" type="button" class="cancel" id="ccancel" />\
							</li>\
						</ul>\
					</fieldset>\
				</form>';
	$("div#contactuspop").html(html);
	$("a#ccloseform.close-popup").click(closeform);
	$("input#ccancel.cancel").click(closeform);
	$("input#csubmit.submit").click(SubmitContactUs);
	
	function SubmitContactUs() {
		var CName = $("#cname").val();
		var CEmail = $("#cemail").val();
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		
		if (CName == "") {
			$("#cname").val("Please input your name!").addClass("error");
			$("#cname").click(function() { $("#cname").removeClass("error"); } );
		} else if (CEmail == "") {
			$("#cemail").val("Email cannot be empty!").addClass("error");
			$("#cemail").click(function() { $("#cemail").removeClass("error"); } );
		} else if (reg.test(CEmail) == false) {
			$("#cemail").val("Input a valid email address!").addClass("error");
			$("#cemail").click(function() { $("#cemail").removeClass("error"); } );
			return false;
		} else {		
			$("#contact-success-msg").removeClass("hidden");
			$("#contact-success-msg").addClass("success-message");
			
			var form = $("#contactusform")
			form.submit();
			$("ul#cform-wrap").addClass("hidden");
		}		
	}
}