// JavaScript Document
if (document.getElementById) 
{ 
    document.write('<style type="text/css">\n')
    document.write('.left_btn_level_3, .left_btn_level_3_store, .left_btn_level_1_1{display: none;}\n')
    document.write('</style>\n')
}

window.env=new function()
{    
	this.isOpera=(window.opera&&navigator.userAgent.match(/opera/gi))?true:false;    
	this.isIE=(!this.isOpera&&document.all&&navigator.userAgent.match(/msie/gi))?true:false;    
	this.isSafari=(!this.isIE&&navigator.userAgent.match(/safari/gi))?true:false;    
	this.isGecko=(!this.isIE&&navigator.userAgent.match(/gecko/gi))?true:false;    
	this.isFirefox=(!this.isIE&&navigator.userAgent.match(/firefox/gi))?true:false;
};

function resizeMap()
{

	var gmap = document.getElementById('google_loc');
	var bottomPadding=20;//距離page底部
	if(!(typeof(gmap) == 'undefined' || gmap == null))
		{
		var el = document.getElementById('page');
		var lef = document.getElementById('left_nav2');
		var loc = document.getElementById('location-main2');		
		var gmap_H = gmap.offsetHeight;
			gmap.style.top = loc.offsetHeight;
			el.style.height = loc.offsetHeight + gmap_H +bottomPadding+'px';
		//alert(gmap.style.top);
		lef.style.width = gmap.offsetWidth;
		alert('el_posY='+posY(el)+' lef_offsetHeight='+lef.offsetHeight+' loc_offsetHeight='+loc.offsetHeight+' gmap_top='+gmap.style.top);
		//el.style.height = lef.offsetHeight+8+'px';
	}
}
function changeBg(n,x,theobj) 
{
    if (document.getElementById) 
	{//left_btn_level_1_1_3_2
        var ar = document.getElementById('left_btn_level_1_'+n+'_3_'+x).getElementsByTagName('li');
		for (var i = 0; i < ar.length; i++) 
		{
				ar[i].style.className = "left_btn_level_2_store";
		}
		theobj.style.className = "left_btn_level_2_hover_store";
    }
}

function posX(elmt) 
{
	//var elmt = document.getElementById(objID);
	var x = 0;
	var sw = document.documentElement.offsetWidth;
	//alert(sw);
	for (var e = elmt ; e ; e = e.offsetParent) 
	{ 
	　　　　x += e.offsetLeft; 
	}
	for (e = elmt.parentNode; e && e != document.body; e = e.parentNode)
	{
	　　	if (e.scrollLeft) x -= e.scrollLeft; 
	}
	if((sw-995) >=0)
	{
		x=x-((sw-995)/2)+10;
	}
	return x;
}
function posY(elmt) 
{
	//var elmt = document.getElementById(objID);
	var y = 0;
	for (var e = elmt ; e ; e = e.offsetParent) 
	{ 
		y += e.offsetTop; 
	}
	for (e = elmt.parentNode; e && e != document.body; e = e.parentNode)
	{
		if (e.scrollTop) y -= e.scrollTop; 
	}
	return y;
}


var spanHeight;//計算第三層長出來的高度

function SwitchMenu(obj,n,theobj) 
{
    if (document.getElementById) 
	{
        var el = document.getElementById(obj);
		var page = document.getElementById('page');
		var left_nav2 = document.getElementById('left_nav2');

		var product = document.getElementById('product-content02');
        var ar = document.getElementById('left_btn_level_1_'+n+'_2').getElementsByTagName('span');
		var as =  document.getElementById('left_btn').getElementsByTagName('div');
        var aq = document.getElementById('left_btn').getElementsByTagName('li');
		var sUserAgent = window.navigator.userAgent;
		var diff;
		var total_height;
		for (var i = 0; i < aq.length; i++) 
		{
				aq[i].style.backgroundImage = "";
		}		

        if (el.style.display != "block") 
		{ 
            for (var i = 0; i < ar.length; i++) 
			{
                if (ar[i].className == "left_btn_level_3") 
                    ar[i].style.display = "none";
            }
           for (var i = 0; i < as.length; i++) 
			{
                if (as[i].className == "left_btn_level_2" || as[i].className == "left_btn_level_2_hover")
				{ 
                     as[i].className = "left_btn_level_2";

				}
            }
			for (var i in env) 
			{    
				if (env['isFirefox']) 
				{
					el.style.position = "absolute";		
					el.style.display = "block";
					if(lid=="1")//English
					{
						el.style.left=theobj.offsetLeft+118+"px";
						el.style.top=theobj.offsetTop-5+"px";					
					}
					else
					{
						el.style.left=theobj.offsetLeft+118+"px";
						el.style.top=theobj.offsetTop-5+"px";						
					}
					//alert("pageY="+posY(page));					
					//alert("elY="+posY(el));
					diff = posY(el)- posY(page);
					total_height = el.offsetHeight + diff;	
					spanHeight = el.offsetHeight+posY(theobj);
					var lnav2Height = left_nav2.offsetHeight;
					if(product!=null)
					{
						if(total_height > product.offsetHeight && total_height > lnav2Height)
						{
							page.style.height = total_height;
						}
						else if(lnav2Height > total_height && lnav2Height > product.offsetHeight)
						{
							page.style.height = lnav2Height;
						}
					}					
				}
				else if(env['isIE'])
				{
					el.style.position = "absolute";

					if(lid=="1")//English
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+10+"px";
						el.style.top  = posY(theobj)-23+"px";					
					}
					else
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+5+"px";
						el.style.top  = posY(theobj)-38+"px";					
					}							
					
					
					//el.style.top=theobj.offsetTop+15+el.parentNode.offsetTop+"px";//Y向
					el.style.display = "block";	
					var totalheight=posY(el)-posY(page)+el.offsetHeight;
					if(totalheight > page.offsetHeight)
					{
						page.style.height=totalheight;
					}					
				}
				else
				{
					el.style.position = "absolute";

					if(lid=="1")//English
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+10+"px";
						el.style.top  = posY(theobj)-6+"px";					
					}
					else
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+5+"px";
						el.style.top  = posY(theobj)-18+"px";					
					}							
					
					
					//el.style.top=theobj.offsetTop+15+el.parentNode.offsetTop+"px";//Y向
					el.style.display = "block";//Control level3 visibility	
					/*var totalheight=posY(el)-posY(page)+el.offsetHeight;
					if(totalheight > page.offsetHeight)
					{
						page.style.height=totalheight;
					}			*/		
				}					
			}
			//theobj.style.backgroundImage="url(images/bg-line-1.jpg)";			
			//theobj.style.backgroundRepeat="no-repeat";
			theobj.className = "left_btn_level_2_hover";
			theobj.style.marginBottom ='5px';
			//alert("total_height="+total_height);
			//alert("page="+product.offsetHeight);
			
        } 
		else 
		{
            el.style.display = "none";
        }
		

    }
}

