





function PopMailMessage(user, domain)
{
window.location.href = 'mail' + 'to' + ':' + user + '@' + domain;
}

function PopPlansMail(refNo)
{
window.location.href = 'mail' + 'to' + ':' + 'info' + '@' + 'exteriordesigns.com?Subject=Plans/specs for Bid Request #' + refNo;
}

var LastNav = '';

function DisplayNavItems(section)
{
if (!IsNavTrayVisible())
{
ShowNavTray();
}


if ($('NavTrayItems' + section))
{

$('NavTrayItems' + section).style.display = 'inline';

if (LastNav != '' && section != LastNav)
{
$('NavTrayItems' + LastNav).style.display = 'none';
}
LastNav = section;
}
}

function ShowNavTray()
{
Effect.SlideDown('NavTray', {duration: 0.25});
clearInterval(checkOpen);
}

function HideNavTray()
{
HideNavItems();
if ($('NavTray').style.display != 'none')
{
Effect.SlideUp('NavTray', {duration: 0.25});
clearInterval(checkOpen);
}
}

function HideNavItems()
{
var NavItemColl = $$('div[id^=NavTrayItems]');
NavItemColl.each(function(o){ $(o).style.display = 'none'; } );
}

function IsNavTrayVisible()
{
if ($('NavTray').style.display != 'none')
{
return(true);
} else {
return(false);
}
}











function CountActiveProjects(Homepage)
{
new Ajax.Request('/AJAX.php', {
method : 'post',
parameters : {
query : 'CountActiveProjects',
Homepage : Homepage
},
onComplete:function(transport){ HomeMax = transport.responseText; }
});
}



function GetProjects(direction, mode)
{
var LoadRecs = false;
HomeLastStart = HomeStart;

if (mode == '')
{
mode = 'home';
}

switch (direction)
{
case 'next' :
if (mode == 'home')
{
var NewOffset = HomeStart + HomeOffset;
}

if (mode == 'projects')
{
var NewOffset = HomeStart + ProjOffset;
}


if ((NewOffset) >= HomeMax)
{
var SetTo = HomeMax;

} else {
var SetTo = NewOffset;
LoadRecs = true;

}



break;

case 'prev' :
if (mode == 'home')
{
var NewOffset = HomeStart - HomeOffset;
}

if (mode == 'projects')
{
var NewOffset = HomeStart - ProjOffset;
}



if (NewOffset >= 0)
{
var SetTo = NewOffset;
LoadRecs = true;

} else {
var SetTo = 0;

}



break;
default :
var SetTo = 0;
LoadRecs = true;
}

if (LoadRecs == true)
{
HomeStart = SetTo;

if (mode == 'home')
{
if ((HomeStart - HomeOffset) >= 0)
{
$('ProjPrev').src = '/images/bar_arrow_lt.gif';
} else {
$('ProjPrev').src = '/images/bar_arrow_lt_off.gif';
}

if (HomeStart <= HomeMax)
{
$('ProjNext').src = '/images/bar_arrow_gt.gif';
} else {
$('ProjNext').src = '/images/bar_arrow_gt_off.gif';
}
}

if (mode == 'projects')
{
if ((HomeStart - ProjOffset) >= 0)
{
$('ProjPrev').src = '/images/callout_box2_arrow_l.gif';
} else {
$('ProjPrev').src = '/images/callout_box2_arrow_l_off.gif';
}

if (HomeStart <= HomeMax)
{
$('ProjNext').src = '/images/callout_box2_arrow_r.gif';
} else {
$('ProjNext').src = '/images/callout_box2_arrow_r_off.gif';
}
}

new Ajax.Request('/AJAX.php', {
method : 'post',
parameters : {
query : 'GetProjects',
Offset : HomeStart,
Mode : mode
},
onCreate:function(){ 
if (mode == 'home')
{
$('ProjectSet').innerHTML = '<img src="/images/wait-bar.gif" alt="" width="128" height="15" border="0" />'; 
} else {
$('ProjectSet').innerHTML = '<img src="/images/wait-bar-alt.gif" alt="" width="128" height="15" border="0" />'; 
}
},
onComplete:function(transport){ 
if (mode == 'home')
{
setTimeout("Home_GetProjectsHTML('" + transport.responseText + "')", 1000); 
} else {
setTimeout("Projects_GetProjectsHTML('" + transport.responseText + "')", 1000); 
}
}
});

}

if (mode == 'projects')
{
$('projDebug').innerHTML = 'HomeStart: ' + HomeStart + "<br>" + 'NewOffset: ' + NewOffset;
}


}











