menuImages = {};
	
function addImageToArray( imgName, path ) {
	menuImages[ imgName ] = {};
	menuImages[ imgName ].on = new Image();
	menuImages[ imgName ].on.src = path + '/menu_' + imgName + '1.gif';
	menuImages[ imgName ].off = new Image();
	menuImages[ imgName ].off.src = path + '/menu_' + imgName + '0.gif';
}

function getMenu() {
	var path = 'images';
	var i, link, img_arr = ['the_artists', 'the_artwork', 'the_author', 'ordering_info', 'childrens_programs', 'teacher_resources', 'feedback', 'credits' ];
	var menuHTML = [];
	for( i in img_arr ) {
	    addImageToArray( img_arr[i], path );
	    link = img_arr[i] + ( img_arr[i] == 'feedback' ?  '.php' : '.html' );
	    menuHTML[ menuHTML.length ] = '<a href="' + link + '" class="menu" onMouseOver="imgOn( \'' + img_arr[i] + '\' );" onMouseOut="imgOff( \'' + img_arr[i] + '\' );"><img id="' + img_arr[i] + '" src="images/menu_' + img_arr[i] + '0.gif" /></a>\n';
	}
	menuHTML = menuHTML.join( ' <img src="images/menu_divider.gif" /> ' );
	return menuHTML;
}


function imgOn( imgName ) {
	var i = document.getElementById( imgName );
	i.src = menuImages[ imgName ].on.src;
}

function imgOff( imgName ) {
	var i = document.getElementById( imgName );
	i.src = menuImages[ imgName ].off.src;
}

//
// artists.html
//

function artistCollOver( picId ) {
    document.getElementById( picId ).style.borderColor = '#FFF';
	document.getElementById( 'a-'+picId ).style.color = '#A58E86';
}

function artistCollOut( picId ) {
    document.getElementById( picId ).style.borderColor = '#000';
	document.getElementById( 'a-'+picId ).style.color = '';
}

//
// showArtist.html
//

currArtist = '';
function showArtist( artist ) {
    if( currArtist ) hideArtist( currArtist );
    document.getElementById( artist + '_desc' ).style.visibility = 'visible';
    document.getElementById( artist + '_artist_image_info' ).style.visibility = 'visible';
    //traceWin( traceObj( document.getElementById( artist + '_artist_image_info' ).style, true ) );
    //document.getElementById( 'artist_banner' ).src = 'images/artist_banner_' + artist + '.jpg';
    document.getElementById( 'artist_image' ).style.backgroundImage = "url( 'images/artist_banner_" + artist + ".jpg' )";
    currArtist = artist;
}

function hideArtist( artist ) {
    document.getElementById( artist + '_desc' ).style.visibility = 'hidden';
    document.getElementById( artist + '_artist_image_info' ).style.visibility = 'hidden';
}

function traceObj( obj, br ) {
    var i,s='';
    for( i in obj ) s += i + ':' + obj[i] + '\n' + ( br ? '<br />' : '' );
    return s;
}

function traceWin( msg ) {
    var w = window.open( 'about:blank' );
    w.document.write( msg );
    w.document.close();
}