// JavaScript Document

function hideinitial() {
document.getElementById("general").style.display = 'block';
document.getElementById("initialvisit").style.display = 'none';
document.getElementById("sitesurvey").style.display = 'none';
document.getElementById("conceptplan").style.display = 'none';
document.getElementById("masterplan").style.display = 'none';
document.getElementById("buildthegarden").style.display = 'none';
document.getElementById("planting").style.display = 'none';
document.getElementById("gardenreview").style.display = 'none';
document.getElementById("additionally").style.display = 'none';
}

function showdiv(divid) {
	new Effect.Fade($("general"),{duration:0.3});
	new Effect.Fade($("initialvisit"),{duration:0.3});
	new Effect.Fade($("sitesurvey"),{duration:1.0});
	new Effect.Fade($("conceptplan"),{duration:1.0});
	new Effect.Fade($("masterplan"),{duration:1.0});
	new Effect.Fade($("buildthegarden"),{duration:1.0});
	new Effect.Fade($("planting"),{duration:1.0});
	new Effect.Fade($("gardenreview"),{duration:1.0});
	new Effect.Fade($("additionally"),{duration:1.0});
	
    new Effect.Appear($(divid),{duration:1.0, delay : 0.9 });
}


DivShow =  {
	menuClick : function(divId) {
		
		if ($("general").style.display != 'none') {
			document.getElementById("general").style.display = 'none';
		}
		
		if ($("initialvisit").style.display != 'none') {
			document.getElementById("initialvisit").style.display = 'none';
		}
		
		if ($("sitesurvey").style.display != 'none') {
			document.getElementById("sitesurvey").style.display = 'none';
		}
		
		
		if ($("conceptplan").style.display != 'none') {
			document.getElementById("conceptplan").style.display = 'none';
		}
		
		if ($("masterplan").style.display != 'none') {
			document.getElementById("masterplan").style.display = 'none';
		}
		
		if ($("buildthegarden").style.display != 'none') {
			document.getElementById("buildthegarden").style.display = 'none';
		}
		
		if ($("planting").style.display != 'none') {
			document.getElementById("planting").style.display = 'none';
		}
		
		if ($("gardenreview").style.display != 'none') {
			document.getElementById("gardenreview").style.display = 'none';
		}
		
		if ($("additionally").style.display != 'none') {
			document.getElementById("additionally").style.display = 'none';
		}
		
		document.getElementById(divId).style.display = 'block';
		
		if (divId == 'general') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background2.png)'; }
        if (divId == 'initialvisit') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background1.png)'; }
		if (divId == 'sitesurvey') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background3.png)'; }
		if (divId == 'conceptplan') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background4.png)'; }
		if (divId == 'masterplan') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background-masterplan.png)'; }
		if (divId == 'buildthegarden') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background5.png)'; }
		if (divId == 'planting') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background6.png)'; }
		if (divId == 'gardenreview') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background7.png)'; }
		if (divId == 'additionally') { 
		document.getElementById("page-image-container").style.backgroundImage = 'url(../images/backgrounds/background8.png)'; }

		
		document.getElementById("general-subnav").style.color = '#999999';
		document.getElementById("initialvisit-subnav").style.color = '#999999';
		document.getElementById("sitesurvey-subnav").style.color = '#999999';
		document.getElementById("conceptplan-subnav").style.color = '#999999';
		document.getElementById("masterplan-subnav").style.color = '#999999';
		document.getElementById("buildthegarden-subnav").style.color = '#999999';
		document.getElementById("planting-subnav").style.color = '#999999';
		document.getElementById("gardenreview-subnav").style.color = '#999999';
		document.getElementById("additionally-subnav").style.color = '#999999';

		document.getElementById(divId + "-subnav").style.color = '#006666';
	}	
}