//--------------------------------------------------------------------
// Name: addImageRollovers()
// Desc: An array of IDs of images is passed in and it adds rollovers
//       to each one.
//--------------------------------------------------------------------
function addImageRollovers( id_array )
{

    // Get the image's elements.
    var image_info = new Array();
    for ( var i = 0; i < id_array.length; i++ )
    {
        
        var element = document.getElementById( id_array[i] );
        
        image_info[i] = { element: element, 
                          filename: element.src.substring( 0, element.src.length - 4 ), 
                          file_extension: element.src.substring( element.src.length - 3 ) };
        
    }  // Next image.
    
    // Preload the images.
    var image_object = new Image();
    for ( var i = 0; i < id_array.length; i++ )
    {
    
        image_object.src = image_info[i].filename + "."  + image_info[i].file_extension;
    
    }  // Next image.
    
    // Add the image events.
    for ( var i = 0; i < id_array.length; i++ )
    {
            
        image_info[i].element.onmouseover = new Function( "document.getElementById( '" + id_array[i] + "' ).src = '" + image_info[i].filename + "-hover." + image_info[i].file_extension + "';" );
        image_info[i].element.onmouseout = new Function( "document.getElementById( '" + id_array[i] + "' ).src = '" + image_info[i].filename + "." + image_info[i].file_extension + "';" );
        
    }  // Next image.
    
}


//--------------------------------------------------------------------
// Name: createTreeMenu()
// Desc: Creates a tree menu out of the menu list.
//--------------------------------------------------------------------
function createTreeMenu()
{
	
	// Get the UL elements.
	var ul_elements = document.getElementById( "menu" ).getElementsByTagName( "UL" )[0].getElementsByTagName( "UL" );
	
	// Loop through the UL elements.
	for ( var i = 0; i < ul_elements.length; i++ )
	{
		
		LW_DOM_Library.setStyle( ul_elements[i], "display", "none" );
		LW_Events_Handler.addEvent( ul_elements[i].parentNode.getElementsByTagName( "A" )[0], "onclick", function( event ){ var element = (window.event) ? (window.event.srcElement.parentNode.getElementsByTagName( "UL" )[0]) : (event.target.parentNode.getElementsByTagName( "UL" )[0]); if ( LW_DOM_Library.getStyle( element, "display" ) == "none" ) LW_DOM_Library.setStyle( element, "display", "block" ); else LW_DOM_Library.setStyle( element, "display", "none" ); return false; } );
		
	}  // Next child node.
	
}