| Server IP : 172.67.178.83 / Your IP : 216.73.217.141 Web Server : Apache System : Linux hosting01.arsenalhost.com 4.18.0-425.13.1.lve.el8.x86_64 #1 SMP Mon Feb 27 15:23:24 EST 2023 x86_64 User : corbizre ( 1013) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/corbizre/nextgreathome.com/templates/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>{if $house.address}{$house.address},{else}listing ID{$house.ID}{/if} {$house.city}, {if $house.true_state}{$house.true_state}{else}{$house.state}{/if} {$house.zip}{if $house.status=='For Rent'} - {$house.type} For Rent{else} - {$house.status}{/if}</title>
<link media="screen" href="{$HTTP_STATIC}style.css" rel="stylesheet" type="text/css" />
<link media="screen" href="{$HTTP_STATIC}style_002.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<style type="text/css">
{literal}
a, #footer a{
color:#FF7700;
}
#footer{
background:#FFFFFF;
}
#rightCol {
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
float:left;
}
{/literal}</style>
<meta name="keywords" content="{if $house.address}{$house.address} {else}Listing #00{$house.ID}{/if} {$house.city} {$house.state} {$house.zip},{$house.address}, {$house.city}, {$house.true_state},{$house.true_state_name},{$house.true_state_name} real estate"/>
<meta name="description" content="{if $house.address}{$house.address},{else}Property ID{$house.ID},{/if} {$house.city}, {$house.state} {$house.zip}{if $house.sale_status!=1}{if $house.status=='For Rent'} - {$house.type} For Rent{else} - {$house.status}{/if}{/if}. NextGreatHome.com - Real Estate listings database and search service around the {$house.city}, {$ZipCodes.StateFullName}."/>
<link rel="stylesheet" type="text/css" media="all" href="{$HTTP_HOST}fancybox/jquery.fancybox.css"/>
<script type="text/javascript" src="{$HTTP_HOST}fancybox/jquery.fancybox.js?v=2.0.6"></script>
<script type="text/javascript">
{literal}
var map;
var geocoder;
var panorama;
function initialize() {
geocoder = new google.maps.Geocoder();
var myOptions = {
zoom: 18,
center: new google.maps.LatLng(-37.84232584933157, 145.008544921875),
mapTypeId: google.maps.MapTypeId.HYBRID
};
//styling the map
var styleOptions = {
name: "Dummy Style"
};
var MAP_STYLE = [
{
featureType: "road",
elementType: "all",
stylers: [
{ visibility: "on" }
]
}
];
map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
var panoramaOptions = {
pov: {
heading: 180,
pitch: 0,
zoom: 1
}
};
var mapType = new google.maps.StyledMapType(MAP_STYLE, styleOptions);
map.mapTypes.set("Dummy Style", mapType);
map.setMapTypeId("Dummy Style");
var streetViewService = new google.maps.StreetViewService();
var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
var streetViewMaxDistance = 50;
var point = results[0].geometry.location;
streetViewService.getPanoramaByLocation(point, streetViewMaxDistance, function (streetViewPanoramaData, status) {
if(status === google.maps.StreetViewStatus.OK){
var oldPoint = point;
point = streetViewPanoramaData.location.latLng;
var heading = google.maps.geometry.spherical.computeHeading(point,oldPoint);
panorama.setPosition(point);
panorama.setPov({
heading: heading,
zoom: 1,
pitch: 0
});
panorama.setVisible(true);
}else{
document.getElementById("pano").style.height="350px";
document.getElementById('pano').innerHTML = "Street View For this property is not available. {/literal}{if !$house.image_url}Please check later if you want to see {if $house.address}{$house.address|strip_tags},{else}Listing ID{$house.ID}{/if} {$house.city}, {$house.state} {$house.zip} view.{/if}{literal}";
// no street view available in this range, or some error occurred
}
});
} else {
document.getElementById("pano").style.height="350px";
document.getElementById('pano').innerHTML = "Street View For this property is not available. {/literal}{if !$house.image_url}Please check later if you want to see property.{/if}{literal}";
}
});
// We get the map's default panorama and set up some defaults.
// Note that we don't yet set it visible.
//panorama = spaces.map.map.getStreetView();
}
//google.maps.event.addDomListener(window, 'load', initialize);
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
{/literal}
</script>
{literal}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-8316180472238588",
enable_page_level_ads: true
});
</script>
{/literal}
</head>
<body class="home blog">
<div id="container" class="shadow">
<div id="header">
<div id="branding">
<div id="site-title" style="padding-left: 5px;">
<a href="{$HTTP_HOST}" title="Next Great Home" rel="home"> Next <span>Great Home</span></a>
</div>
</div>
<div id="tagline">Real estate listing ID{$house.ID}</div>
</div>
<div id="main">
<div id="rightCol" style="width: 745px;">
<div id="mainContent" style="width: 735px;">
<div id="content">
<div xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb">
<a href="{$HTTP_HOST}" rel="v:url" property="v:title">Home</a>
</span>
{if $category.name}
<span typeof="v:Breadcrumb">
← <a href="{$HTTP_HOST}{$category.name}" rel="v:url" property="v:title">{$category.description}</a>
</span>
{/if}
{if $ZipCodes.State}
<span typeof="v:Breadcrumb">
← <a href="{$HTTP_HOST}{$category.name}{$DELIMITER}{$ZipCodes.StateFullName|lower|replace:" ":"-"}" rel="v:url" property="v:title">{$ZipCodes.StateFullName}</a>
</span>
{/if}
{if $ZipCodes.City}
<span typeof="v:Breadcrumb">
← <a href="{$HTTP_HOST}{$category.name}{$DELIMITER}{$ZipCodes.StateFullName|lower|replace:" ":"-"}{$DELIMITER2}{$ZipCodes.City|lower|replace:" ":"-"}" rel="v:url" property="v:title">{$ZipCodes.City|lower|capitalize:true}</a>
</span>
{/if}
{if $ZipCodes.ZipCode}
<span typeof="v:Breadcrumb">
← <a href="{$HTTP_HOST}{$category.name}{$DELIMITER}{$ZipCodes.StateFullName|lower|replace:" ":"-"}{$DELIMITER2}{$ZipCodes.City|lower|replace:" ":"-"}{$DELIMITER2}{$ZipCodes.ZipCode}" rel="v:url" property="v:title">{$ZipCodes.ZipCode}</a>
</span>
{/if}
{if $house.address}
<span typeof="v:Breadcrumb">
← <a href="{$HTTP_HOST}property{$DELIMITER}ID{$house.ID}.html" rel="v:url" property="v:title">{$house.address}</a>
</span>
{/if}
</div>
<div id="post" class="post">
<h1 class="entry-title">{if $house.address}{$house.address|strip_tags},{else}Listing ID{$house.ID}{/if} {$house.city}, {$house.state} {$house.zip}{if $house.sale_status!=1}{if $house.status=='For Rent'} - {$house.type} For Rent{else} - {$house.status}{/if}{/if}</h1>
<div class="entry-content">
{if $house.additional_info&&$house.additional_info|@strlen>400&&$house.sale_status!=1&&$house.site_index!=1003}<p style="font-size: 12px">{$house.additional_info|replace:" - learn more about this mobile home community":""}</p>{else}
<p style="font-size: 12px">This property ID{$house.id} {$house.type} location is {$ZipCodes.StateFullName} {$house.city} - {$house.address|strip_tags} street. </p>
<p style="font-size: 12px">
{if $house.bedrooms}The house Beds count is {$house.bedrooms}. {/if}
{if $house.bathrooms} And Bathrooms count is {$house.bathrooms}. {/if}
{if $house.living_area&&$house.site_index!='2015'}The Living Area of {$house.type} is {$house.living_area}.{/if}
This property was listed in our db from {$house.created_date|date_format:"%D"}. {if $house.created_date!=$house.last_update} The lastest update was on {$house.last_update|date_format:"%a %d %b, %Y"}.{/if}
{if $house.heating_type}The heating type of this property is {$house.heating_type}.{/if}
{if $house.construction_year}This house {$house.type|capitalize} was built in {$house.construction_year} year.{/if}
{if $house.area}The area of this {$house.type|capitalize} property is about {$house.area} (SF).{/if}
</p>
{if $house.sale_status!=1} {if $house.site_index!=1003} <p style="font-size: 12px">{$house.additional_info|replace:" - learn more about this mobile home community":""}</p>{/if}{/if}
{/if}
</div><!-- .entry-content -->
{*literal}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NGH-listing-top -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-8316180472238588"
data-ad-slot="1399835615"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{/literal*}
<script type="text/javascript">
google_ad_client = "ca-pub-8316180472238588";
google_ad_slot = "1399835615";
google_ad_width = 728;
google_ad_height = 90;
</script>
<!-- NGH-listing-top -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class="clear" style="height:5px;"></div>
<div class="entry-content">
<div style="float:left;width: 310px;">
<div class="listing-title" style="padding-bottom: 5px;text-decoration: underline;">
<h2 style="font-size: 14px;margin:0px;">Common Property Information:</h2></div>
<ul class="listing-box-info" style="padding-left: 0px;">
{if $house.type}<li>Real Estate Type: <b>{$house.type}</b></li>{/if}
{if $house.construction_year}<li>Was Built in: <b>{$house.construction_year}</b></li>{/if}
<li>Price: <b>{$house.price}</b></li>
{if $house.MLSID}<li>MLS#: <b>{$house.MLSID}</b></li>{/if}
<li>Updated in: {$house.last_update|date_format:"%m/%d/%y"}</li>
{if $house.market_type}<li>Market Status: <spap style="color:green;">{$house.market_type}</spap></li>{/if}
{*if $house.source}<li><b>Foreclosure Owner: {$house.source}</b></li>{/if*}
{if $house.bedrooms}<li>Beds: {$house.bedrooms}</li>{/if}
{if $house.bathrooms}<li>Baths: {$house.bathrooms}</li>{/if}
{if $house.rooms}<li>Rooms: {$house.rooms}</li>{/if}
{if $house.parking_spaces}<li>Parking spaces: {$house.parking_spaces}</li>{/if}
{if $house.flooring}<li>Flooring: {$house.flooring}</li>{/if}
{if $house.sleeps}<li>Sleeps: {$house.sleeps}</li>{/if}
{if $house.living_area&&$house.site_index!='2015'}<li>Living Area (SF): {$house.living_area}</li>{/if}
{if $house.patio}<li>Patio: {$house.patio}</li>{/if}
{if $house.fire_place}<li>Fire Place: {$house.fire_place}</li>{/if}
{if $house.heating_type}<li>Heating Type: {$house.heating_type}</li>{/if}
{if $house.sewer_type}<li>Sewer Type: {$house.sewer_type}</li>{/if}
{if $house.swimming_pool}<li>Swimming Pool: {$house.swimming_pool}</li>{/if}
{if $house.area}<li>Area (SF): {$house.area} </li>{/if}
{if $house.back_yeard}<li>Back yeard: {$house.back_yeard}</li>{/if}
</ul>
<div class="hlisting">
<span class="item">
<span class="fn">Property ID{$house.ID}</span>
</span><br/>
Status: <span class="offer {if $house.status=='For Rent'}rent{else}sale{/if}">{if $house.sale_status!=1}{$house.status}{else}Sold or Removed{/if}</span><br/>
Added: <abbr class="dtlisted" title="{$house.created_date|date_format:"%Y-%m-%d"}">{$house.created_date|date_format:"%Y-%m-%d"}</abbr>
Updated: <abbr class="updated" title="{$house.last_update|date_format:"%Y-%m-%d"}">{$house.last_update|date_format:"%Y-%m-%d"}</abbr>
<div class="location adr">
Address: <span class="street-address">{if $house.address}{$house.address|strip_tags}{else}Listing #00{$house.ID}{/if}</span>,<br/>
<span class="locality">{$house.city}</span>, <span class="region">{$house.state}</span>
<span class="postal-code">{$house.zip}</span> <span class="country">US</span>
</div>
{if $house.sale_status!=1} Price: <span class="price">{$house.price}</span>{/if}
{if $house.sale_status!=1&&$agent}
<div class="lister vcard">
Feel Free to contact with <span class="fn">{$agent.name|escape:'htmlall'}</span> at <br/>
<span class="tel"><span class="value">{if $agent.phone}{$agent.phone|escape:'htmlall'}{/if}</span> for more details.<br/></span>
<span itemprop="locality">{$house.city}</span>
</div>
<span itemprop="country-name">USA</span>
<span class="vcard author"><span class="fn">{$agent.name|escape:'htmlall'}</span></span>
{/if}
</div>
</div>
</div>
<div style="width: 410px;float:right;">
<div id="images_full">
<img alt="{$house.address}, {$house.city}, {$house.state} Main Image" width="405px" border="0" src="{$HTTP_IMG}{if $house.image_url}{$house.image_url}{else}NA.jpg{/if}" />
</div>
{if $images&&$house.sale_status!=1}
<div style="width: 410px;font-size: 10px;background-color: #666666;color:white;height: 15px;padding-top: 3px;">Property ID{$house.ID} photo gallery:</div>
<div id="images_thumbnails" style="{if $images|@count>4}height:100px;{/if}overflow:auto;">
{foreach from=$images item=image name=imagelist}
<a style="text-decoration: none;" href="{$HTTP_IMG}{if $image.filename}{$image.filename}{/if}">
<img alt="{$house.address}, {$house.city}, {$house.state} Image #{$image.ID}" width="76px" border="0" src="{$HTTP_IMG}{if $image.thumb}{$image.thumb}{else}NA.jpg{/if}" />
</a>
{/foreach}
</div>
{/if}
</div>
<div class="clearfix" style="height:7px;"></div>
<script type="text/javascript">
google_ad_client = "ca-pub-8316180472238588";
google_ad_slot = "7306768411";
google_ad_width = 728;
google_ad_height = 90;
</script>
<!-- NGH-listing-bottom -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
{*literal}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NGH-listing-mid -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-8316180472238588"
data-ad-slot="4353302014"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{/literal*}
<div id="details">
{$spin_text}
{if $spin_text}
{literal}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NGH-listing-bottom -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-8316180472238588"
data-ad-slot="7306768411"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{/literal}
{/if}
<h4 style="font-weight: bold;text-decoration: underline;">Detailed info regarding {$ZipCodes.City|lower|capitalize:true}, {$house.state} {$ZipCodes.ZipCode} area:</h4>
<p style="font-size: 12px;">Median Age of population is {$ZipCodes.MedianAge} years.
The population count in this area is about {$ZipCodes.Population|number_format}. Average Households count is {$ZipCodes.HouseholdsPerZipCode|number_format}.
the white population is about {$ZipCodes.WhitePopulation|number_format},
the black population in {$house.zip} about {$ZipCodes.BlackPopulation|number_format},
Asian Population is about {$ZipCodes.AsianPopulation|number_format},
the hispanics is about {$ZipCodes.HispanicPopulation|number_format},
Hawaiian Population count is about {$ZipCodes.HawaiianPopulation|number_format},
the Indian Population count is about {$ZipCodes.IndianPopulation|number_format},
Other Population count is about {$ZipCodes.OtherPopulation|number_format}.
Average Houses in this area is {$ZipCodes.AverageHouseValue|number_format}.
Average Income per Household is ${$ZipCodes.IncomePerHousehold|number_format}.
</p>
</div>
<div style="width: 730px;">
<h4 style="font-weight: bold;text-decoration: underline;">{if $house.address}{$house.address},{else}Realty ID{$house.ID}{/if} {$house.city}, {$ZipCodes.StateFullName} {$house.zip} Geographic Place:</h4>
<input id="address" type="hidden" value="{if $house.address}{$house.address}, {/if}{$house.city}, {$house.state} {$house.zip}"/>
<div id="map_canvas" style="width: 350px; height: 350px;float:left;"></div>
<div id="pano" style="width: 350px; height: 350px;float:right;font-size: 9px;"></div>
</div>
<div style="clear:both;"></div>
<hr></hr>
<div class="entry-utility">
<div style="float:left;width: 500px;">
<p style="font-size: 11px;text-align: justify;">
<strong>NOTE:</strong>NextGreatHome.com is a real estate search service, which can help you find houses for sale and rent around the country. All details about {if $house.type}{$house.type} {/if}property that situated on {$house.address}, {$house.city}, {$house.state} {$house.zip} was got from sources deemed reliable,
however we can't give warranty that information about price, agent contact information and other property facts like status on market are correct because this information may be changed, updated or removed without notice.
If You want to have full details about property listing above feel free to contact with listing Agent or property Owner. <br/>
Do you want to report about error or wrong information about ID{$house.ID} listing? - <a class="modalbox" href="#inline">Click Here</a>.
</p>
</div>
<div style="float:right;width: 212px;margin-top: 0px;">
{if $house.sale_status!=1} <h4 style="font-weight: bold;text-decoration: underline;margin-top: 0px;">Listing Agent Info</h4>
<p style="font-size: 11px;">
{if $agent.name}Agent Name: {$agent.name}<br/>{/if}
{if $agent.address}Address: {$agent.address}, {/if}
{if $agent.city}{$agent.city}, {/if}
{if $agent.state}{$agent.state} {/if}
{if $agent.zip}{$agent.zip}<br/>{/if}
{if $agent.company_name}Company Name: {$agent.company_name}<br/>{/if}
{if $agent.phone}Phone#: {$agent.phone}<br/>{/if}
{if $agent.fax}Fax#: {$agent.fax}<br/>{/if}
{if $agent.email}Email: {$agent.email}<br/>{/if}</p>
{/if}
</div>
</div>
</div><!-- #post-## -->
</div><!-- #content -->
</div><!-- #mainContent -->
</div><!-- #rightCol -->
<div style="height: 1000px;" id="leftCol">
<div id="primary" class="widget-area" role="complementary">
<ul class="xoxo">
<li id="tag_cloud-2" class="widget-container widget_tag_cloud">
<h3>Search Real Estate in {if $city}{$city|lower|capitalize:true}, {/if}{$ZipCodes.StateFullName}</h3>
<form id="search-form" class="search" action="{$HTTP_HOST}{$category.name}" method="get">
<table width="98%" cellpadding="0" cellspacing="0" border="1" style="font-family: Arial, Tahoma, sans-serif; font-size: 12px;">
<tr>
<td>Address: <br/><input type="text" id="search-by-address" name="Address" style="width: 94%;" value=""/></td>
</tr>
<tr>
<td>City: <br/><input type="text" id="search-by-address" name="Address" style="width: 94%;" value=""/></td>
</tr>
<tr>
<td align="left">State:<br />
<select name="States" id="States">
<option value="state">Select State</option>
{foreach from=$states item=state1}
<option value="{$state1.state_name}"{if $house.state==$state1.state_name} selected="selected"{/if}>{$state1.state_name}</option>
{/foreach}
</select>
</td>
</tr>
<tr>
<td><strong>{$state_info.state_desc} MLS# search:</strong> <br/> <input type="text" name="MlsId" id="search-by-mls-id" style="width: 94%;" value=""/></td>
</tr>
<tr>
<td align="right"> <br/>
<input type="hidden" name="States" value="{$state_info.state_name}"/>
{if $city|lower|capitalize:true} <input type="hidden" name="City" value="{$city|lower|capitalize:true}"/>{/if}
<input type="submit" class="btn" name="Search" value="Search">
</td>
</tr>
</table>
</form>
</li>
<li>
{*literal}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- NGH-main-link2 -->
<ins class="adsbygoogle"
style="display:inline-block;width:180px;height:90px"
data-ad-client="ca-pub-8316180472238588"
data-ad-slot="2736968011"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{/literal*}
</li>
<li>
{if $related_houses}
<h3>Nearby houses:</h3>
<ul style="clear:both;margin:0px;padding: 0px;list-style: none outside none;">
{foreach from=$related_houses item=related_house}
<li style="width: 165px;float:left;">
<a style="margin-left: 0px;" title="{$related_house.address} {if $related_house.type} {$related_house.type}{/if}{if $related_house.status_type} {$related_house.status_type}{/if}" href="{$HTTP_HOST}property{$DELIMITER}ID{$related_house.ID}.html">
<img alt="{$related_house.address|escape:'htmlall'}" width="150px" style="border: 1px solid #CCCCCC;padding: 3px;" src="{if $related_house.image_thumb}{$HTTP_IMG}{$related_house.image_thumb}{elseif $related_house.image_url}{$HTTP_IMG}{$related_house.image_url}{else}{$HTTP_STATIC}NA.jpg{/if}" /></a>
<span style="font-size: 11px;">{$related_house.address} {if $related_house.price}<br/> Price: ${$related_house.price}{/if}</span>
<br/><span style="font-size: 9px;">{if $related_house.last_update} Updated: {$related_house.last_update|date_format:"%a %d, %m, %y %H:%M:%S %Z"}{/if}</span><br/>
</li>
{/foreach}
</ul>
{/if}
<h3>Categories</h3>
<ul>
{foreach from=$categories item=category}
<li><a title="{$category.description}" href="{$HTTP_HOST}{$category.name}">{$category.description}</a></li>
{/foreach}
</ul>
</li>
</ul>
</div><!-- #primary .widget-area -->
</div>
<div style="clear:both;"></div>
</div><!-- #main -->
</div><!-- #container -->
{include file="footer.tpl.html"}
<div id="inline">
<h2>Rquest About Real Estate ID{$house.ID}</h2>
<form id="contact" name="contact" action="#" method="post">
<label for="name">Name*:</label>
<input type="text" id="name" name="name" class="txt"/>
<br/>
<label for="email">E-mail*:</label>
<input type="text" id="email" name="email" class="txt"/>
<br/>
<label for="msg">Enter a Message*:</label>
<textarea id="msg" name="msg" class="txtarea"></textarea>
* - required fields
<input type="hidden" id="pid" name="pid" class="txt" value="{$house.ID}"/>
<button id="send">Send E-mail</button>
</form>
</div>
<script type="text/javascript">
{literal}
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
$(document).ready(function() {
$(".modalbox").fancybox();
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var nameval = $("#name").val();
var emailval = $("#email").val();
var msgval = $("#msg").val();
var msglen = msgval.length;
var namelen = nameval.length;
var mailvalid = validateEmail(emailval);
if(nameval == '') {
$("#name").addClass("error");
}
if(namelen < 4) {
$("#nameval").addClass("error");
}
if(mailvalid == false) {
$("#email").addClass("error");
}
else if(mailvalid == true){
$("#email").removeClass("error");
}
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
if(mailvalid == true && msglen >= 4 && namelen >= 4) {
// if both validate we attempt to send the e-mail
// first we hide the submit btn so the user doesnt click twice
$("#send").replaceWith("<em>sending...</em>");
$.ajax({
type: 'POST',
url: '/sendmessage.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>Success! Your feedback has been sent, thanks :)</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
});
{/literal}
</script>
<script type="text/javascript">
{literal}
$('#images_thumbnails a').click(function(){
var newImageSrc = $(this).attr('href');
//alert(newImageSrc);
$('#images_full img').attr({'src': newImageSrc });
return false;
});
{/literal}
</script>
</body>
</html>