var HomeMax = 0;
var HomeLastStart = 0;
var HomeStart = 0;
var HomeOffset = 4;
var ProjOffset = 5;
var NextBtn = true;
var PrevBtn = false;

function Home_Initialize()
{
CountActiveProjects();
setTimeout("GetProjects('', 'home');", 500);
}



var LastZoom = 0;

function Home_GetProjectsHTML(responseText)
{
var respPts = responseText.split('__');
var idPts = respPts[0].split('-');

LastZoom = idPts[0];


var projSet = respPts[1].split('||');
var projSetHTML = '<table cellpadding="0" cellspacing="0" border="0" align="center"><tr>';

for (p=0;p<projSet.length;p++)
{

var setPts = projSet[p].split('::');

projSetHTML += '<td style="background: url(\'' + setPts[1] + '\') center no-repeat; text-align: center;"><a href="#" onclick="Home_ZoomProject(' + setPts[0] + ');return false;"><img src="/images/thumb_border_' + (p == 0 ? 'lit' : 'dark') + '.gif" id="Proj' + setPts[0] + 'Thumb" alt="" width="33" height="27" border="0" /></a><br /></td>';

if (p < (projSet.length-1))
{
projSetHTML += '<td width="15"><img src="/images/spacer.gif" alt="" width="15" height="1" border="0" /><br /></td>';
}
}

projSetHTML += '</tr></table>';


$('ProjectSet').innerHTML = projSetHTML;
Home_ZoomProject(LastZoom);
}



function Home_ZoomProject(projectId)
{
if (projectId && $('Proj' + projectId + 'Thumb'))
{
new Ajax.Request('/AJAX.php', {
method : 'post',
parameters : {
query : 'Home_ZoomProject',
Project_id : projectId
},
onCreate:function(){ $('ProjZoomed').style.backgroundImage = "url(/images/wait-bar2.gif)";  },
onComplete:function(transport){ setTimeout("Home_ZoomProjectHTML('" + transport.responseText + "')", 500); }
});

$('Proj' + LastZoom + 'Thumb').src = '/images/thumb_border_dark.gif';



$('Proj' + projectId + 'Thumb').src = '/images/thumb_border_lit.gif';

LastZoom = projectId;
}
}



function Home_ZoomProjectHTML(responseText)
{

var projPts = responseText.split('::');


$('ProjZoomed').style.backgroundImage = "url(" + projPts[1] + ")";
$('ProjName').innerHTML = projPts[4];
}




var lastHomePage = 1;

function SwapHomePages(direction)
{
var runTurn = false;
var tryTurn = (direction == 'prev' ? lastHomePage - 1 : lastHomePage + 1);

if ((direction == 'prev' && tryTurn > 0) || (direction == 'next' && tryTurn <= HomePages))
{
runTurn = true;
}

if (runTurn)
{
Effect.BlindUp('HomePage' + lastHomePage, {duration: .5});
setTimeout("Effect.BlindDown('HomePage' + " + tryTurn + ", {duration: .5});", 650);
lastHomePage = tryTurn;

if (lastHomePage > 1)
{
$('ProjPrev').src = '/images/bar_arrow_lt.gif';
} else {
$('ProjPrev').src = '/images/bar_arrow_lt_off.gif';
}

if (lastHomePage < HomePages)
{
$('ProjNext').src = '/images/bar_arrow_gt.gif';
} else {
$('ProjNext').src = '/images/bar_arrow_gt_off.gif';
}
}
}

