<!-- upper script area -->
<script language="JavaScript">
<!--
function
MM_swapImgRestore() { file://v3.0
var
i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() { file://v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { file://v4.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x &&
document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { file://v3.0
var
i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if
((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}
}
file://-->
</script>
<script
language="JavaScript">
<!--
<!--
function MM_reloadPage(init)
{ file://reloads the window if Nav4
resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4))
{
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
// -->
function MM_showHideLayers() { file://v3.0
var
i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0;
i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) {
v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
file://-->
</script>
<!-- Script Termination -->
<!-- Header area using script - upper area using JavaScript and MouseEvent -->
<!-- 1st rollover menu layer -->
<div id="menu1" style="position:absolute; left:242px; top:59px;
width:153px; height:98px; z-index:1; visibility: hidden"><a
href="javascript:;" onMouseOver="MM_showHideLayers('menu1','','show')"
onMouseOut="MM_showHideLayers('menu1','','hide')"><img
src="images/up01.gif" width="145" height="91" usemap="#Map"
border="0"></a>
<map name="Map">
<area shape="rect" coords="2,73,143,88"
href="general/basicterminology.html">
<area
shape="rect" coords="2,56,141,71"
href="general/versionhistory.html">
<area
shape="rect" coords="1,36,141,53"
href="general/developenvironments.html">
<area
shape="rect" coords="1,18,145,35"
href="general/howtobuild.html">
<area shape="rect"
coords="1,1,143,17" href="general/overview.html">
</map>
</div>
<!-- 2nd rollover menu layer -->
<div id="menu2" style="position:absolute; left:387px; top:59px;
width:127px; height:98px; z-index:1; visibility: hidden"><a
href="javascript:;" onMouseOver="MM_showHideLayers('menu2','','show')"
onMouseOut="MM_showHideLayers('menu2','','hide')"><img
src="images/up02.gif" width="116" height="145" usemap="#MapMap"
border="0"></a>
<map name="MapMap">
<area shape="rect" coords="2,73,143,88"
href="designguide/basicframe/d_guide05.html">
<area
shape="rect" coords="2,56,141,71"
href="designguide/colorguide/d_guide04.html">
<area
shape="rect" coords="1,36,141,53"
href="designguide/softwarefonts.html">
<area
shape="rect" coords="1,19,145,36" href="designguide/usinglogo.html">
<area shape="rect" coords="1,1,143,17"
href="designguide/overview.html">
<area shape="rect"
coords="1,125,113,146"
href="designguide/applications/d_guide08.html">
<area shape="rect" coords="0,107,114,124"
href="designguide/elements/d_guide07.html">
<area
shape="rect" coords="1,90,114,106"
href="designguide/layout/d_guide06.html">
<area
shape="rect" coords="2,73,143,88" href="#">
</map>
</div>
<!-- 3rd rollover menu layer
-->
<div id="menu3" style="position:absolute; left:503px; top:59px;
width:135px; height:95px; z-index:1; visibility: hidden"><a
href="javascript:;" onMouseOver="MM_showHideLayers('menu3','','show')"
onMouseOut="MM_showHideLayers('menu3','','hide')"><img
src="images/up03.gif" width="128" height="91" usemap="#MapMapMap"
border="0"></a>
<map
name="MapMapMap">
<area shape="rect"
coords="2,73,143,88"
href="TechnicalGuide/developmentnotice.html">
<area
shape="rect" coords="2,56,141,71"
href="TechnicalGuide/basicrule.html">
<area
shape="rect" coords="1,36,141,53"
href="TechnicalGuide/userinterface.html">
<area
shape="rect" coords="1,18,145,35"
href="TechnicalGuide/userenvironments.html">
<area
shape="rect" coords="1,1,143,17"
href="TechnicalGuide/overview.html">
<area
shape="rect" coords="1,126,113,146" href="#">
<area
shape="rect" coords="0,108,114,125" href="#">
<area
shape="rect" coords="1,91,114,107" href="#">
<area
shape="rect" coords="2,73,143,88" href="#">
</map>
</div>
<!-- 4th rollover menu layer -->
<div id="menu4" style="position:absolute; left:631px; top:59px;
width:135px; height:95px; z-index:1; visibility: hidden"><a
href="javascript:;" onMouseOver="MM_showHideLayers('menu4','','show')"
onMouseOut="MM_showHideLayers('menu4','','hide')"><img
src="images/up04.gif" width="109" height="127" usemap="#MapMapMapMap"
border="0"></a>
<map name="MapMapMapMap">
<area shape="rect" coords="2,73,143,88"
href="Library/layouttemplates.html">
<area
shape="rect" coords="2,56,141,71"
href="Library/identityframe.html">
<area
shape="rect" coords="1,36,141,53"
href="Library/colortable.html">
<area shape="rect"
coords="1,18,145,35" href="Library/lgelogotype.html">
<area shape="rect" coords="1,1,143,17"
href="Library/lgelogotype.html">
<area shape="rect"
coords="1,125,113,146" href="#">
<area shape="rect"
coords="0,107,114,124" href="Library/pictures.html">
<area shape="rect" coords="1,90,114,106"
href="Library/designelements.html">
<area
shape="rect" coords="2,73,143,88" href="#">
</map>
</div>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>
<table width="100%" border="0"
cellspacing="0" cellpadding="0"
height="39">
<tr>
<td
valign="bottom" width="65%"><a href="http://www.lge.co.kr"
target="_blank"><img src="images/logo_01.gif" width="149" height="31"
border="0"></a></td>
<td width="35%" align="right" valign="bottom"><img
src="images/logo_02_.gif" width="140"
height="24"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td
background="images/top_bg_.gif">
<table
width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td
width="91%">
<!-- 1nd menu - swap image or show/hide layer in case of MouseOver-->
<table
width="700" border="0" cellspacing="0" cellpadding="0"
height="21">
<tr>
<td width="164"><img src="images/white.gif" width="6"
height="21"></td>
<td width="78"><a href="index.jsp" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image2','','images/menu01_over.gif',1)"><img
src="images/menu01.gif" width="78" height="21" border="0"
name="Image2"></a></td>
<td width="145"><a href="javascript:;"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide')"
onMouseOver="MM_swapImage('Image1','','images/menu02_over.gif',1);MM_showHideLayers('menu1','','show')"><img
src="images/menu02.gif" width="145" height="21" border="0"
name="Image1"></a></td>
<td width="116"><a href="javascript:;"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu2','','hide')"
onMouseOver="MM_swapImage('Image3','','images/menu03_over.gif',1);MM_showHideLayers('menu2','','show')"><img
src="images/menu03.gif" width="116" height="21" border="0"
name="Image3"></a></td>
<td width="128"><a href="javascript:;"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu3','','hide')"
onMouseOver="MM_swapImage('Image4','','images/menu04_over.gif',1);MM_showHideLayers('menu3','','show')"><img
src="images/menu04.gif" width="128" height="21" border="0"
name="Image4"></a></td>
<td width="69"><a href="javascript:;"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu4','','hide')"
onMouseOver="MM_swapImage('Image5','','images/menu05_over.gif',1);MM_showHideLayers('menu4','','hide')"><img
src="images/menu05.gif" width="69" height="21" border="0"
name="Image5"></a></td>
</tr>
</table>
</td>
<td
width="9%" align="right"><img src="images/white.gif" width="5"
height="21"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td
background="images/top_bg_01.gif"><a href="index.jsp"><img
src="images/sub003_.gif" width="196" height="29"
border="0"></a></td>
<td align="right" background="images/top_bg_01.gif"><img
src="images/menu07_.gif" width="73"
height="29"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Header area using script Termination -->