/**
 * admin.js 
 * by Yann Lemaire 
 */


/**
 * Fonction de base 
 */


/** TabParams
 * eventType		- What action activates a tab? "click" | "mouseover"
 *                       | "mousedown" | "mouseup" .
 *
 * tabTagName	    - "span" | "img" | "*" -- span or 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.
 */
TabParams = {
	eventType       : "click",
	tabTagName      : "*",
	imgOverExt      : "o",
	imgActiveExt    : "a",
	cookieScope		: "page"
};

function init() {
	tabInit();

	//function pointer for onchange handler
	tabsChanged = function(){

		window.status=
			"activeTab= "
			+this.activeTab.id
			+"; relatedTab= "
			+this.relatedTab.id;
	};
	TabSystem.list["tabsysExtras"].setEventType("focus");

	TabSystem.list["tabsysExtras"].addEventListener("onchange", tabsChanged);
}



/*

          Tips & Tricks

             1: Adjust the "function menudata0()" numeric id in the statement below to match the numeric id of
                the id='imenus0' statement within the menu structure and links section above.  The numbers must
                match for the menu to work, multiple menus may be used on a single page by adding new sections
                with new id's.

             2: To specifically define settings for an individual item or container, apply classes or inline styles
                directly to the UL and A tags in the HTML tags which define your menus structure and links above.

             3: Use the parameter options below to define borders and padding.  Borders and padding specified
                within the menus HTML structure may cause positioning and actual sizing to be offset a bit in
                some browsers.

             4: Padding values in sequence apply to the top, right, bottom, and left edges in that order.

*/




/*-------------------------------------------------
************* Parameter Settings ******************
---------------------------------------------------*/


function menudata0()
{



    /*---------------------------------------------
    Expand Icon Images
    ---------------------------------------------*/


        //Expand Images are the icons which indicate an additional sub menu level.

        this.main_expand_image_style = "background: url(arrow_main.gif) center right no-repeat;";
        this.main_expand_image_hover_style = "background: url(arrow_main.gif) center right no-repeat;";

	this.subs_expand_image_style = "background: url(arrow_sub.gif) center right no-repeat;";
	this.subs_expand_image_hover_style = "background: url(arrow_sub.gif) center right no-repeat;";



    /*---------------------------------------------
    Menu Container Settings
    ---------------------------------------------*/

	//Main Container

	   this.main_container_border_width = "0px"
           this.main_container_border_style = "none"

           this.main_container_styles =   "background-color:#ffffce;		\
                                           border-color:#8C6D46;"




	//Sub Containers

           this.subs_container_padding = "5px, 5px, 5px, 5px"
           this.subs_container_border_width = "1px"
           this.subs_container_border_style = "solid"

           this.subs_container_styles =   "background-color:#ffffce;		\
                                           border-color:#8C6D46;"



    /*--------------------------------------------
    Menu Item Settings
    ---------------------------------------------*/


	//Main Items

           this.main_item_padding = "2px,1px,2px,1px"

           this.main_item_styles =        "text-decoration:none;		\
                                           font-weight:bold;			\
                                           font-family:Arial;			\
                                           font-size:11px;			\
                                           background-color:#ffffce;		\
                                           color:#8C6D46;			\
                                           border-style:solid;			\
                                           text-align:center;			\
                                           border-color:#8C6D46;		\
                                           border-width:0px;			\
                                           border-bottom-width:1px;"



           this.main_item_hover_styles =  "background-color:#ffffce;		\
                                           text-decoration:normal;		\
                                           color:#8C6D46;"

           this.main_item_active_styles = "background-color:#ffffce;		\
                                           text-decoration:normal;		\
                                           color:#8C6D46;"



	//Sub Items

           this.subs_item_padding = "2px,5px,2px,5px"

           this.subs_item_styles =        "text-decoration:none;		\
                                           font-face:Arial;			\
                                           font-size:11px;			\
                                           font-weight:normal;			\
                                           background-color:#ffffce;		\
                                           color:#8C6D46;			\
                                           border-style:none;			\
                                           text-align:left;			\
                                           border-style:none;			\
                                           border-color:#000000;		\
                                           border-width:1px;"			

           this.subs_item_hover_styles =  "background-color:#8C6D46;		\
                                           color:#ffffce;"

           this.subs_item_active_styles = "background-color:#8C6D46;		\
                                           color:#ffffce;"




   /*---------------------------------------------
    Additional Setting
    ---------------------------------------------*/


        //Main Menu Orientation

           this.main_is_horizontal = true


        //Main Menu Item Widths

           this.main_item_width = 70			//default width for all items

           //this.main_item_width0 = 180		//optional specific width for the first menu item
           this.main_item_width1 = 100		//optional specific width for the second menu item...
           //this.main_item_width2 = 100		//optional specific width for the second menu item...


        //The mouse off and mouse over delay for sub menus

           this.menu_showhide_delay = 150;

}