// JavaScript Document
var FadeTime=400;
var MenuHideDelay=400;
function findPos(obj) 
{
           var curleft = curtop = 0;
           if (obj.offsetParent) 
           {
                          while (obj.offsetParent) 
                          {
                                 curleft += obj.offsetLeft;
                                 curtop += obj.offsetTop;
                                 obj  = obj.offsetParent;
                          }
           }
           return [curleft,curtop];
        
}
var OldChildMenuId='';
var HideTimer;
function ShowChildMenu(id,Parent) 
{
        window.clearTimeout(HideTimer); 
        objStyle=document.getElementById(id).style;
        if(OldChildMenuId!='')
        {
                if(OldChildMenuId !=id)
                {
                        ChangeOpacity(0,id);
                        SetOpacity(id,FadeTime,0);
                        document.getElementById(OldChildMenuId).style.display='none';
                }
        }
        else
        {
                ChangeOpacity(0,id);
                SetOpacity(id,FadeTime,0);
        }
        OldChildMenuId = id;
        objStyle.display='';
        var LeftTop = findPos(Parent);
        objStyle.left=(LeftTop[0])+'px';
        objStyle.top=(Parent.offsetHeight+LeftTop[1] + 1) +  'px';
        var x = GetWindowWidth();
        var y = GetWindowHeight();
        var objMenu = document.getElementById(id)
        LeftTop = findPos(objMenu);
        var Dif_X = (LeftTop[0] + objMenu.offsetWidth) - x + 36;
        
        if( Dif_X > 0 )
        {
                var browser = BrowserDetect.browser;
                if(browser=='Explorer')
                {
                        objStyle.left= parseInt(objStyle.left) -Dif_X + 18 +'px';
                }
                else
                {
                        objStyle.left= parseInt(objStyle.left) -Dif_X   +'px';  
                }
        }       
}

var OpacityTimer;

function opacity(id, opacStart, opacEnd, millisec,Mode) {
        //speed for each frame
        var speed = Math.round(millisec / 100);
        var timer = 0;
        //determine the direction for the blending, if start and end are the same nothing happens
        
        if(Mode == 1)
        {
                for(i = opacStart; i >= opacEnd; i--) 
                {
                        OpacityTimer = window.setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
        }
        else if(Mode == 0)
        {
                for(i = opacStart; i <= opacEnd; i++)
                        {
                        OpacityTimer=window.setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
                }
        }
}

        //change the opacity for different browsers
        function ChangeOpacity(opacity, id) {
                var object = document.getElementById(id).style; 
                object.opacity = (opacity / 100);
                object.MozOpacity = (opacity / 100);
                object.KhtmlOpacity = (opacity / 100);
                object.filter = "alpha(opacity=" + opacity + ")";
        }
        
        function SetOpacity(id, millisec,Mode) 
        {
                //Mode = 0 --- Lower To High
                //Mode = 1 --- Highe To Low
                
                if(Mode == 0) 
                {
                        opacity(id, 0, 80, millisec,Mode);
                } 
                else if(Mode == 1)
                {
                        opacity(id, 80, 0, millisec,Mode);
                }
        }

        function GetWindowWidth()
        {
                var x = 0;
                if (self.innerHeight)
                {
                          x = self.innerWidth;
                }
                else if (document.documentElement && document.documentElement.clientHeight)
                {
                          x = document.documentElement.clientWidth;
                }
                else if (document.body)
                {
                         x = document.body.clientWidth;
                }
                return x;
        }
        function GetWindowHeight()
        {
                var y = 0;
                if (self.innerHeight)
                {
                   y = self.innerHeight;
                }
                else if (document.documentElement && document.documentElement.clientHeight)
                {
                   y = document.documentElement.clientHeight;
                }
                else if (document.body)
                {
                          y = document.body.clientHeight;
                }
                return y;
        }
        function ScrollX()
        {
                return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
        }
        function ScrollY()
        {
                return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        }
        function HideChildMenu(id)
        {
                HideTimer = window.setTimeout("document.getElementById('"+id + "').style.display='none';OldChildMenuId='';",MenuHideDelay);
        }