var spanHeight;//計算第三層長出來的高度
function SwitchMenuStore(obj,n,theobj) 
{
    if (document.getElementById) 
	{
        var el = document.getElementById(obj);
		var page = document.getElementById('page');
        var ar = document.getElementById('left_btn_level_1_'+n+'_2').getElementsByTagName('span');
		var as =  document.getElementById('left_btn_level_1_'+n+'_2').getElementsByTagName('div');
        var aq = document.getElementById('left_btn').getElementsByTagName('li');
		var sUserAgent = window.navigator.userAgent;
		
		for (var i = 0; i < aq.length; i++) 
		{
				aq[i].style.backgroundImage = "";
		}		

        if (el.style.display != "block") 
		{ 
            for (var i = 0; i < ar.length; i++) 
			{
                if (ar[i].className == "left_btn_level_3_store") 
                    ar[i].style.display = "none";
            }
           for (var i = 0; i < as.length; i++) 
			{
                if (as[i].className == "left_btn_level_2" || as[i].className == "left_btn_level_2_hover")
				{ 
                    as[i].className = "left_btn_level_2";
				}
            }
			for (var i in env) 
			{    
				if (env['isFirefox']) 
				{
					el.style.position = "absolute";		
					el.style.display = "block";
					if(lid=="1")//English
					{
						el.style.left=theobj.offsetLeft+116+"px";
						el.style.top=theobj.offsetTop-16+"px";					
					}
					else
					{
						el.style.left=theobj.offsetLeft+118+"px";
						el.style.top=theobj.offsetTop-16+"px";						
					}				
					spanHeight = el.offsetHeight+posY(theobj);
					
				}
				else if(env['isIE'])
				{
					el.style.position = "absolute";
					el.style.display = "block";					
					if(lid=="1")//English
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+10+"px";
						el.style.top  = posY(theobj)-10+"px";					
					}
					else
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+5+"px";
						el.style.top  = posY(theobj)-27+"px";					
					}										
				}
				else
				{
					el.style.position = "absolute";
					el.style.display = "block";					
					if(lid=="1")//English
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+10+"px";
						el.style.top  = posY(theobj)-16+"px";					
					}
					else
					{
						el.style.left = posX(theobj)+theobj.offsetWidth+5+"px";
						el.style.top  = posY(theobj)-27+"px";					
					}										
				}								
			}
			theobj.className = "left_btn_level_2_hover";
			theobj.style.marginBottom = '5px';
        } 
		else 
		{
            el.style.display = "none";
        }
    }
}


function TopMenu(obj,n, theobj) 
{
	//resizeMap();
    if (document.getElementById) 
	{
        var el = document.getElementById(obj);
		var at = document.getElementById("left_btn").getElementsByTagName('div');		
        var ar = document.getElementById('left_btn_level_1_'+n+'_2').getElementsByTagName('span'); 
        var aq = document.getElementById('left_btn').getElementsByTagName('li');
		for (var i = 0; i < aq.length; i++) 
		{
				aq[i].style.backgroundImage = "";
		}		
		for (var i = 0; i < at.length; i++) 
		{
			if (at[i].className == "left_btn_level_1" || at[i].className == "left_btn_level_1_hover") 
			{
				at[i].className = "left_btn_level_1";
			}
		}
        if (el.style.display != "block") 
		{ 
            for (var i = 0; i < at.length; i++) 
			{
				if(at[i].className == "left_btn_level_1_1")
				{
					at[i].style.display = "none";
				}
				else if (at[i].className == "left_btn_level_2")
				{
					at[i].style.backgroundImage = "";
				}		
								
            }
            for (var i = 0; i < ar.length; i++) 
			{
                if (ar[i].className == "left_btn_level_3") 
                    ar[i].style.display = "none";
            }
            el.style.display = "block";
			theobj.className="left_btn_level_1_hover";
        } 
		else 
		{
            el.style.display = "none";
			theobj.className = "left_btn_level_1";
        }

    }

}