<script type="text/javascript">
	function tour_button_press(next_page) {
		$('.tour_page').hide();
		$('.tour_page_'+next_page).show();
		var str = 'action=tour_page_viewed&page=' + next_page + '&screen_width=' + screen.width + '&screen_height=' + screen.height;
		$.ajax({
			cache: false,
			type: "POST",
			url: "/vx/usa/functions/tour_page_viewed.php",
			data: str,
			success: function(result) {
			}
		});
	}
	$('document').ready(function() {
		var str = 'action=tour_page_viewed&page=1&screen_width=' + screen.width + '&screen_height=' + screen.height;
		$.ajax({
			cache: false,
			type: "POST",
			url: "/vx/usa/functions/tour_page_viewed.php",
			data: str,
			success: function(result) {
			}
		});		
	});
</script>
<style>
	.tour_top_header {
		font-size:28px;
		font-weight:bold;
		color:#23528c;
		margin-bottom:20px;
		border-bottom:3px solid #23528c;
	}
	.tour_main_body {
		height:410px;
	}
	.tour_page_title {
		margin-bottom:20px;
	}
	.tour_page_title_name {
		display:inline-block;
		width:215px;
		text-align:left;
		font-size:25px;
		color:#553d0d;
		font-weight:bold;
		vertical-align:middle;
	}
	.tour_page_description_1 {
		font-size:20px;
		font-weight:bold;
		margin:5px 0px 20px 0px;
	}
	.tour_page_description_2 {
		font-size:20px;
		font-weight:normal;
		margin:5px 0px;
	}
	.tour_page_number {
		font-style:italic;
		font-size:22px;
		margin:10px 0px;
		text-align:center;
	}
	.tour_buttons {
		font-size:20px;
		font-weight:bold;
		color:#26518b;
		width:300px;
		text-align:center;
		margin:0px auto;
	}
	.tour_button_back {
		float:left;
		border:1px solid black;
		border-radius:20px;
		padding:10px;
		cursor:pointer;
		width:98px;
	}
	.tour_button_next {
		float:right;
		border:1px solid black;
		border-radius:20px;
		padding:10px;
		cursor:pointer;
		width:98px;
	}
