var SubMenuNumber = 50;    //預設第二層目錄的個數(the numbers of subCategory menu)
var SubSubMenuNumber = 50; //預設第三層目錄的個數(the numbers of menu)


function selectMenu(menu_id)
{
    var e = document.getElementById('menu'+menu_id);
    
	e.style.backgroundColor = '#4E4D52';    
}

function selectCategry(category_id)
{
    var e = document.getElementById('master'+category_id);
	e.style.backgroundColor = '#4E4D52';    
}

function selectSubCategry(subcategory_id)
{   
    var e = document.getElementById('submaster'+subcategory_id);
	e.style.backgroundColor = '#4E4D52';    
}





function switchSubMenu(curr_id)
{    
    //click其它的menu而叫出另一個submenu前, 要將已經處於展開狀態的menu自動收回
   // for (i = 0; i < SubMenuNumber; i++)
   // {       
   //      closeSubMenu(i);        
   // }
    
    restoreColor(); 

	showSubMenu(curr_id);
}


function showSubMenu(curr_id)
{
    var el = document.getElementById('menu_sub_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "block";
	
	var e = document.getElementById('submaster'+curr_id);
	if (e==null) return;
	e.onclick = function(){};//closeSubMenu(curr_id);};
}


function closeSubMenu(curr_id)
{
   
	var el = document.getElementById('menu_sub_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "none";
	
	var e = document.getElementById('submaster'+curr_id);
	if(e==null) return;
	e.onclick = function(){switchSubMenu(curr_id);};
}

function setSubColor(curr_id, theAction)
{
    
	if(theAction == 'click')
	{
		for (i = 0; i < SubMenuNumber; i++)
		{       
			if (i != curr_id)
			{
				
				var e = document.getElementById('menu'+i)
				if (e==null)           
				{
					break;
				}
				else
				{
					e.style.backgroundColor = '#33363A';       
				}
			}        
		}
		selectMenu(curr_id);
	 }
}


function restoreColor()
{

    for (i = 0; i < SubMenuNumber; i++)
	{    
		var e = document.getElementById('submaster'+i)
		if (e==null)           
		{
			break;
		}
		else
		{
			e.style.backgroundColor = '#33363A';       
		}
	}
	
    for (i = 0; i < SubSubMenuNumber; i++)
	{       
		
		var e = document.getElementById('menu'+i)
		if (e==null)           
		{
			break;
		}
		else
		{
			e.style.backgroundColor = '#33363A';       
		}
	}
}




function switchMenu(curr_id)
{
    //alert(curr_id);
    //click其它的menu而叫出另一個submenu前, 要將已經處於展開狀態的menu自動收回
    //for (i = 0; i < SubMenuNumber; i++)
    //{       
    //    closeSubMenu(i);       
    //}
    
    //for (i = 0; i < SubMenuNumber; i++)
    //{ 
    //    if (i != curr_id)
    //    {           
    //        closeMenu(i);           
    //    }
   // }
    
     restoreColor();
    
     showMenu(curr_id);
     
     //New (AndrewShaw, 961003)
     //由於按了一個CategoryMenu後(會呼叫switchMenu(curr_id)),且要展開所有的SubMenu,因此下面的for-loop把所有子Subcategory Menu展開...
     for (i = 0; i < SubMenuNumber; i++)
     {
        showSubMenu(i);
     }
	
}

function showMenu(curr_id)
{
    var el = document.getElementById('menu_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "block";
	
	
	var img = document.getElementById('menu_master_'+curr_id);
	if(img==null) return;
	img.src = "/images/nav/cstore/dat_down.gif";
	
	var e = document.getElementById('master'+curr_id);
	if (e==null) return;
	e.onclick = function(){closeMenu(curr_id);};
}

function closeMenu(curr_id)
{
	var el = document.getElementById('menu_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "none";
	
	var img = document.getElementById('menu_master_'+curr_id);
	if(img==null) return;
	img.src = "/images/nav/cstore/dat.gif";
	
	var e = document.getElementById('master'+curr_id);
	if (e==null) return;
	e.onclick = function(){switchMenu(curr_id);};
}


function openDefaultMenu(curr_id,sub_curr_id, menu_id)
{
    
	if (curr_id >=0 )
	{
	    switchMenu(curr_id);
	}
	
	
	if (sub_curr_id >=0 )
	{
	    switchSubMenu(sub_curr_id);	   
	}
	else
	{
	    //change the background color (use for one level menu)
	    selectCategory(curr_id);
	}
	
	if(menu_id >=0 )
	{ 
	    //change the background color (use for three level menu)
	    selectMenu(menu_id);
	}
	else
	{
	   //change the background color (use for two level menu)
	    selectSubCategry(sub_curr_id);
	}
	
	
}

//與openDefaultMenu的差別是此不用closeMenu及restoreColor()..
//因為初始化時,是要展開iClone的所有子選單的=>用initMenu...
//而在user有了click menu的動作後, 才有收回menu的及換底色的動作=>才用openDefaultMenu
function initMenu(curr_id,sub_curr_id, menu_id)
{
    
	if (curr_id >=0 )
	{
	   showMenu(curr_id);  
	}
	
	
	if (sub_curr_id >=0 )
	{
	   showSubMenu(sub_curr_id);
	}
	else
	{
	   selectCategory(curr_id);
	}

}