function homeToggleExpando (infoid, imageid) {
	
    var info = document.getElementById(infoid);
    var image = document.getElementById(imageid);

	var expand  = (info.expanded == null || info.expanded == "false");
	
	if (expand) {
		image.src = '/_layouts/avista/images/icons/minus.gif';
		info.className = 'expandoShow';
		info.expanded = "true";
	} else {
		info.className = 'expandoHide';
		image.src = '/_layouts/avista/images/icons/plus.gif';
		info.expanded = "false";
	}

}

function homeHighlightOn(boxid, linkid) {
    var box = document.getElementById(boxid);
    var link = document.getElementById(linkid);
    box.className = 'expandoOn';
    link.className = 'boldAccentText2';
}

function homeHighlightOff(boxid, linkid) {
    var box = document.getElementById(boxid);
    var link = document.getElementById(linkid);
    box.className = 'expandoOff';
    link.className = 'boldBodyText';
}


/* home page */
function expandoOn (ID) 
{
    var info = document.getElementById(ID + '_info');
    var image = document.getElementById(ID + '_image');
    var imageLink = document.getElementById(ID + '_imageLink');
    info.className = info.className.replace('expandoHide','expandoShow')
    image.src = '/_layouts/avista/images/icons/minus.gif';
    imageLink.setAttribute('href','javascript:expandoOff(\'' + ID + '\')');
}
function expandoOff (ID) 
{
    var info = document.getElementById(ID + '_info');
    var image = document.getElementById(ID + '_image');
    var imageLink = document.getElementById(ID + '_imageLink');
    info.className = info.className.replace('expandoShow','expandoHide');
    image.src = '/_layouts/avista/images/icons/plus.gif';
    imageLink.setAttribute('href','javascript:expandoOn(\'' + ID + '\')');
}

function highlightOn (ID) 
{
    var box = document.getElementById(ID);
    var link = document.getElementById(ID + '_link');
    box.className = 'expandoOn';
    link.className = 'boldAccentText';
}
function highlightOff (ID) 
{
    var box = document.getElementById(ID);
    var link = document.getElementById(ID + '_link');
    box.className = 'expandoOff';
    link.className = 'boldBodyText';
}

/* side nav */
function navOn (ID)
{
    var row = document.getElementById(ID);
    var link = document.getElementById(ID + '_link');
    var image = document.getElementById(ID + '_image');
    var imageLink = document.getElementById(ID + '_imageLink');
    var detail = document.getElementById(ID + '_detail');
    row.childNodes[1].className = 'sNavCenterOpen';
    row.childNodes[2].className = 'sNavCenterOpen';
    row.childNodes[3].className = 'sNavCenterOpen';
    imageLink.setAttribute('href','javascript:navOff(\'' + ID + '\')');
    link.className = 'sNavLinkOpen';
    image.src = '/_layouts/avista/images/SideNav/sNav_arrow_down.gif';
    detail.className = 'sNavCenterDetailOn';
}
function navOff (ID)
{
    var row = document.getElementById(ID);
    var link = document.getElementById(ID + '_link');
    var image = document.getElementById(ID + '_image');
    var imageLink = document.getElementById(ID + '_imageLink');
    var detail = document.getElementById(ID + '_detail');
    row.childNodes[1].className = 'sNavCenterClosed';
    row.childNodes[2].className = 'sNavCenterClosed';
    row.childNodes[3].className = 'sNavCenterClosed';
    imageLink.setAttribute('href','javascript:navOn(\'' + ID + '\')');
    link.className = 'sNavLinkClosed';
    image.src = '/_layouts/avista/images/SideNav/sNav_arrow_right.gif';
    detail.className = 'sNavCenterDetailOff';
}

/* callout box */
function calloutOpen(imageID, middleID, bottomID)
{
    var image = document.getElementById(imageID);
    var middle = document.getElementById(middleID);
    var bottom = document.getElementById(bottomID);
    var delegate = function() { calloutClose(imageID, middleID, bottomID); }
    
    image.src = '/_layouts/avista/images/ToolBox/Box_arrow_down.gif';
    middle.className = 'calloutOn';
    bottom.className = 'calloutOn';

    image.onclick = delegate;
    image.ondblclick  = delegate;
    
}

function calloutClose(imageID, middleID, bottomID)
{
    var image = document.getElementById(imageID);
    var middle = document.getElementById(middleID);
    var bottom = document.getElementById(bottomID);
    var delegate = function() { calloutOpen(imageID, middleID, bottomID); }

    image.src = '/_layouts/avista/images/ToolBox/Box_arrow_up.gif';
    middle.className = 'calloutOff';
    bottom.className = 'calloutOff';
    
    image.onclick = delegate;
    image.ondblclick  = delegate;
    
}