/************************************************************************ 
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 = 10; //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 Open(objDiv){
	Init1(objDiv);
	SetSlide(objDiv);
}




var active = '0';
var browser = "";

function getBrowser(){
	var browser=navigator.appName;
	var version=navigator.appVersion;
	version=version.match("MSIE 6.0");
	if(browser == "Microsoft Internet Explorer"){
		active = '1';
	}
}

function onOver(element, sub){
	if(browser == ""){
		getBrowser();
	}
	if(active == '1'){
		setSubmenu(element, 'visible', sub);

	}
}

function onOut(element, sub){
	if(active == '1'){
		if(element.id != 'active'){
		}
		setSubmenu(element, 'hidden', sub);
	}
}


function setBGColor (element, color){
	element.style.backgroundColor = color;
}

function setColor (element){
	if(active == '1'){
		element.style.color = '#000033';
	}
}

function setSubmenu (element, visible, sub){
	nodes = element.childNodes;
	
	for(loop1=0;loop1<nodes.length;loop1++){
		if(nodes[loop1].id == "submenu"){
			nodes[loop1].style.visibility = visible;	
			nodes[loop1].style.top = '0';
			childNodes = nodes[loop1].childNodes;
			for(loop2=0;loop2<childNodes.length;loop2++){
				childNodes[loop2].style.visibility = visible;	
				nodes[loop1].style.top = '-2px';
			}
		}
	}
}







function Init1(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 == "DIV")
            {
                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(objDiv)
{   
		if (window.TIMER_SLIDE) clearInterval(TIMER_SLIDE) //DD added code
      if (TIMER_SLIDE == null && this.parentNode == MainDiv)
         TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE);
      else if(TIMER_SLIDE == null && objDiv.parentNode == MainDiv){
			TIMER_SLIDE = setInterval('RunSlide()', DELAY_SLIDE);
		}else
      {
          RE_INIT_OBJ = this;
          setTimeout('ReInit()', 200);
      }
}

function ReInit(obj)
{
    Init1(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");
}


function loadMenu(id){
	Open(document.getElementById("main_"+id));
}


function dropdown (dd, seqn){
	if(dd == "1"){
		document.getElementById("dd1").innerHTML = "";
		document.getElementById("dd2").innerHTML = "";
		document.getElementById("dd3").innerHTML = "";
		GetDropdown1(seqn);
	}else if(dd == 2){
		document.getElementById("dd2").innerHTML = "";
		document.getElementById("dd3").innerHTML = "";
		GetDropdown2(seqn);
	}else if(dd == 3){
		document.getElementById("dd3").innerHTML = "";
		GetDropdown3(seqn);
	}
}


function dropdown2 (dd, element){
	if(dd == "1"){
		document.getElementById("dd1").innerHTML = "";
		document.getElementById("dd2").innerHTML = "";
		document.getElementById("dd3").innerHTML = "";
		GetDropdown1(element.value);
	}else if(dd == 2){
		document.getElementById("dd2").innerHTML = "";
		document.getElementById("dd3").innerHTML = "";
		GetDropdown2(element.value);
	}else if(dd == 3){
		document.getElementById("dd3").innerHTML = "";
		GetDropdown3(element.value);
	}
}


function GetDropdown1(seqn){		
	xmlHttp=GetXmlHttpObject();
	var url="dropdowns.php";
	url=url+"?dd=1&seqn="+seqn;
	xmlHttp.onreadystatechange=stateChanged1;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function GetDropdown2(seqn){
	xmlHttp=GetXmlHttpObject();
	var url="dropdowns.php";
	url=url+"?dd=2&seqn="+seqn;
	xmlHttp.onreadystatechange=stateChanged2;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function GetDropdown3(seqn){
	xmlHttp=GetXmlHttpObject();
	var url="dropdowns.php";
	url=url+"?dd=3&seqn="+seqn;
	xmlHttp.onreadystatechange=stateChanged3;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function stateChanged1() { 
	if (xmlHttp.readyState==4){ 
		document.getElementById("dd1").innerHTML=xmlHttp.responseText;
	}
}

function stateChanged2() { 
	if (xmlHttp.readyState==4){ 
		document.getElementById("dd2").innerHTML=xmlHttp.responseText;
	}
}

function stateChanged3() { 
	if (xmlHttp.readyState==4){ 
		document.getElementById("dd3").innerHTML=xmlHttp.responseText;
	}
}


function GetXmlHttpObject()
{
  var xmlHttp=null;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
  return xmlHttp;
}

function pageChange(element, retain, srt){
	window.location = "?"+retain+"&srt"+srt+"="+element.value;
}