// JScript File
// read file name and sub directory
var pageurl = (new String(document.location));
var protocol = pageurl.substring(0, pageurl.indexOf("//") + 2);
pageurl = pageurl.replace(protocol, ""); // remove protocol from pageurl
var pathArray = pageurl.split("/");
// call function to check path for which area should be expanded
readPath()
//detect browser name, used to handle the event type
var detect = navigator.appName;
var fadeState;
var countFade = 0;
var timerVar = 0;
var imgSRC = "";
////////////////////////////////////////
////////////////////////////////////////
// fade in background image
function BGImage()
{
var BGPageID;
try
{
BGPageID = pathArray[2].substring(0,pathArray[2].length - 9);
}
catch(e) {}
//Image1 = new Image();
//Image1.src = "../DSN/wwwseaislandpropcom/Content/Images/PageBGs/" + BGPageID + "_landing_bgPic.jpg";
//Image1.src = "../images/" + BGPageID + "_landing_bgPic.jpg";
//imgSRC = Image1.src;
//Image1.onload = BGTransition();
GetTag("BGImage1").src = "../DSN/wwwseaislandpropcom/Content/Images/PageBGs/" + BGPageID + "_landing_bgPic.jpg";
GetTag("BGImage1").onload = BGTransition();
}
function BGTransition()
{
var speed = Math.round(2000 / 100);
var timer = 0;
//document.getElementById("BGImage1").src = imgSRC;
for(i = 0; i <=100; i++)
{
setTimeout("fadeInImage(" + i + ")",(timer * speed));
timer++;
}
}
function fadeInImage(opacity)
{
var object = document.getElementById("BGImage1").style;
object.filter = "alpha(opacity =" + opacity + ")";
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
// fade in text after image has reached 100% opacity, ugly hack for IE to what it is supposed to
if (opacity == 100)
{
// Work around for IE bug with cleartype and opacity. Check if its enabled, if so set opacity to 100
// fade in will not work unless cleartype is turned off
if (screen.fontSmoothingEnabled)
{
var object1 = document.getElementById("LandingText").style;
object1.display = "block";
try{
var landBodyObject = document.getElementById("LandingBody").style;
landBodyObject.display = "block";
}catch (e) { }
try{
var landLinksObject = document.getElementById("LandingLinks").style;
landLinksObject.display = 'block';
}catch (e) { }
}else
{
var object1 = document.getElementById("LandingText").style;
object1.filter = "alpha(opacity=0)";
object1.opacity = (0);
object1.MozOpacity = (0);
object1.KhtmlOpacity = (0);
object1.display = "block";
try{
var landLinksObject = document.getElementById("LandingLinks").style;
landLinksObject.filter = "alpha(opacity =0)";
landLinksObject.opacity = (0);
landLinksObject.MozOpacity = (0);
landLinksObject.KhtmlOpacity = (0);
landLinksObject.display = "block";
}catch (e) { }
try{
var landBodyObject = document.getElementById("LandingBody").style;
landBodyObject.filter = "alpha(opacity =0)";
landBodyObject.opacity = (0);
landBodyObject.MozOpacity = (0);
landBodyObject.KhtmlOpacity = (0);
landBodyObject.display = "block";
}catch (e) { }
FadeInComponents();
}
}
}
//////////////////////////////////////////
//////////////////////////////////////////
/// fade in different components on the landing pages
function FadeInComponents()
{
var speed = Math.round(3000 / 100);
var timer = 0;
for(i = 0; i <=100; i++)
{
setTimeout("fadeComp(" + i + ")",(timer * speed));
timer++;
}
try
{
var landBodyObject = document.getElementById("LandingBody").style;
landBodyObject.filter = "alpha(opacity =100)";
landBodyObject.opacity = (1);
landBodyObject.MozOpacity = (1);
landBodyObject.KhtmlOpacity = (1);
}catch(e){ }
try {
var landLinksObject = document.getElementById("LandingLinks").style;
landLinksObject.filter = "alpha(opacity =100)";
landLinksObject.opacity = (1);
landLinksObject.MozOpacity = (1);
landLinksObject.KhtmlOpacity = (1);
}catch(e){ }
}
function fadeComp(opacity)
{
try
{
var object = document.getElementById("LandingText").style;
object.filter = "alpha(opacity =" + opacity + ")";
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
}catch(e) {}
}
/// function used on page load to take file name and directory and
/// expand correct area of menu
function readPath()
{
var imgsrc;
var hotImg;
var currImg;
switch(pathArray[1].toLowerCase())
{
case "lifestyle":
document.getElementById("LifeStyleDiv").className = 'ParentDivShow';
imgsrc = document.getElementById("lifestyle").src;
imgsrc = imgsrc.substring(0,imgsrc.length - 4);
document.getElementById("lifestyle").src = imgsrc + "_HOT.gif";
//change to -5 before live
if (pathArray[2].substring(0,pathArray[2].length - 5) == "lifestyleshome")
{
}
else
{
// for sub pages, make sure the hot image displays for appropriate image/category
if (pathArray[2].substring(0,pathArray[2].length - 5) != "lifestyleshome")
{
pageImg = pathArray[2];
pageImg = pageImg.substring(0,pageImg.length - 5);
var currImg = document.getElementById(pageImg).src;
currImg = currImg.substring(0,currImg.length -4);
document.getElementById(pageImg).src = currImg + "_HOT.gif";
}
}
break;
case "realestate":
document.getElementById("RealestateDiv").className = 'ParentDivShow';
//change to -5 before live
if (pathArray[2].substring(0,pathArray[2].length - 5) == "realestatehome")
{
}
else
{
document.getElementById("communitiesdiv").className = 'RealEstateSub2_show';
//imgsrc = document.getElementById("realestatecommunitites").src;
//imgsrc = imgsrc.substring(0,imgsrc.length - 4);
//document.getElementById("realestatecommunitites").src = imgsrc + "_HOT.gif";
// for sub pages, make sure the hot image displays for appropriate image/category
if (pathArray[2].substring(0,pathArray[2].length - 5) != "communitieshome")
{
try
{
pageImg = pathArray[2];
pageImg = pageImg.substring(0,pageImg.length - 4);
pageImg = pageImg.substring(7,0);
var currImg = document.getElementById(pageImg).src;
currImg = currImg.substring(0,currImg.length -4);
document.getElementById(pageImg).src = currImg + "_HOT.gif";
}
catch(e)
{}
finally{}
}
if (pathArray[2].substring(0,pathArray[2].length - 5) == "BETAsearch" || pathArray[2].substring(0,pathArray[2].length - 5) == "listings" || pathArray[2].substring(0,pathArray[2].length - 5) == "propertydetails" || pathArray[2].substring(0,pathArray[2].length - 12) == "listings")
{
// var CIDString = Request.Querystring("CID");
try
{
document.getElementById("RealestateDiv").className = 'ParentDivHide';
//document.getElementById("searchdiv").className = 'ParentDivShow';
imgsrc = document.getElementById("search").src;
imgsrc = imgsrc.substring(0,imgsrc.length - 4);
document.getElementById("search").src = imgsrc + "_HOT.gif";
//document.getElementById("realestatecommunitites").src = "../DSN/wwwseaislandpropcom/Content/Images/realestate_Communities.gif";
document.getElementById("communitiesdiv").className = 'RealEstateSub2';
}
catch(e) { }
finally {}
}else
{ imgsrc = document.getElementById("realestate").src;
imgsrc = imgsrc.substring(0,imgsrc.length - 4);
document.getElementById("realestate").src = imgsrc + "_HOT.gif";
}
}
break;
case "environment":
document.getElementById("EnvironmentDiv").className = 'ParentDivHide';
imgsrc = document.getElementById("environment").src;
imgsrc = imgsrc.substring(0,imgsrc.length - 4);
document.getElementById("environment").src = imgsrc + "_HOT.gif";
break;
case "search":
document.getElementById("RealestateDiv").className = 'ParentDivShow';
document.getElementById("searchdiv").className = 'ParentDivShow';
imgsrc = document.getElementById("searchlistings").src;
imgsrc = imgsrc.substring(0,imgsrc.length - 4);
document.getElementById("searchlistings").src = imgsrc + "_HOT.gif";
break;
case "tools":
pageImg = pathArray[2];
pageImg = pageImg.substring(0,pageImg.length - 5);
var currImg = document.getElementById(pageImg).src;
currImg = currImg.substring(0,currImg.length -4);
document.getElementById(pageImg).src = currImg + "_HOT.gif";
break;
}
}
// function will control rollover states of the images
// images should be named the same as the normal state
// rollover should have _ON attached
// passes in current src and current id
function RolloverImage(src,elID,e)
{
if (src.substring(src.length - 8,src.length) == "_HOT.gif")
{
}else
{
var imgsrc = src.substring(0,src.length - 4);
document.getElementById(elID).src = imgsrc + "_ON.gif";
//alert(this.id);
}
}
//////////////////////////////////////////////////////
// rollout function will remove _ON.gif from image src
// passes in current src and current id
function RolloutImage(src,elID,e)
{
if (src.substring(src.length - 7,src.length) == "_ON.gif")
{
var imgsrc = src.substring(0,src.length - 7);
document.getElementById(elID).src = imgsrc + ".gif";
}
else
{
}
}
////////////////////////////////////////
// function for increase alpha of menu table
function IncreaseAlpha(id,e)
{
var object = document.getElementById("menuTable").style;
object.opacity = (.90);
object.filter = "alpha(opacity=90)";
object.MozOpacity = (.90);
object.KhtmlOpacity = (.90);
var object2 = document.getElementById("MainNavTable").style;
object2.opacity = (.90);
object2.filter = "alpha(opacity=90)";
object2.MozOpacity = (.90);
object2.KhtmlOpacity = (.90);
var object3 = document.getElementById("RTCTable").style;
object3.opacity = (.90);
object3.filter = "alpha(opacity=90)";
object3.MozOpacity = (.90);
object3.KhtmlOpacity = (.90);
var object4 = document.getElementById("LogoTable").style;
object4.opacity = (.90);
object4.filter = "alpha(opacity=90)";
object4.MozOpacity = (.90);
object4.KhtmlOpacity = (.90);
fadeState = "On";
window.clearTimeout(timerVar);
timerVar = 0;
// alert(timerVar);
}
////////////////////////////////////////
// decrease alpha of menu table, should wait 10 seconds
function DecreaseAlpha(id,e)
{
if (!e) var e = window.event;
var tg = (window.event) ? e.srcElement : e.target;
if (tg.id == 'menuTable' || e.relatedTarget) decreaseDiv();
// Mouseout took place when mouse actually left layer
// Handle event
}
// if the element that called on mouseout was the outer div
// this function is called
function decreaseDiv()
{
//alert("decrease called");
countFade = countFade + 1;
//if (timerVar == 0)
//{
timerVar = setTimeout("fadeOutMenu()",10000);
//}
}
////////////////////////////////////
////////////////////////////////////
function fadeOutMenu()
{
var object = document.getElementById("menuTable").style;
object.opacity = (.5);
object.filter = "alpha(opacity=50)";
object.MozOpacity = (.5);
object.KhtmlOpacity = (.5);
var object2 = document.getElementById("MainNavTable").style;
object2.opacity = (.50);
object2.filter = "alpha(opacity=50)";
object2.MozOpacity = (.50);
object2.KhtmlOpacity = (.50);
var object3 = document.getElementById("RTCTable").style;
object3.opacity = (.50);
object3.filter = "alpha(opacity=50)";
object3.MozOpacity = (.50);
object3.KhtmlOpacity = (.50);
var object4 = document.getElementById("LogoTable").style;
object4.opacity = (.50);
object4.filter = "alpha(opacity=50)";
object4.MozOpacity = (.50);
object4.KhtmlOpacity = (.50);
fadeState = "Off";
}
/// Community Landing Page Map Functions
function CommunityRollover(imgID,communityID)
{
var imageSRC;
imageSRC = document.getElementById(imgID).src;
imageSRC = imageSRC.substring(0,imageSRC.length - 4);
document.getElementById(imgID).src = imageSRC + "_ON.gif";
document.getElementById(imgID).style.cursor = "pointer";
var divObject = document.getElementById("RolloverFloatingDiv").style;
switch(communityID)
{
case "Frederica":
divObject.position = "absolute";
divObject.top = "10px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "An exclusive 3,000-acre private community dedicated to the sporting life. Features an award-winning championship golf course, a 400-acre lake with Boathouse, an equestrian center and scenic waterways. Home sites from two to five acres."
break;
case "OceanForest":
divObject.position = "absolute";
divObject.top = "140px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Spacious oceanfront, riverfront and forest cottages on Sea Island. Also features a limited number of idyllic home sites."
break;
case "SeaIslandCottages":
divObject.position = "absolute";
divObject.top = "200px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Sea Island’s original neighborhood on the Atlantic Ocean. Many of these grand homes are close to The Cloister."
break;
case "Hawkins":
divObject.position = "absolute";
divObject.top = "230px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "An intimate community of homes and home sites on St. Simons. Surrounded by verdant forests and picturesque marsh."
break;
case "BeachClub":
divObject.position = "absolute";
divObject.top = "250px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Luxurious residences and residential suites on the grounds of the Sea Island Beach Club across from The Cloister hotel."
break;
case "LakeCottages":
divObject.position = "absolute";
divObject.top = "280px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A community of 38 three-story luxury townhomes, set among wooded groves and a private freshwater lake."
break;
case "OceanClub":
divObject.position = "absolute";
divObject.top = "330px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A lavish beachfront enclave of 28 spacious residences, on the grounds of the Sea Island Beach Club."
break;
case "KingsPoint":
divObject.position = "absolute";
divObject.top = "370px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A community of homes and home sites on the western edge of St. Simons Island nestled among salt marshes, lakes and fairways."
break;
case "GolfRetreat":
divObject.position = "absolute";
divObject.top = "420px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Home sites and residences on the Sea Island Golf Club’s beautiful Plantation Course."
break;
case "Seaside":
divObject.position = "absolute";
divObject.top = "430px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A secluded hammock of twelve homes and home sites, ranging from one to two acres. Located only steps from The Lodge."
break;
case "Lodge":
divObject.position = "absolute";
divObject.top = "455px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Residential suites on the grounds of The Lodge at Sea Island. Surrounded by golf courses and all the amenities of a five-star resort."
break;
case "CloisterOcean":
divObject.position = "absolute";
divObject.top = "355px";
divObject.left = "585px";
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Deeded Quarter Ownership opportunities in these 22 residences located on the southern most point of our oceanfront";
break;
}
}
function CommunityRollout(imgID)
{
var imageSRC;
imageSRC = document.getElementById(imgID).src;
imageSRC = imageSRC.substring(0,imageSRC.length - 7);
document.getElementById(imgID).src = imageSRC + ".gif";
document.getElementById("RolloverFloatingDiv").style.display = "none";
document.getElementById(imgID).style.cursor = "auto";
}
var communityCount = 1;
function ChangeCommunity(changeDirection)
{
var bodyText;
if (changeDirection == "UP")
{
if (communityCount == 3)
{
communityCount = 1
}
else
{
communityCount = communityCount + 1;
}
}
else
{
if (communityCount <= 1)
{}
else
{
communityCount = communityCount - 1;
}
}
document.getElementById("CommunityCount").innerHTML = communityCount + " of 3 ";
switch(communityCount)
{
case 1:
bodyText = "FREDERICA
Winding roads, moss-draped oaks and interconnected waterways provide picturesque views.";
bodyText = bodyText + "
";
bodyText = bodyText + "
";
document.getElementById("CommunityText").innerHTML = bodyText;
document.getElementById("communityPhoto").src = "../DSN/wwwseaislandpropcom/Content/Images/default/featuredCommPic.jpg";
break;
case 2:
bodyText = "LAKE COTTAGES
The elegant Lake Cottages are close The Cloister and all its amenities. The private, lakeside enclave is a peaceful retreat.";
bodyText = bodyText + "
";
bodyText = bodyText + "
";
document.getElementById("CommunityText").innerHTML = bodyText;
document.getElementById("communityPhoto").src = "../DSN/wwwseaislandpropcom/Content/Images/default/lakeCottages_FeaturedComm.jpg";
break;
case 3:
bodyText = "SEASIDE
Seaside is situated along the St. Simons Sound and Seaside Golf Course, offering amazing views in every direction.";
bodyText = bodyText + "
";
bodyText = bodyText + "
";
document.getElementById("CommunityText").innerHTML = bodyText;
document.getElementById("communityPhoto").src = "../DSN/wwwseaislandpropcom/Content/Images/default/seaside_FeaturedComm.jpg";
break;
}
}
function SIFormRollovers(varComm,vartop,varleft)
{
var divObject = document.getElementById("RolloverFloatingDiv").style;
switch(varComm)
{
case "Frederica":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "An exclusive 3,000-acre private community dedicated to the sporting life. Features an award-winning championship golf course, a 400-acre lake with Boathouse, an equestrian center and scenic waterways. Home sites from two to five acres."
break;
case "Ocean Forest":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Spacious oceanfront, riverfront and forest cottages on Sea Island. Also features a limited number of idyllic home sites."
break;
case "Sea Island Cottages":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Sea Island’s original neighborhood on the Atlantic Ocean. Many of these grand homes are close to The Cloister."
break;
case "Hawkins":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "An intimate community of homes and home sites on St. Simons. Surrounded by verdant forests and picturesque marsh."
break;
case "Beach Club":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Luxurious residences and residential suites on the grounds of the Sea Island Beach Club across from The Cloister hotel."
break;
case "Lake Cottages":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A community of 40 three-story luxury townhomes, set among wooded groves and a private freshwater lake."
break;
case "Ocean Club":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A lavish beachfront enclave of 28 spacious residences, on the grounds of the Sea Island Beach Club."
break;
case "Kings Point":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A community of homes and home sites on the western edge of St. Simons Island nestled among salt marshes, lakes and fairways."
break;
case "Golf Retreat":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Home sites and residences on the Sea Island Golf Club’s beautiful Plantation Course."
break;
case "Seaside":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "A secluded hammock of twelve homes and home sites, ranging from one to two acres. Located only steps from The Lodge."
break;
case "Lodge":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Residential suites on the grounds of The Lodge at Sea Island. Surrounded by golf courses and all the amenities of a five-star resort."
break;
case "Cloister Ocean":
divObject.position = "absolute";
divObject.top = vartop;
divObject.left = varleft;
divObject.display = "inline";
document.getElementById("RolloverFloatingDiv").innerHTML = "Deeded Quarter Ownership opportunities in these 22 residences located on the southern most point of our oceanfront."
break;
}
}
function SIFormRollout()
{
document.getElementById("RolloverFloatingDiv").style.display = "none";
}