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




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

/*initMenu先執行,
若URL有帶MenuItem和Type進來,則呼叫此展開該MenuItem,並反白選示該Type*/
function setSelectedMenu(curr_id,sub_curr_id, menu_id)
{  
    //alert(curr_id);
    //alert(sub_curr_id);
    //alert(menu_id);
	
	//若有選第二層選單,則展開其內容(第三層選單),
	//否則反白第一層選單
	if (sub_curr_id >=0 )
	{
	    DropDownSubMenu(sub_curr_id);	    
	}
	else
	{
	    //change the background color (use for one level menu)
	    selectedCategoryMenu(sub_curr_id);
	}
	
	//若有選第三層選單,則反白顯示,
	//否則反白第二層選單
	if(menu_id >=0 )
	{   
	    //change the background color (use for three level menu)
	    selectedMenu(menu_id);
	}
	else
	{
	   //change the background color (use for two level menu)
	   selectedSubCategoryMenu(sub_curr_id);
	}	
}

/*展開Category menu的內容(第二層)*/
/*並設定onclick事件為收回Category Menu的內容(第二層)*/
function DropDownCategoryMenu(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(){DropOffCategoryMenu(curr_id);};
}

/*收回Category Menu(第二層)*/
/*並設定onclick事件為展開Category Menu(第二層)*/
function DropOffCategoryMenu(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(){DropDownCategoryMenu(curr_id);};
}


/*點了其中一個sub menu的行為為展開*/
function setSubMenu(curr_id)
{
    var e = document.getElementById('submaster'+curr_id);
	if (e==null) return;
	e.onclick = function(){DropDownSubMenu(curr_id);};
}

/*展開sub menu*/
/*導引指標*/
/*在展開sub menu前先關掉其它已展開的submenu*/
/*並設定onclick事件為收回submenu*/
function DropDownSubMenu(curr_id)
{
    //click其它的menu而叫出另一個submenu前, 要將已經處於展開狀態的menu自動收回
    for (i = 0; i < SubMenuNumber; i++)
    {       
         DropOffSubMenu(i);        
    }         
    
    var el = document.getElementById('menu_sub_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "block";	
	
	var img = document.getElementById('submenu_master_'+curr_id);
	if(img==null) return;
	img.src = "/images/nav/cstore/dat_down.gif";
	
	var e = document.getElementById('submaster'+curr_id);
	if (e==null) return;
	e.onclick = function(){DropOffSubMenu(curr_id);};
}

/*收回SubMenu*/
/*導引指標*/
/*並設定onclick事件為展開submenu*/
function DropOffSubMenu(curr_id)
{

    var el = document.getElementById('menu_sub_sub_'+curr_id);
	if(el==null) return;	
	el.style.display = "none";

    var img = document.getElementById('submenu_master_'+curr_id);
	if(img==null) return;
	img.src = "/images/nav/cstore/dat.gif";
	
    var e = document.getElementById('submaster'+curr_id);
	if (e==null) return;
	e.onclick = function(){DropDownSubMenu(curr_id);};

}


/*反白顯示所選的第三層選單,表示選取狀態*/
function selectedMenu(menu_id)
{
    var e = document.getElementById('menu'+menu_id);    
	e.style.backgroundColor = '#4E4D52';    
}

/*反白顯示所選的第二層選單,表示選取狀態*/
function selectedSubCategoryMenu(subcategory_id)
{   
    var e = document.getElementById('submaster'+subcategory_id);
	e.style.backgroundColor = '#4E4D52';    
}

/*反白顯示所選的第一層選單,表示選取狀態*/
function selectedCategoryMenu(category_id)
{
    var e = document.getElementById('master'+category_id);
	e.style.backgroundColor = '#4E4D52';    
}