var lastHomePhoto = 0;

function SwapHomePhoto(thumbId, newImg, imgCaption)
{
if (thumbId != lastHomePhoto)
{
$('ProjThumb' + lastHomePhoto).src = '/images/home_frame_dark.gif';
lastHomePhoto = thumbId;
}

$('ProjThumb' + thumbId).src = '/images/home_frame_lit.gif';
$('ProjZoomed').style.backgroundImage = "url(" + newImg + ")";
$('ProjName').innerHTML = imgCaption;
}

function SetLastHomePhoto(useMe)
{
lastHomePhoto = useMe;
}










function Projects_Initialize() 
{
CountActiveProjects(0);
setTimeout("GetProjects('', 'projects');", 500);
}



function Projects_GetProjectsHTML(responseText)
{
var respPts = responseText.split('__');
var idPts = respPts[0].split('-');

LastZoom = idPts[0];


var projSet = respPts[1].split('||');
var projSetHTML = '<table cellpadding="0" cellspacing="0" border="0" align="center"><tr>';

for (p=0;p<projSet.length;p++)
{

var setPts = projSet[p].split('::');

projSetHTML += '<td style="background: url(\'' + setPts[1] + '\') center no-repeat; text-align: center;"><a href="#" onclick="Projects_ZoomProject(' + setPts[0] + ');return false;"><img src="/images/proj_frame2_' + (p == 0 ? 'lit' : 'dark') + '.gif" id="Proj' + setPts[0] + 'Thumb" alt="" width="89" height="89" border="0" /></a><br /></td>';

if (p < (projSet.length-1))
{
projSetHTML += '<td width="15"><img src="/images/spacer.gif" alt="" width="15" height="1" border="0" /><br /></td>';
}
}

projSetHTML += '</tr></table>';


$('ProjectSet').innerHTML = projSetHTML;
Projects_ZoomProject(LastZoom);
}



function Projects_ZoomProject(projectId)
{
if (projectId && $('Proj' + projectId + 'Thumb'))
{
new Ajax.Request('/AJAX.php', {
method : 'post',
parameters : {
query : 'Projects_ZoomProject',
Project_id : projectId
},
onCreate:function(){ $('ProjZoomed').style.backgroundImage = "url(/images/wait-bar2.gif)";  },
onComplete:function(transport){ setTimeout("Projects_ZoomProjectHTML('" + transport.responseText + "')", 500); }
});

$('Proj' + LastZoom + 'Thumb').src = '/images/proj_frame2_dark.gif';



$('Proj' + projectId + 'Thumb').src = '/images/proj_frame2_lit.gif';

LastZoom = projectId;
}
}

function Projects_ZoomProjectHTML(responseText)
{

var projPts = responseText.split('::');


$('ProjZoomed').style.backgroundImage = "url(" + projPts[1] + ")";

$('ProjLink').href = '/Projects/Detail.php?p=' + projPts[0];
}





var lastProjPage = 1;

function SwapProjPages(direction)
{
var runTurn = false;
var tryTurn = (direction == 'prev' ? lastProjPage - 1 : lastProjPage + 1);

if ((direction == 'prev' && tryTurn > 0) || (direction == 'next' && tryTurn <= ProjPages))
{
runTurn = true;
}

if (runTurn)
{
Effect.BlindUp('ProjPage' + lastProjPage, {duration: .5});
setTimeout("Effect.BlindDown('ProjPage' + " + tryTurn + ", {duration: .5});", 650);
lastProjPage = tryTurn;

if (lastProjPage > 1)
{
$('ProjPrev').src = '/images/callout_box2_arrow_l.gif';
} else {
$('ProjPrev').src = '/images/callout_box2_arrow_l_off.gif';
}

if (lastProjPage < ProjPages)
{
$('ProjNext').src = '/images/callout_box2_arrow_r.gif';
} else {
$('ProjNext').src = '/images/callout_box2_arrow_r_off.gif';
}
}

ReadProjBoxes(1);
}

var lastProjPhoto = 0;

