/************************************************************************************************************
    (C) www.dhtmlgoodies.com, November 2005
    
    This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.    
    
    Terms of use:
    You are free to use this script as long as the copyright message is kept intact. However, you may not
    redistribute, sell or repost it without our permission.
    
    Thank you!
    
    www.dhtmlgoodies.com
    Alf Magne Kalleland
    
    ************************************************************************************************************/


document.write('<st'+'yle>');
document.write('</st'+'yle>');


//*
document.write('<st'+'yle>');
document.write('#dhtmlgoodies2_menu{ font-family:verdana; width:150px; }');
document.write('#dhtmlgoodies2_menu    li{ list-style-type:none; margin:0px; }');
document.write('#dhtmlgoodies2_menu ul{ margin:0px; padding:0px; border:0px solid #c0c0c0;}');
document.write('#dhtmlgoodies2_menu ul li ul{ padding-left:10px;}');
document.write('#dhtmlgoodies2_menu    li a{ text-decoration:none;  color:#777777; height:20px;  line-height:20px; vertical-align:middle; padding:2px; font-family:verdna; font-size:12px; letter-spacing:-1px; display:block;}');
document.write('#dhtmlgoodies2_menu    li a:hover,#dhtmlgoodies2_menu .activeMainMenuItem2s{color:#FFF;background-color:#999999;}');
document.write('.dhtmlgoodies2s_subMenu{ visibility:hidden; position:absolute; overflow:hidden; font-family:arial; text-align:left; font-family:verdna; font-size:12px; letter-spacing:-1px; width:130px; }');
document.write('.dhtmlgoodies2s_subMenu ul{margin:0px;padding:0px;}');
document.write('.dhtmlgoodies2s_subMenu ul li{list-style-type:none;margin:0px;padding:0px; }');
document.write('.dhtmlgoodies2s_subMenu ul li a{ white-space:nowrap; text-decoration:none; color:#000; height:20px; line-height:20px; padding:4px; display:block; }');
document.write('.dhtmlgoodies2s_subMenu ul li a:hover{  color:#FFF;  background-color:#999999;}');
document.write('</st'+'yle>');
//*/



/**ù°ÁÙ ¸Þ´º*********************************************************************/

var timeBeforeAutoHide2s = 700;    // Microseconds to wait before auto hiding menu(1000 = 1 second)
var slideSpeed_out2s = 10;    // Steps to move sub menu at a time ( higher = faster)
var slideSpeed_in2s = 10;
    

var slideTimeout_out2s = 10;    // Microseconds between slide steps ( lower = faster)
var slideTimeout_in2s = 10;    // Microseconds between slide steps ( lower = faster)

var showSubOnMouseOver2s = true;    // false = show sub menu on click, true = show sub menu on mouse over
var fixedSubMenuWidth2s = false;    // Width of sub menu items - A number(width in pixels) or false when width should be dynamic

var xOffsetSubMenu2s = 0;     // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu

var slideDirection2s = 'right';    // Slide to left or right ?

/* Don't change anything below here */

var activeSubMenuId2s = false;
var activeMainMenuItem2s = false;
var currentZIndex2s = 1000;        
var autoHideTimer2s = 0;
var submenuObjArray2s = new Array();
var okToSlideInSub2s = new Array();
var subPositioned2s = new Array();


function stopAutoHide2s()
{
    autoHideTimer2s = -1;
}

function initAutoHide2s()
{
    autoHideTimer2s = 0;
    if(autoHideTimer2s >= 0) autoHide2s();
}

function autoHide2s()
{
    
    if(autoHideTimer2s > timeBeforeAutoHide2s)
    {
        
        if(activeMainMenuItem2s){
            activeMainMenuItem2s.className='';
            activeMainMenuItem2s = false;
        }
        
        if(activeSubMenuId2s){
            var obj = document.getElementById('subMenuDiv' + activeSubMenuId2s);
            showSub2s();
        }
    }else{
        if(autoHideTimer2s >= 0){
            autoHideTimer2s += 50;
            setTimeout('autoHide2s()',50);
        }
    }
}    

function getTopPos2s(inputObj)
{        
  var returnValue2s = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null)returnValue2s += inputObj.offsetTop;
  return returnValue2s;
}

function getLeftPos2s(inputObj)
{
  var returnValue2s = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null)returnValue2s += inputObj.offsetLeft;
  return returnValue2s;
}

function showSub2s()
{
    var subObj2s = false;
    if(this && this.tagName){
        var numericId2s = this.parentNode.id.replace(/[^0-9]/g,'');
        okToSlideInSub2s[numericId2s] = false;
        var subObj2s = document.getElementById('subMenuDiv' + numericId2s);
        if(activeMainMenuItem2s)activeMainMenuItem2s.className='';
        if(subObj2s){
            if(!subPositioned2s[numericId2s]){
                if(slideDirection2s=='right'){
                    subObj2s.style.left = getLeftPos2s(submenuObjArray2s[numericId2s]['parentDiv']) + submenuObjArray2s[numericId2s]['parentDiv'].offsetWidth + xOffsetSubMenu2s + 'px';
                }else{
                    subObj2s.style.left = getLeftPos2s(submenuObjArray2s[numericId2s]['parentDiv']) + xOffsetSubMenu2s + 'px';
                    
                }
                submenuObjArray2s[numericId2s]['left'] = subObj2s.style.left.replace(/[^0-9]/g,'');
                subObj2s.style.top = getTopPos2s(submenuObjArray2s[numericId2s]['parentDiv']) + 'px';
                subPositioned2s[numericId2s] = true;
            }                
            subObj2s.style.visibility = 'visible';
            subObj2s.style.zIndex = currentZIndex2s;
            currentZIndex2s++;    
            this.className='activeMainMenuItem2s';
            activeMainMenuItem2s = this;
        }
    }else{
        var numericId2s = activeSubMenuId2s;
    }
    if(activeSubMenuId2s && (numericId2s!=activeSubMenuId2s || !subObj2s))slideMenu2s(activeSubMenuId2s,(slideSpeed_in2s*-1));
    if(numericId2s!=activeSubMenuId2s && this && subObj2s){
        subObj2s.style.width = '0px';    
        slideMenu2s(numericId2s,slideSpeed_out2s);
        activeSubMenuId2s = numericId2s;
    }else{
        if(numericId2s!=activeSubMenuId2s)activeSubMenuId2s = false;
    }
    if(showSubOnMouseOver2s)stopAutoHide2s();
}

