//variables
var menuClicked = '';  // holds the ID of the parent Menu clicked
var prevClassName = ''; // holds the name of css for the menu onmouseover
var prevClickSubMenu =''; //holds the ID of the previously clicked submenu
var submenu = 0; // holds the bool value whether submenu exists for the menu or no
var subMenuClicked = '';
var subMenuFlage='';
//mouseover effect
function mouseOverEffect(menuName,classname)
{    
    //mouseover effect will be changed only when it is not same menu button as the one clicked
    if(menuClicked != menuName)
    {
         //curve cell
         //find curve part of the button
         curveCellImg = document.getElementById(menuName + '_CurveImg'); 
         //apply curve image for mouseover effect
         curveCellImg.className = 'curveImgOver'
    	 
	     //main cell
	     //find main part of the button
	     mainCellImg = document.getElementById(menuName + '_MainImg'); 
	     //apply main image for mouseover effect
         mainCellImg.className=classname;
     }  
     //if the clicked menu has submenu and the mouseover menu is not same as the one clicked
     //then hide the submenu of the clicked menu
     if(submenu == 1 && menuClicked != menuName)
     {
        subMenu = document.getElementById(menuClicked + '_Menu'); 
        subMenu.style.display = 'none';
     }
}

//mouseout effect
function mouseOutEffect(menuName,classname)
{ 
    //mouseout effect will be changed only when it is not same menu button as the one clicked
     if(menuClicked != menuName)
     {
         //curve cell
         //find curve part of the button
         curveCellImg = document.getElementById(menuName + '_CurveImg');          
         //apply curve image for mouseout effect
         curveCellImg.className = 'curveImg';
    	 
	     //main cell
	     //find main part of the button
	     mainCellImg = document.getElementById(menuName + '_MainImg'); 
	     //apply main image for mouseout effect
         mainCellImg.className=classname;
     }
      
 
      if(document.getElementById(menuName+'_Menu')!=null)
      {
    
       document.getElementById(menuName+'_Menu').style.display = 'inline'; 
      }
      else
      {
            if(document.getElementById(subMenuFlage+'_Menu')!=null)
            {
              document.getElementById(subMenuFlage+'_Menu').style.display = 'inline'; 
            }
      }
      
     //if the clicked menu has submenu then on mouseout from any menu
     //display that sub menu
//     if(submenu == 1)
//     {
//     
//        subMenu = document.getElementById(menuClicked + '_Menu'); 
//        alert(subMenu.id);
//        subMenu.style.display = 'inline';
//     }
}

// Click Event which is called from onload of page
/*
    1 parameter:  Parent Memnu Id (for sub menu page else menu id)

    2 parameter:  it is the css to be applied when clicked.
			      pattern will be 'mainImg menuId + ImgClick'
    			  
    3 parameter:  it is the css to be applied in normal status.
			      pattern will be 'mainImg menuId + Img'
    			  
    4 parameter:  this parameter will be passed only when any sub menu exists (on sub menu page only) else nothing will be passed

    5 parameter:  this parameter is the menuId of the sub menu (on sub menu page only) else nothing will be passed
*/


function mouseOutonDiv(menuName)
{


    if(subMenuFlage!=null)
      {
       
       if(subMenuFlage==menuName)
       {
        document.getElementById(subMenuFlage+'_Menu').style.display = 'inline'; 
       }
       else
       {
          if( document.getElementById(subMenuFlage+'_Menu')!=null)
                document.getElementById(subMenuFlage+'_Menu').style.display = 'inline'; 
        
          document.getElementById(menuName+'_Menu').style.display = 'none'; 
       }
      
      }
     
}


function clickMenuButton(menuName,classname,preClassName,subMenuExists,subMenuId)
{  
    //When other menu is clicked, it removes the click effect from the last button
    if(menuClicked != '' && menuClicked != menuName)
    {
        //previous curve cell
         //find curve part of the button
         curveCellImg = document.getElementById(menuClicked + '_CurveImg'); 
         //apply curve image from previous class
         curveCellImg.className = 'curveImg';
    	 
	     //previous main cell
	     //find main part of the button
	     mainCellImg = document.getElementById(menuClicked + '_MainImg'); 
	      //apply main image from previous class
         mainCellImg.className=prevClassName;
    }  
    
    //revert the text color of the previously clicked sub menu when other main menu is clicked
    if(prevClickSubMenu != '' && menuClicked != menuName)
    {   
        prevClickSubMenu.style.color = '#81C9D7';
        prevClickSubMenu = '';
    }    
    
    //curve cell
    //find curve part of the button
    curveCellImg = document.getElementById(menuName + '_CurveImg'); 
  
    //apply curve image fof click effect
    curveCellImg.className = 'curveImgClick';
	 
	//main cell
	//find main part of the button
	mainCellImg = document.getElementById(menuName + '_MainImg'); 
	//apply main image fof click effect
    mainCellImg.className=classname;  
     
    //assign clicked info
    menuClicked = menuName;  
    prevClassName = preClassName;
    submenu = 0;
      
    //show sub menu if it exists
    if(subMenuExists == 1)
    {
        subMenu = document.getElementById(menuName + '_Menu'); 
        subMenu.style.display = 'inline';
        submenu = 1;
        subMenuClicked = subMenuId;
        subMenuFlage=menuName;
        //change the color of the submenu clicked       
        changeColor(subMenuId);
    }
}

