<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Photos of HIGHLAND LAKES 
CONDOMINIUM ASSOCIATION, Northville, Michigan - (248) 349-4006</title>

<meta content="text/html; charset=unicode" http-equiv="Content-Type">
<style type="text/css">
body {
background: #fefbdf url(Sampleindex2_files/lakebkgrnd.jpg) no-repeat fixed center;
opacity: 0.884;
}
.style1 {
border: 3px solid #0080ff;
}
.style2 {
text-align: center;
}
.style4 {
margin: 25px 25px;
text-indent: 10px;
}
.style17 {
border-width: 0px;
}
a {
color: #0080ff;
text-decoration: none;
}
a:visited {
color: #0080ff;
}
a:active {
color: #ffe600;
background-color: #0080ff;
}
a:hover {
color: #ffe600;
background-color: #0080ff;
}
.style21 {
color: #ffe600;
}
.style22 {
margin: 3px 15px;
text-indent: 10px;
color: #3f47d9;
}
.style23 {
color: #3f47d9;
}
.style16 {
border: 2px solid #5f4d93;
}
.style13 {
color: #f5e9fe;
background-color: #2a823b;
text-align: center;
}
.style25 {
border: 2px solid #3f47d9;
text-align: right;
background-color: #ffffff;
}
</style>
<meta name="GENERATOR" content="MSHTML 8.00.7600.16625">
</head>
<body>
<table style="text-align: left; background-color: rgb(254, 251, 223); width: 850px; margin-left: auto; margin-right: auto;" class="style1" border="2" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="style2">
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="4">
<tbody>
<tr>
<td colspan="2">
<table style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img style="border: 1px solid ; color: rgb(0, 128, 255); width: 450px; height: 300px;" alt="" src="Sampleindex2_files/Website-proposed--Photos-004.jpg"></td>
<td><img style="width: 375px; height: 300px;" alt="" src="Sampleindex2_files/Highland-Lakes-logo.png" hspace="10" vspace="10"></td>
</tr>
</tbody>
</table>
<table style="text-align: left; background-color: rgb(0, 128, 255); width: 100%; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 450px; color: white; font-weight: bold;"><font face="Tahoma" size="3">
20301 Silver Spring Drive - Northville, Michigan 48167</font></td>
<td style="color: white; font-weight: bold;">
<div style="text-align: center;"><font face="Tahoma" size="3">(248) 349-4006</font></div>
</td>
<td style="text-align: center; color: white; font-weight: bold;"><a href="mailto:clubhouse@hlca.us"><font color="white" face="Tahoma" size="3">
clubhouse@hlca.us</font></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<table style="text-align: left; width: 126px; height: 196px; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="5">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td></td></tr>
<tr>
<td><font><strong><a href="index.html"><font face="Tahoma" size="2"><strong>Home</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="History.html"><font face="Tahoma" size="2"><strong>
History</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="Board.html"><font face="Tahoma" size="2"><strong>
Board and Staff</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="download.html"><font face="Tahoma" size="2"><strong>
Resources</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="Committees.html"><font face="Tahoma" size="2"><strong>
Committees</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="photos.html"><font face="Tahoma" size="2"><strong>
Photo Album</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="models.html"><font face="Tahoma" size="2"><strong>
Models</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="bylaws.html"><font face="Tahoma" size="2"><strong>
Bylaws and Rules</strong></font></a></strong></font></td>
</tr>
<tr>
<td><font><strong><a href="contact.htm"><font face="Tahoma" size="2"><strong>
Contact Us</strong></font></a></strong></font></td>
</tr>
<tr>
<td style="text-align: center;"><img style="width: 136px; height: 92px;" alt="" src="Sampleindex2_files/animated_flag-american.gif"></td>
</tr>
</tbody>
</table>
</td>
<td><font color="#0080ff" face="Tahoma" size="4">
<p align="justify"><strong>HIGHLAND LAKES PHOTO GALLERY:</strong></p>
<span style="font-weight: bold;">
</span></font><span style="font-family: Tahoma;"></span>
<table style="width: 600px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">
<p align="center"><font color="black" face="Tahoma" size="3"><b>Highland Lakes 
Property</b>
</font></p>
</td>
<td style="text-align: center; width: 425px;">
<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" flashvars="host=picasaweb.google.com&amp;hl=en_US&amp;feat=flashalbum&amp;RGB=0x000000&amp;feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fshannon.hlca%2Falbumid%2F5542872783216581217%3Falt%3Drss%26kind%3Dphoto%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer" height="267" width="400"></td>
</tr>
<tr>
<td></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="vertical-align: top;">
<p align="center"><font color="black" face="Tahoma" size="3"><b>Highland House 
&quot;The Clubhouse&quot;</b>
</font></p>
</td>
<td style="text-align: center;"><img src="https://i.imgur.com/2R29QiG.jpg?1" width="400" height="267
"></td>
</tr>
<tr>
<td></td>
<td style="text-align: center;"></td>
</tr>
<tr>
<td style="vertical-align: top;">
<p align="center"><font color="black" face="Tahoma" size="3"><b>Highland Lakes 
Community Life</b>
</font></p>
</td>
<td style="text-align: center;"><script type="text/javascript">


var ultimateshow=new Array()

//ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]

ultimateshow[0]=['https://hlca.us/morepics/easter-breakfast.jpg', '', '']
ultimateshow[1]=['https://hlca.us/morepics/easter-egg-hunt.jpg',  '', '']
ultimateshow[2]=['https://hlca.us/morepics/Fwd_ Hot-dog-dayz-pic.jpg',  '', '']
ultimateshow[3]=['https://hlca.us/morepics/movie-late-night-swim.jpg',  '', '']
ultimateshow[4]=['https://hlca.us/morepics/valentines-party.jpg',  '', '']
//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth="400px" //set to width of LARGEST image in your slideshow
var slideheight="267px" //set to height of LARGEST iamge in your slideshow
var slidecycles="continous" //number of cycles before slideshow stops (ie: "2" or "continous")
var randomorder="yes" //randomize the order in which images are displayed? "yes" or "no"
var preloadimages="yes" //preload images? "yes" or "no"
var slidebgcolor=''

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById
var curcycle=0

if (preloadimages=="yes"){
for (i=0;i<ultimateshow.length;i++){
var cacheimage=new Image()
cacheimage.src=ultimateshow[i][0]
}
}

var currentslide=0

function randomize(targetarray){
ultimateshowCopy=new Array()
var the_one
var z=0
while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
ultimateshowCopy[z]=targetarray[the_one]
targetarray[the_one]="_selected!"
z++
}
}
}

if (randomorder=="yes")
randomize(ultimateshow)
else
ultimateshowCopy=ultimateshow

function rotateimages(){
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer='<center>'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='<a href="'+ultimateshowCopy[currentslide][1]+'" target="'+ultimateshowCopy[currentslide][2]+'">'
ultcontainer+='<img src="'+ultimateshowCopy[currentslide][0]+'" border="0">'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='</a>'
ultcontainer+='</center>'
if (ie||dom)
crossrotateobj.innerHTML=ultcontainer
if (currentslide==ultimateshow.length-1) currentslide=0
else currentslide++
if (curcycle==parseInt(slidecycles) && currentslide==0)
return
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
rotateimages()
}

if (ie||dom)
window.onload=start_slider

</script>
</td>
</tr>
<tr>
<td></td>
<td style="text-align: center;"></td>
</tr>
</tbody>
</table>
<br>
<br>
</td>
</tr>
<tr>
<td style="width: 110px;"></td>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
</body></html>