var timer = null;
	
function setBackground(element, image)
{
	if(document.getElementById(element))
	{
		document.getElementById(element).style.background = "url('images/" + image + "')";
	}
}

function onButton(button)
{
    if(document.getElementById(button))
    {
        document.getElementById(button).style.background = "url(images/" + button.toLowerCase() + "_over.gif)";
        document.getElementById(button + '_text').style.color = "#0000ff";
    }
}

function offButton(button)
{
    if(document.getElementById(button))
    {
        document.getElementById(button).style.background = "url(images/" + button.toLowerCase() + ".gif)";
        document.getElementById(button + '_text').style.color = "#000000";
    }
}

function setHover(text)
{
//    document.getElementById("Hover_text").style.color = "black";
    document.getElementById("Hover_text").style.fontSize = "10px";
    document.getElementById("Hover_text").style.fontWeight = "normal";
    document.getElementById("Hover_text").style.border = "none";
	document.getElementById("Hover_text").style.background = "none";
	document.getElementById("Hover_text").innerHTML = text;
}

function completed(message, clear)
{
//    document.getElementById("Hover_text").style.color = "red";
    document.getElementById("Hover_text").style.fontSize = "12px";
    document.getElementById("Hover_text").style.fontWeight = "bold";
    document.getElementById("Hover_text").style.border = "1px solid #6f6f6f";
	document.getElementById("Hover_text").style.background = "#e5dfdb";
    document.getElementById("Hover_text").innerHTML = message;
    clearTimeout(timer);
    timer = setTimeout("setHover('')", 5000)

    if(clear && document.getElementById("Gallery_full_image"))
    {
        if(section == 'process')
        {
            document.getElementById('Gallery_full_image').innerHTML = originalImage;
        }
        else
        {
            setTimeout("document.getElementById(\"Gallery_full_image\").innerHTML = '<img src=\"images/gallery_start.gif\" id=\"Gallery_start\"/>';", 500)
            setTimeout("document.getElementById(\"Gallery_full_text\").innerHTML = '<span id=\"Gallery_full_identifier\"></span><span id=\"Gallery_full_title\"></span><div id=\"Gallery_full_description\"></div>';", 500)
        }
    }

}

function fillBox(box)
{
	if(document.getElementById(box))
	{
		if(box.search("Homes") != -1)
		{
			document.getElementById(box).style.background = "#829b8c";
		}
		if(box.search("Renovations") != -1)
		{
			document.getElementById(box).style.background = "#87899e";
		}
		if(box.search("Granite") != -1)
		{
			document.getElementById(box).style.background = "#928982";
		}
	}
}

function emptyBox(box)
{
	if(document.getElementById(box))
	{
		document.getElementById(box).style.background = "#ffffff";
	}

}

function onOrb(location)
{
	if(document.getElementById(location))
	{
		if(location.search("Homes") != -1)
		{
			document.getElementById('Orb_container').innerHTML = "<img src=\"images/ball_green.gif\" />";
		}
		if(location.search("Renovations") != -1)
		{
			document.getElementById('Orb_container').innerHTML = "<img src=\"images/ball_purple.gif\" />";
		}
		if(location.search("Granite") != -1)
		{
			document.getElementById('Orb_container').innerHTML = "<img src=\"images/ball_brown.gif\" />";
		}
	}
}

function offOrb()
{
	document.getElementById('Orb_container').innerHTML = "<img src=\"images/ball_blue.gif\" />";
}

function fieldFocus(field)
{
	document.getElementById(field + "_right_body").style.background = "url('images/field_right_focus_body.gif')";
	document.getElementById(field + "_right").style.background = "url('images/field_right_focus.gif')";
}

function fieldUnFocus(field)
{
	document.getElementById(field + "_right_body").style.background = "url('images/field_right_body.gif')";
	document.getElementById(field + "_right").style.background = "url('images/field_right.gif')";
}

function blueBorder(element)
{
    if(document.getElementById(element)) document.getElementById(element).style.borderColor = "#000";
}
function greyBorder(element)
{
    if(document.getElementById(element)) document.getElementById(element).style.borderColor = "#FFF";
}