var defaultSection = ' ';
var pageSet = false;
var textOn = false;

function rollover( buttonname, title )
{
	document[buttonname].src = "images/buttons/" + buttonname + "C.png";
	document.getElementById('sectionSpan').innerHTML = title;
}

function rollout ( buttonname )
{
    document[buttonname].src = "images/buttons/" + buttonname + "G.png";
	document.getElementById('sectionSpan').innerHTML = defaultSection;
}

function setPage( sectionTitle )
{
	// Fade the background image
	if(sectionTitle != 'Photo Gallery')
	{
	   if(pageSet == false)
	   {
		   //Effect.Fade('bodyImage', {duration: 1.0, from: 1, to: 0.5});
		   new Effect.Opacity('bodyImage', {duration: 1.0, from:1, to: 0.2});
		   pageSet = true;
	   }
	
	   // Fade out the text if the text is already displayed
	   if(textOn)
	   {
		  fadeOut(sectionTitle);
		  setTimeout("fadeIn('" + sectionTitle + "')", 1200);
	   }
	   else
	   {
		   fadeIn(sectionTitle);
	   }
	   
	   defaultSection = sectionTitle;
	}
	
	document.title = sectionTitle;
}

function fadeOut(sectionTitle)
{
	new Effect.Opacity('bodyText', {duration:1, from:1.0, to:0});
}

function fadeIn(sectionTitle)
{
	// Set the text
	   document.getElementById('bodyText').innerHTML = document.getElementById(sectionTitle).innerHTML;
	   // Display the text
	   new Effect.Opacity('bodyText', {duration:1, from:0, to:1.0, queue:'end'});
	   textOn = true;
}

function reset()
{
	 if(pageSet)
	 {
		document.getElementById('sectionSpan').innerHTML = " ";
		
		// Fade out the text if the text is already displayed
	    if(textOn){
		   new Effect.Opacity('bodyText', {duration:1, from:1.0, to:0});
	    }
		
		// Fade body image back in
		new Effect.Opacity('bodyImage', {duration: 1.0, from:0.2, to:1.0, queue:'end'});
		
		
		pageSet = false;
	    defaultSection = ' ';
	    textOn = false;
	 }
	 
	 document.title = 'Halcyon Salon - Style, Color, Specialized Treatments, Trichology, Waxing, and Customized Enhancements'
	    
}