function SwapProjPhoto(thumbId, newImg)
{
if (thumbId != lastProjPhoto)
{
$('ProjThumb' + lastProjPhoto).src = '/images/proj_frame4_dark.gif';
lastProjPhoto = thumbId;
}

$('ProjThumb' + thumbId).src = '/images/proj_frame4_lit.gif';
$('ProjZoomed').style.backgroundImage = "url(" + newImg + ")";
$('ProjLink').href = '/Projects/Detail.php?p=' + thumbId;
}

function ProjPhotoPager(direction)
{
var runTurn = false;
var projIndex = GetProjPhotoIndex();
var nextIndex = 0;

switch (direction)
{
case 'prev' :
if ((projIndex - 1) >= 0)
{
nextIndex = projIndex - 1;
runTurn = true;
}

break;
case 'next' :
if ((projIndex + 1) < (projIdIndexes.length)-1)
{
nextIndex = projIndex + 1;
runTurn = true;
}

break;
}

if (runTurn)
{
SwapProjPhoto(projIdIndexes[nextIndex], largeProjPhotos[projIdIndexes[nextIndex]]);
if ((direction == 'next' && nextIndex % 5 == 0) || (direction == 'prev' && nextIndex % 5 == 4))
{
SwapProjPages(direction);
}

}
}

function GetProjPhotoIndex()
{
for (i=0;i<projIdIndexes.length;i++)
{
if (projIdIndexes[i] == lastProjPhoto)
{
return(i);
}
}
}

function SetLastProjPhoto(useMe)
{
lastProjPhoto = useMe;
}

var projBoxes = new Array();

function ReadProjBoxes(zoomFirst)
{
projBoxes = new Array();
var tabDivs = $$('td[id^=ProjPage' + lastProjPage + '_Box]');
var outStr = '';
tabDivs.each(function(o){ 
var boxId = o.id.substring(13, o.id.length);
projBoxes.push(boxId);
});


if (zoomFirst == 1)
{
SwapProjPhoto(projBoxes[0], largeProjPhotos[projBoxes[0]]);
}
}

function CheckProjBoxes()
{
alert(projBoxes);
}











var lastPhotoPage = 1;

function SwapPhotoPages(showPage)
{
if (lastPhotoPage != '')
{
Effect.BlindUp('PhotoPage' + lastPhotoPage, {duration: .5});


lastPhotoPage = showPage;
}

setTimeout("Effect.BlindDown('PhotoPage' + lastPhotoPage, {duration: .5});", 650);

}

var lastBigPhoto = 0;

function SwapBigPhoto(thumbId, newImg, imgCaption)
{
if (thumbId != lastBigPhoto)
{
$('PhotoThumb' + lastBigPhoto).src = '/images/detail_photo_off.gif';
lastBigPhoto = thumbId;
}

$('PhotoThumb' + thumbId).src = '/images/detail_photo_on.gif';
$('ProjZoomed').style.backgroundImage = "url(" + newImg + ")";
$('ProjCaption').innerHTML = imgCaption;
}

function SetLastPhoto(useMe)
{
lastBigPhoto = useMe;
}











var lastFAQ = '';

function ExpandFAQ(showMe)
{
if (lastFAQ != '')
{
$('FAQ' + lastFAQ).style.display = 'none';

}

if (lastFAQ != showMe)
{

$('FAQ' + showMe).style.display = 'inline';
lastFAQ = showMe;
}
}












function ToggleContactReqs()
{
switch ($F('ContactMethod'))
{
case 'Email' :
$('MethodEmail').style.display = 'inline';
$('MethodPhone').style.display = 'none';
$('MethodPhoneMobile').style.display = 'none';
break;
case 'Phone' :
$('MethodPhone').style.display = 'inline';
$('MethodEmail').style.display = 'none';
$('MethodPhoneMobile').style.display = 'none';
break;
case 'Mobile Phone' :
$('MethodPhoneMobile').style.display = 'inline';
$('MethodEmail').style.display = 'none';
$('MethodPhone').style.display = 'none';
break;
}
}



