/************************************************************************ 

Author: Eric Simmons

Contact: info@jswitch.com

Website: http://www.jswitch.com

Version: 1.0 4/2005       

Browser Target: Mozilla 6+/FireFox Netscape 6+, IE 5.0+

Type : XP style sliding dropdown menus (aka Switch Menu II on Dynamicdrive.com)

Note: Modification by Dynamicdrive.com to dynamically determine sub menus widths



DISCLAIMER:

THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT

ANY EXPRESS OR IMPLIED WARRANTIES, JSWITCH.COM

IS NOT RESPONSIBLE FOR ANY ADVERSE AFFECTS TO

YOUR COMPUTER OR SYSTEMS RUNNING THIS SCRIPT.



LICENSE:

YOU ARE GRANTED THE RIGHT TO USE THE SCRIPT

PERSONALLY OR COMMERCIALLY. THE AUTHOR, WEBSITE LINKS 

AND LICENSE INFORMATION IN THE HEADER OF THIS SCRIPT

MUST NOT BE MODIFIED OR REMOVED. 



v 1.0

XP style sliding Menu Bar

***********************************************************************/

/*

var TIMER_SLIDE = null;

var OBJ_SLIDE;

var OBJ_VIEW;

var PIX_SLIDE = 20; //this is the amount of slide/DELAY_SLIDE

var NEW_PIX_VAL;

var DELAY_SLIDE = 30; //this is the time between each call to slide

var DIV_HEIGHT = 22; //value irrelevant

var SUB_MENU_NUM =0;

var RE_INIT_OBJ = null;

var bMenu = document.getElementById("curMenu");

var MainDiv,SubDiv



//DD added code

document.write('<div id="tempcontainer" class="mainDiv" style="visibility: hidden; position: absolute"></div>')



function Init(objDiv)

{

    if (TIMER_SLIDE == null)

    {

        SUB_MENU_NUM = 0;

        MainDiv = objDiv.parentNode;

        SubDiv =  MainDiv.getElementsByTagName("DIV").item(0);

        SubDiv.onclick = SetSlide;

        

        OBJ_SLIDE = MainDiv.getElementsByTagName("DIV").item(1)

        OBJ_VIEW = OBJ_SLIDE.getElementsByTagName("DIV").item(0);



				document.getElementById("tempcontainer").innerHTML=MainDiv.getElementsByTagName("DIV").item(2).innerHTML //DD added code

				DIV_HEIGHT=document.getElementById("tempcontainer").offsetHeight //DD added code

        

        for (i=0;i<OBJ_VIEW.childNodes.length;i++)

        {

            if (OBJ_VIEW.childNodes.item(i).tagName == "SPAN")

            {

                SUB_MENU_NUM ++;

                OBJ_VIEW.childNodes.item(i).onmouseover= ChangeStyle;

                OBJ_VIEW.childNodes.item(i).onmouseout= ChangeStyle;

            }

        }   

        

              NEW_PIX_VAL = parseInt(MainDiv.getAttribute("state")); 

    }



}

function SetSlide()

{   

			if (window.TIMER_SLIDE) clearInterval(TIMER_SLIDE) //DD added code

      if (TIMER_SLIDE == null && this.parentNode == MainDiv)

            TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE);

      else

      {

          RE_INIT_OBJ = this;

          setTimeout('ReInit()', 200);

      }

}



function ReInit(obj)

{

    Init(RE_INIT_OBJ);

    TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE);

    RE_INIT_OBJ = null;

}



function RunSlide()

{



    if (OBJ_VIEW.getAttribute("state") == 0)

    {



        NEW_PIX_VAL += PIX_SLIDE;

        OBJ_SLIDE.style.height = NEW_PIX_VAL;



        if (NEW_PIX_VAL >= DIV_HEIGHT) //DD modified code

        {

            clearInterval(TIMER_SLIDE);

            TIMER_SLIDE = null;

            OBJ_VIEW.style.display = 'inline';

            OBJ_VIEW.setAttribute("state","1")

            MainDiv.setAttribute("state",NEW_PIX_VAL);

        }

    } else

    {

        OBJ_VIEW.style.display = 'none';

        NEW_PIX_VAL -= PIX_SLIDE;

        if(NEW_PIX_VAL > 0)OBJ_SLIDE.style.height = NEW_PIX_VAL;

        if (NEW_PIX_VAL <= 0)

        {

            NEW_PIX_VAL = 0;

            OBJ_SLIDE.style.height = NEW_PIX_VAL

            clearInterval(TIMER_SLIDE);

            TIMER_SLIDE = null;

            OBJ_VIEW.setAttribute("state","0")

            MainDiv.setAttribute("state",NEW_PIX_VAL);

        }

    }

    }



function ChangeStyle()

{

    if (this.className == this.getAttribute("classOut"))

        this.className = this.getAttribute("classOver");

    else

        this.className = this.getAttribute("classOut");

}



*/

/*second type script*/



/***********************************************

* Switch Menu script- by Martial B of http://getElementById.com/

* Modified by Dynamic Drive for format & NS4/IE4 compatibility

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/



var persistmenu="no" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)

var persisttype="local" //enter "sitewide" for menu to persist across site, "local" for this page only



if (document.getElementById){ //DynamicDrive.com change

document.write('<style type="text/css">\n')

document.write('.submenu{display: none;}\n')

document.write('</style>\n')

}



function SwitchMenu(obj){

	if(document.getElementById){

	var el = document.getElementById(obj);

	var ar = null;

	if (document.getElementById("masterdiv")!=null){

	ar=document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change

		if(el.style.display != "block"){ //DynamicDrive.com change

			for (var i=0; i<ar.length; i++){

				if (ar[i].className=="submenu") //DynamicDrive.com change

				ar[i].style.display = "none";

			}

			el.style.display = "block";

		}else{

			el.style.display = "none";

		}

	}//if el not null

	}

}



function get_cookie(Name) { 

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) { 

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}



function onloadfunction(){

if (persistmenu=="yes"){

var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname

var cookievalue=get_cookie(cookiename)

if (cookievalue!="")

document.getElementById(cookievalue).style.display="block"

}

}



function savemenustate(){

var inc=1, blockid=""

while (document.getElementById("sub"+inc)){

if (document.getElementById("sub"+inc).style.display=="block"){

blockid="sub"+inc

break

}

inc++

}

var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname

var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid

document.cookie=cookiename+"="+cookievalue

}



if (window.addEventListener)

window.addEventListener("load", onloadfunction, false)

else if (window.attachEvent)

window.attachEvent("onload", onloadfunction)

else if (document.getElementById)

window.onload=onloadfunction



if (persistmenu=="yes" && document.getElementById)

window.onunload=savemenustate