﻿function ToggleNext(ControlID) {
      var ControlDisplay = $('#' + ControlID + ' + ' + 'div').css('display');
      $('#' + ControlID).siblings('div').hide('slow').removeClass('SelectedItem');
      $('#' + ControlID).siblings('span').removeClass('SelectedItem');
      if (ControlDisplay == 'none')
      {
        $('#' + ControlID + ' + ' + 'div').show('slow').css('paddingLeft','5px');
        $('#' + ControlID).addClass('SelectedItem');
      }
      else
      {
        $('#' + ControlID).removeClass('SelectedItem');
      }
}

function MouseEvents() 
{
    $('span.TopMenuOut').mouseenter(function() {
        $(this).addClass('TopMenuIn').removeClass('TopMenuOut');
    });
    $('span.TopMenuOut').mouseleave(function() {
        $(this).addClass('TopMenuOut').removeClass('TopMenuIn');
    });
    $('span.TopMenuIn').mouseenter(function() {
        $(this).addClass('TopMenuIn').removeClass('TopMenuOut');
    });
    $('span.TopMenuIn').mouseleave(function() {
        $(this).addClass('TopMenuOut').removeClass('TopMenuIn');
    });
    $('a.subOption').hover(function()
        {
            if (!$(this).hasClass('SelectedItem'))
            {
                $(this).addClass('subOptionHover');
                var btnControlName=$(this).attr('id');
                var ControlName=btnControlName.replace('btn','pnl');
                $('#' + ControlName).parent().css({'position' : 'relative', 'width' : $('#' + ControlName).parent().width()});
                $('#' + ControlName).css({'display' : 'block', 'left' : $('#' + btnControlName).outerWidth()}).addClass('subPanelHover');
                $('#' + ControlName).hover(function()
                    {
                        $(this).css('display', 'block').addClass('subPanelHover');
                    }, function()
                    {
                        $(this).css('display', 'none').removeClass('subPanelHover');
                    });
            }
        },function()
        {
            if (!$(this).hasClass('SelectedItem'))
            {
                $(this).removeClass('subOptionHover');
                var ControlName=$(this).attr('id');
                ControlName=ControlName.replace('btn','pnl');
                $('#' + ControlName).css('display', 'none').removeClass('subPanelHover');
            }
        });
}