var oldMenu;
var newMenu;
function showSubMenu(parentMenu)
{  

    //display the sub menu
    if(submenu == 1 && parentMenu != menuClicked)
    {
        subMenu = document.getElementById(menuClicked + '_Menu'); 
        subMenu.style.display = 'none';
    } 
    subMenu = document.getElementById(parentMenu + '_Menu'); 
    subMenu.style.display = 'inline'; 
}

function hideSubMenu(parentMenu)
{  

    //hide the sub menu   
    if(submenu == 1)
    {
     
        subMenu = document.getElementById(menuClicked + '_Menu'); 
        subMenu.style.display = 'inline';
    } 
    
    if(parentMenu != menuClicked)
    {
     
        subMenu = document.getElementById(parentMenu + '_Menu'); 
        subMenu.style.display = 'none'; 
    }
}


// this is a new function add by naresh
function hideSubMenuNew(parentMenu)
{

    

    if(document.getElementById(parentMenu+'_Menu')!=null)
    {

     document.getElementById(parentMenu+'_Menu').style.display = 'inline'; 
    }
    else
    {

    
    document.getElementById('meeting_Menu').style.display = 'none';  
    document.getElementById('neigh_Menu').style.display = 'none'; 
    document.getElementById('res_Menu').style.display = 'none';
    document.getElementById('rooms_Menu').style.display = 'none';
    }
    
    if(document.getElementById(parentMenu+'_Menu')!= document.getElementById('meeting_Menu'))
    {
     document.getElementById('meeting_Menu').style.display = 'none';  
    }
     if(document.getElementById(parentMenu+'_Menu')!= document.getElementById('neigh_Menu'))
    {
     document.getElementById('neigh_Menu').style.display = 'none';  
    }
     if(document.getElementById(parentMenu+'_Menu')!= document.getElementById('res_Menu'))
    {
     document.getElementById('res_Menu').style.display = 'none';  
    }
     if(document.getElementById(parentMenu+'_Menu')!= document.getElementById('rooms_Menu'))
    {
     document.getElementById('rooms_Menu').style.display = 'none';  
    }
    

}


function hideSubMenuOnDiv()
{

   if(submenu == 1)
    {

        subMenu = document.getElementById(menuClicked + '_Menu'); 
        subMenu.style.display = 'inline';
    }
    else
    {

    
    document.getElementById('meeting_Menu').style.display = 'none';  
    document.getElementById('neigh_Menu').style.display = 'none'; 
    document.getElementById('res_Menu').style.display = 'none';
       document.getElementById('rooms_Menu').style.display = 'none';
    } 
    
    
}

function changeColor(subMenu)
{

    //revert the text color of the sub menu when other sub menu is clicked
    if(prevClickSubMenu != '' && prevClickSubMenu != subMenu) 
        prevClickSubMenu.style.color = '#81C9D7'; 
    
    //change the text color of sub menu when clicked    
    subMenu = document.getElementById(subMenu); 
    subMenu.style.color = '#ffffff';  
    
    //assign the clicked sub menu object 
    prevClickSubMenu = subMenu;
}


function mouseeOutchangeColor(subMenu)
{
    //revert the text color of the sub menu when other sub menu is clicked
    if(prevClickSubMenu != '' && prevClickSubMenu != subMenu) 
        prevClickSubMenu.style.color = '#81C9D7'; 
    
    //change the text color of sub menu when clicked    
    subMenu = document.getElementById(subMenu); 
    subMenu.style.color = '#81C9D7';  
    
    //assign the clicked sub menu object 
    prevClickSubMenu = subMenu;
}
 
//change the color of the submenu link on mouseover and mouseout
function linkColorChange(menuId, colorCode)
{  
    if(subMenuClicked != menuId)
    {
        subMenu = document.getElementById(menuId); 
        subMenu.style.color = colorCode;  
    }
}