function slideMenu2s(menuIndex,speed){
    var obj = submenuObjArray2s[menuIndex]['divObj'];
    var obj2 = submenuObjArray2s[menuIndex]['ulObj'];
    var width = obj.offsetWidth + speed;
    if(speed<0){
        if(width<0)width = 0;
        obj.style.width = width + 'px';
        if(slideDirection2s=='left'){
            obj.style.left = submenuObjArray2s[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
        }else{
            obj2.style.left = width - submenuObjArray2s[menuIndex]['width'] + 'px' 
        }
        if(width>0 && okToSlideInSub2s[menuIndex])setTimeout('slideMenu2s(' + menuIndex + ',' + speed + ')',slideTimeout_in2s); else{
            obj.style.visibility = 'hidden';
            obj.style.width = '0px';
            if(activeSubMenuId2s==menuIndex)activeSubMenuId2s=false;
        }
        
    }else{
        if(width>submenuObjArray2s[menuIndex]['width'])width = submenuObjArray2s[menuIndex]['width'];
        if(slideDirection2s=='left'){
            obj.style.left = submenuObjArray2s[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
        }else{
            obj2.style.left = width - submenuObjArray2s[menuIndex]['width'] + 'px' 
        }        
        
        obj.style.width = width + 'px';
        if(width<submenuObjArray2s[menuIndex]['width']){
            setTimeout('slideMenu2s(' + menuIndex + ',' + speed + ')',slideTimeout_out2s);
        }else{
            okToSlideInSub2s[menuIndex] = true;
        }
    }
}



function resetPosition2s()
{
    subPositioned2s.length = 0;
}



function initLeftMenu2s()
{
    var isMSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
    var browserVersion = parseInt(navigator.userAgent.replace(/.*?MSIE ([0-9]+?)[^0-9].*/g,'$1'));
    if(!browserVersion)browserVersion=1;
    
    var menuObj = document.getElementById('dhtmlgoodies2_menu');    
    var mainMenuItemArray = new Array();
    
    var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
    while(mainMenuItem){
        if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
            mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            if(showSubOnMouseOver2s)
                aTag.onmouseover = showSub2s;    
            else
                aTag.onclick = showSub2s;    
        }
        mainMenuItem = mainMenuItem.nextSibling;
    }        
    
    var lis = menuObj.getElementsByTagName('A');
    for(var no=0;no<lis.length;no++){
        if(!showSubOnMouseOver2s)lis[no].onmouseover = stopAutoHide2s;
        lis[no].onmouseout = initAutoHide2s;
        lis[no].onmousemove = stopAutoHide2s;
    }
            
    for(var no=0;no<mainMenuItemArray.length;no++){
        var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
        if(sub){
            mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
            var div = document.createElement('DIV');
            div.className='dhtmlgoodies2s_subMenu';
            document.body.appendChild(div);
            div.appendChild(sub);
            if(slideDirection2s=='right'){
                div.style.left = getLeftPos2s(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu2s + 'px';
            }else{
                div.style.left = getLeftPos2s(mainMenuItemArray[no]) + xOffsetSubMenu2s + 'px';
            }
            div.style.top = getTopPos2s(mainMenuItemArray[no]) + 'px';
            div.id = 'subMenuDiv' + (no+1);
            sub.id = 'submenuUl' + (no+1);
            sub.style.position = 'relative';    

            if(navigator.userAgent.indexOf('Opera')>=0){
                submenuObjArray2s[no+1] = new Array();
                submenuObjArray2s[no+1]['parentDiv'] = mainMenuItemArray[no];
                submenuObjArray2s[no+1]['divObj'] = div;
                submenuObjArray2s[no+1]['ulObj'] = sub;
                submenuObjArray2s[no+1]['width'] = sub.offsetWidth;
                submenuObjArray2s[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
            }
            sub.style.left = 1 - sub.offsetWidth + 'px';    
            
            
            
            if(browserVersion<7 && isMSIE)div.style.width = '1px';    
                
            if(navigator.userAgent.indexOf('Opera')<0){
                submenuObjArray2s[no+1] = new Array();
                submenuObjArray2s[no+1]['parentDiv'] = mainMenuItemArray[no];
                submenuObjArray2s[no+1]['divObj'] = div;
                submenuObjArray2s[no+1]['ulObj'] = sub;
                submenuObjArray2s[no+1]['width'] = sub.offsetWidth;
                
                
                
                submenuObjArray2s[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
                if(fixedSubMenuWidth2s)submenuObjArray2s[no+1]['width'] = fixedSubMenuWidth2s;
            }    

            if(!document.all)div.style.width = '1px';            
                
        }            
    }
    menuObj.style.visibility = 'visible';
    window.onresize = resetPosition2s;
}