</style>
<div style="position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:10;padding:0px;" id="tour_form">
	<table style="width:100%;height:100%;">
		<tbody>
			<tr>
				<td style="background: rgba(255,255,255,0.7);">&nbsp;</td>
				<td style="height:50px;background: rgba(255,255,255,0.7);">&nbsp;</td>
				<td style="height:50px;background: rgba(255,255,255,0.7);">&nbsp;</td>
			</tr>
			<tr>
				<td style="background: rgba(255,255,255,0.7);">&nbsp;</td>
				<?php if($phone) { ?>
				<td style="background:rgba(255,255,255,0.7);width:100%;vertical-align:top;">
				<?php } else { ?>
				<td style="background:rgba(255,255,255,0.7);width:433px;vertical-align:top;">
				<?php } ?>
					<div style="border:4px solid #444444;border-radius:10px;padding:10px;position:relative;z-index:11;width:100%;max-width:<?php if($phone) { ?>350px;<?php } else { ?>400px;<?php } ?>background:white;font-family:Helvetica;margin:0px auto;">
						<div style="position:absolute;bottom:5px;left:5px;font-size:12px;font-style:italic;font-family:Arial;color:grey;cursor:pointer;" onclick="$('#tour_form').remove(); return false;">close</div>
						<div style="padding:5px 20px;background:white;">
							<div class="tour_page tour_page_1">
								<div class="tour_top_header">Member's Area Tour</div>
								<div class="tour_main_body">
									<div class="tour_page_title">
										<span class="glyphicons glyphicons-search glyphicons-fw" style="font-size:45px;vertical-align:middle"></span>
										<div class="tour_page_title_name">Grant Application Database</div>
									</div>
									<div class="tour_text_content">
										<div class="tour_page_description_1">Access the Newest Grant Applications found in the last 30 Days!</div>
										<div class="tour_page_description_2"><p>Our Research Team has found <strong><?= file_get_contents('https://surfcrm.com/lcapi/GetNumberNewGrants.php');?></strong> New Sources in the last 30 days in over 60 funding categories!</p><p>Click on "New Applications" to get access to the newest grants in our database!</p></div>
									</div>
								</div>
								<div class="tour_page_number">1 of 5</div>
								<div class="tour_buttons">
									<div class="tour_button_next" onclick="tour_button_press('2'); return false;">
										Next<br /><img src="/vx/usa/images/tour_arrow_right.png" />
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
							<div class="tour_page tour_page_2" style="display:none;">
								<div class="tour_top_header">Member's Area Tour</div>
								<div class="tour_main_body">
									<div class="tour_page_title">
										<span class="glyphicons glyphicons-calendar glyphicons-fw" style="font-size:45px;vertical-align:middle"></span>
										<div class="tour_page_title_name">Grant Deadline Calendar</div>
									</div>
									<div class="tour_text_content">
										<div class="tour_page_description_1">Don't miss another deadline!!</div>
										<div class="tour_page_description_2">Let our Grant Deadline Calendar help keep track of the upcoming deadlines so you won't be caught unprepared. New Grant Sources are being added all the time. Check back often to view new deadlines. Remember, NEW Sources are being added all the time!</div>
									</div>
								</div>
								<div class="tour_page_number">2 of 5</div>
								<div class="tour_buttons">
									<div class="tour_button_back" onclick="tour_button_press('1'); return false;">
										Back<br /><img src="/vx/usa/images/tour_arrow_left.png" />
									</div>
									<div class="tour_button_next" onclick="tour_button_press('3'); return false;">
										Next<br /><img src="/vx/usa/images/tour_arrow_right.png" />
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
							<div class="tour_page tour_page_3" style="display:none;">
								<div class="tour_top_header">Member's Area Tour</div>
								<div class="tour_main_body">
									<div class="tour_page_title">
										<span class="glyphicons glyphicons-bell glyphicons-fw" style="font-size:45px;vertical-align:middle"></span>
										<div class="tour_page_title_name">Email Alerts</div>
									</div>
									<div class="tour_text_content">
										<div class="tour_page_description_1">Want New Funding Applications delivered to your inbox?</div>
										<div class="tour_page_description_2">You select the categories you want to be notified about and you'll receive an email each week with any new applications for that category!</div>
									</div>
								</div>
								<div class="tour_page_number">3 of 5</div>
								<div class="tour_buttons">
									<div class="tour_button_back" onclick="tour_button_press('2'); return false;">
										Back<br /><img src="/vx/usa/images/tour_arrow_left.png" />
									</div>
									<div class="tour_button_next" onclick="tour_button_press('4'); return false;">
										Next<br /><img src="/vx/usa/images/tour_arrow_right.png" />
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
							<div class="tour_page tour_page_4" style="display:none;">
								<div class="tour_top_header">Member's Area Tour</div>
								<div class="tour_main_body">
									<div class="tour_page_title">
										<img src="/vx/usa/business-plan-template/business-plan-template.png" style="width:48px;vertical-align:middle" />
										<div class="tour_page_title_name">Business Plan Template</div>
									</div>
									<div class="tour_text_content">
										<div class="tour_page_description_1">A professionally written business plan is key helping you get funding from some funders.</div>
										<div class="tour_page_description_2">Click on the Business Plan Template page to access our templates and examples to help guide you through the process of writing your own business plan!</div>
									</div>
								</div>
								<div class="tour_page_number">4 of 5</div>
								<div class="tour_buttons">
									<div class="tour_button_back" onclick="tour_button_press('3'); return false;">
										Back<br /><img src="/vx/usa/images/tour_arrow_left.png" />
									</div>
									<div class="tour_button_next" onclick="tour_button_press('5'); return false;">
										Next<br /><img src="/vx/usa/images/tour_arrow_right.png" />
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
							<div class="tour_page tour_page_5" style="display:none;">
								<div class="tour_top_header">Member's Area Tour</div>
								<div class="tour_main_body">
									<div class="tour_page_title">
										<img src="/vx/usa/images/teleseminars.png" style="width:48px;vertical-align:middle" />
										<div class="tour_page_title_name" style="font-size:20px;">Professional Grant Writing Tele-Seminars</div>
									</div>
									<div class="tour_text_content">
										<div class="tour_page_description_1">Ever wished you had a professional grant writer to answer your questions?</div>
										<div class="tour_page_description_2">Once a week, you can get your questions answers live on our Tele-Seminars with our Grant Writer. With over 25 years of experience, you now have a professional in your corner! The calls are weekly and are archived on our site in case you missed them.</div>
									</div>
								</div>
								<div class="tour_page_number">5 of 5</div>
								<div class="tour_buttons">
									<div class="tour_button_back" onclick="tour_button_press('4'); return false;">
										Back<br /><img src="/vx/usa/images/tour_arrow_left.png" />
									</div>
									<div class="tour_button_next" onclick="$('#tour_form').remove(); return false;">
										<div style="height:23px;"></div>
										Finish
										<div style="height:23px;"></div>
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
						</div>
					</div>
				</td>
				<td style="background: rgba(255,255,255,0.7);">&nbsp;</td>
			</tr>
			<tr>
				<td style="height:50px;background: rgba(255,255,255,0.7);">&nbsp;</td>
				<td style="height:50px;background: rgba(255,255,255,0.7);">&nbsp;</td>
				<td style="height:50px;background: rgba(255,255,255,0.7);">&nbsp;</td>
			</tr>
		</tbody>
	</table>
</div>