// <![CDATA[
/** TabParams
 * eventType        - What action activates a tab? "click" | "mouseover" 
 *                    | "mousedown" | "mouseup" .
 *
 * tabTagName       - "span" | "img" | "*" speeds up initialization.
 *                    use "*" if your have both span and img tabs.
 * imgOverExt	    - A file name suffix before the extension .
 *                    if src="calendar.gif" is the normal file and you want it to 
 *                    be "calendaro.gif" on mouseover, then imgOverExt is "o".
 *
 * imgActiveExt	    - A file name suffix before the extension .
 *                    if src="calendaro.gif" is the normal file and you want it to 
 *                    be "calendaro.gif" on mouseover, then imgOverExt is "o".
 *
 * cookieScope		- "page" | "site" | "none" 
 *                     -- "page" 
 *                         page scope (default) saves multiple tab states for different 
 *                         tabsystems on your site. 
 *                         Page scope is useful when you want to save the state of
 *                         different tabsystems on your site. Page scope uses multiple 
 *                         cookies.
 *
 *                    -- "site"
 *                        site scope saves the state for tabSystems that
 *                        may be used on multiple pages (such as with included files.
 *                        This is most useful for using the same tabSystem(s) on 
 *                        different pages, as with a server side include file. Site scope 
 *                        uses only 1 cookie.
 *
 *                    -- "none"
 *                        No cookie will be used.
 */
/* <![CDATA[ */
/*--------------------LEGEND -----------------------+
|                                                   |
| .content   -- the content div, also the className |
|               for tabSystem divs                  |
| .tabs      -- the div that holds all tabs         |
| .tab       -- an inactive tab                     |
| .tabActive -- an active tab                       |
| .tabHover  -- an inactive tab onmouseover         |
|___________________________________________________*/

		TabParams = {
		eventType		: "click",
		
		// optional, speeds up initialization.
		tabTagName		: "img",
		imgOverExt		: "2",
		imgActiveExt	: "a",
		cookieScope		: "page"
	};
		function init(){
		tabInit();
		//function pointer to function myFunction().
		tabsChanged = function(){

			window.status= 
				"activeTab= "
				+this.activeTab.id
				+"; relatedTab= "
				+this.relatedTab.id;
		}	
		TabSystem.list["body"].addEventListener("onchange", tabsChanged);
	}