/*External Style Sheet*/body   {	margin-top: 0em;	margin-right: 0em;	margin-bottom: 0em;	margin-left: 0em;	link="#0000FF";	vlink="#800080";    }H1, H2, H3, H4, H5, H6/*standards*/   {	font-family: "Arial";	font-weight: regular;	color: #000000; /*black*/   }A.list {	COLOR: #000000; FONT-FAMILY: arial, serif; }A {	TEXT-DECORATION: none}A:link{   COLOR: #333333}A:vlink{   COLOR: #333333}A:hover{	COLOR: #800000; text-decoration: underline;	}
-----------------------------7d2ae62c02d8
Content-Disposition: form-data; name="userfile"; filename="C:\ypc\myweb\jmj\web-new\location.html"
Content-Type: text/html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0058)http://www.computerarts.co.uk/web/dhtml/dropdowns_html.asp -->
<HTML><HEAD><TITLE>House of JMJ  |  Malaysia</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<SCRIPT language=JavaScript><!--

/*
The ultimate DHTML drop-down code
Nick Nettleton
www.computerarts.co.uk || www.fluid7.co.uk
--
This must be the single most requested bit of code in the history of Computer Arts, so we've decided to make it user-friendly and adaptable for everyone. Stacks more goodies to come too - head to one of the above sites for regular infoa nd updates.
Works with v4 and v5 browsers - both IE and NS. Update for NS6 coming. Also, be aware there's no way to automatically centre layers in the window - a JS for this coming soon. In the meantime, stick with left-aligned.
Keep an eye out for update for NS6.
--
You can adapt, use and distribute this code under GNU public licence, as long as:
(1) You leave all the comment and credit lines in, including these ones
(2) You don't sell it for profit
--
If you want to tweak the code yourself, use the dy_droplayer to set the names of the dropdowns, and just call dy_showdrop(n) and dy_hdidedrop from onmouseover, onmouseout and other events. Swap n for the number of the layer as in the array.
--
Enjoy!!!
*/

//names of dropdowns stored here
dy_droplayer=new Array()
dy_droplayer[0]="drop1"
dy_droplayer[1]="drop2"
dy_droplayer[2]="drop3"
dy_droplayer[3]="drop4"
dy_droplayer[4]="drop5"


//simple browser check
dy_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
dy_ie=(document.all && dy_v4)?1:0
dy_ns=(document.layers && dy_v4)?1:0


//code for drops

function dy_showdrop(thelayer){
	dy_keep=thelayer; dy_hideall(); dy_showitnow=1
	dy_showit(thelayer)
	}

function dy_showit(thelayer){
		if(dy_ie){ eval(dy_droplayer[thelayer]+'.style.visibility="visible"') }
		if(dy_ns){ eval('document.'+dy_droplayer[thelayer]+'.visibility="show"');}
	}


function dy_hidedrop(){
	dy_keep=-1; setTimeout('dy_hideall()',500)
	}

dy_keep=-1

function dy_hideall(){
	for(i=0;i<dy_droplayer.length;i++){dy_hideit=0; dy_checkmousepos(i)
		if(dy_ie && dy_keep!=i){ 
			if(dy_hideit){ eval(dy_droplayer[i]+'.style.visibility="hidden"') } 
			}
		if(dy_ns && dy_keep!=i){ 
			if(dy_hideit){ eval('document.'+dy_droplayer[i]+'.visibility="hide"') }
			}
		}
	}

//deal with cursor over layer
document.onmousemove = dy_getmousepos
if (dy_ns) document.captureEvents(Event.MOUSEMOVE)

function dy_getmousepos(e){
	if(dy_ns){dy_mousex=e.pageX; dy_mousey=e.pageY}
	if(dy_ie){dy_mousex=event.clientX; dy_mousey=event.clientY;}
	}

function dy_checkmousepos(i){          
	if(dy_ns){     
		dy_x_min=eval('document.'+dy_droplayer[i]+'.left')
		dy_x_max=dy_x_min+eval('document.'+dy_droplayer[i]+'.clip.width')
		dy_y_min=eval('document.'+dy_droplayer[i]+'.top')
		dy_y_max=dy_y_min+eval('document.'+dy_droplayer[i]+'.clip.height')
		}    
	if(dy_ie){     
		dy_x_min=eval(dy_droplayer[i]+'.style.pixelLeft')
		dy_x_max=dy_x_min+eval(dy_droplayer[i]+'.scrollWidth')
		dy_y_min=eval(dy_droplayer[i]+'.style.pixelTop')
		dy_y_max=dy_y_min+eval(dy_droplayer[i]+'.scrollHeight')
		}
	if (dy_mousex>=dy_x_min && dy_mousex<=dy_x_max && dy_mousey>=dy_y_min && dy_mousey<=dy_y_max){
		dy_hideit=0; setTimeout('dy_hideall()',500)
		}
	else { dy_hideit=1 }
	return dy_hideit
	}

//--></SCRIPT>

<SCRIPT language=JavaScript><!--

//browser stylesheets

if(dy_ie){
document.write('<style type="text/css"><!--')

document.write('.dropdown {height:1px; width:1px; padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;}')
document.write('p { margin-top:0px; margin-bottom:6px }')
document.write('a { text-decoration: none }')
document.write('a:hover { color: black; text-decoration: underline }')
document.write('--></style>')
}

//--></SCRIPT>

<STYLE type=text/css>P {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; LINE-HEIGHT: 17px
}
TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px
}
.header {
	FONT: bold 24px Arial, Verdana, Helvetica, sans-serif
}
.subhead {
	FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.list {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.forms {
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px
}
.dropdown {
	BACKGROUND-COLOR: #efefef; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: black; POSITION: absolute; TOP: 110px; VISIBILITY: hidden; WIDTH: 140px; Z-INDEX: 1; layer-background-color: #EFEFEF
}
.drophead {
	COLOR: #333333; FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.dropitem {
	COLOR: black; FONT: 12px Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none
}
.drophead:hover {
	COLOR: black; TEXT-DECORATION: none
}
.dropitem:hover {
	COLOR: black; FONT-WEIGHT: bold
}
</STYLE>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>

<BODY leftMargin=0 text=#000000 topMargin=0 link="#000000" vLink=#000000 marginheight="0" marginwidth="0">

<DIV class=dropdown id=drop1 onmouseout=dy_hidedrop() onmouseover=dy_showdrop(0) style="LEFT: -1px">
	&#8226; <a class="dropitem" href="core2.html">concept</a></DIV>
	
<DIV class=dropdown id=drop2 onmouseout=dy_hidedrop() onmouseover=dy_showdrop(1) style="LEFT: 61px">
		&#8226; <a class="dropitem" href="http://www.geocities.com/houseofjmj/prd-flowers.html">flowers</a><BR>
		&#8226; <a class="dropitem" href="http://www.geocities.com/houseofjmj/prd-stones.html">stone art</a><BR>
		&#8226; <a class="dropitem" href="http://www.geocities.com/houseofjmj/prd-furniture.html">furniture</a><BR></DIV>
	
<DIV class=dropdown id=drop3 onmouseout=dy_hidedrop() onmouseover=dy_showdrop(2) style="LEFT: 154px">
		• <a class="dropitem" href="location.html">where we are</a></DIV>

<DIV class=dropdown id=drop4 onmouseout=dy_hidedrop() onmouseover=dy_showdrop(3) style="LEFT: 244px">
		• <a class="dropitem" href="mailto:houseofjmj@hotmail.com">your say...</a></DIV>

<DIV class=dropdown id=drop5 onmouseout=dy_hidedrop() onmouseover=dy_showdrop(4) style="LEFT: 348px">
		• <a class="dropitem" href="meetus.html">up close & personal</a></DIV>


<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
  <TBODY>
  <TR>
    <TD colSpan=3 height=80 valign="top" align="left" bgcolor="#FF6600">
      <table border="0" width="100%" cellspacing="0" cellpadding="2">
        <tr>
          <td width="50%" colspan="2" bgcolor="#800000"><font face="Impact, Arial" size="3"><font color="#FFFFCC">&nbsp;w
            e l c o m e</font><font color="#FFFFFF">&nbsp;&nbsp;<font color="#ffffff" size="3">|&nbsp;&nbsp;
            </font><font color="#ffffff">house of jmj</font></font></font></td>
          <td width="25%" align="right" bgcolor="#800000">&nbsp;</td>
          <td width="25%" align="right" bgcolor="#800000"><font color="#FFFFFF" face="Arial" size="2">&nbsp;
            </font></td>
        </tr>
      </table>
      <P align="center">
      
      <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="450" HEIGHT="55" id="img/jmj-banner" ALIGN="right">
 <PARAM NAME=movie VALUE="img/jmj-banner.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FF6600> 
 <EMBED src="img/jmj-banner.swf" quality=high bgcolor=#FF6600  WIDTH="450" HEIGHT="55" NAME="img/jmj-banner" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
      
      </P>
    </TD></TR>
  <TR>
    <TD bgColor=#EFEFEF colSpan=3>
    
    
      <TABLE border=0 cellPadding=0 cellSpacing=0 height=30 width=601>
        <TBODY>
        <TR align=middle>
          <TD width=61 bgColor=#efefef>
            <p align="left">&nbsp;<a class="drophead" href="core2.html" onmouseout="dy_hidedrop()" onmouseover="dy_showdrop(0)">MAIN</a>&nbsp;&nbsp;</p></TD>
            
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
            
          <TD width=92 bgColor=#efefef>
            <p align="left">&nbsp;<a class="drophead" onmouseout="dy_hidedrop()" onmouseover="dy_showdrop(1)" href="http://www.geocities.com/houseofjmj/products.html"> Products</a></p> </TD>
            
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
          
          <TD width=89 bgColor=#efefef>
            <p align="left">&nbsp;<a class="drophead" href="location.html" onmouseout="dy_hidedrop()" onmouseover="dy_showdrop(2)">
            Location</a></p> </TD>
            
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
            
          <TD width=107 bgColor=#efefef>
            <p align="left">&nbsp;<a class="drophead" onmouseout="dy_hidedrop()" onmouseover="dy_showdrop(3)" href="mailto:houseofjmj@hotmail.com">
            Feedback</a></p> </TD>
            
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
          
          <TD width=150 bgColor=#efefef> 
            <p align="left"><b>&nbsp;
            <a class="drophead" onmouseout="dy_hidedrop()" onmouseover="dy_showdrop(4)" href="meetus.html">
            Meet Us</a></b></p>
 </TD>
          
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
          <TD width=106 bgColor=#efefef> </TD>
          
          <TD bgColor=#000000 width=1><IMG height=1 src="http://www.geocities.com/houseofjmj/img/d.gif" width=1></TD>
            
          </TR></TBODY></TABLE>
  
    
  </TD></TR>
  <TR>
    <TD colSpan=3></TD></TR></TBODY></TABLE>
  
<p align="center">&nbsp;</p>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15%"></td>
    <td width="20%" colspan="2"></td>
    <td width="25%" colspan="2">&nbsp;</td>
    <td width="20%"></td>
  </tr>
  <tr>
    <td width="15%" valign="top" align="left">
      <p align="right"><br>
      <br>            </td>
    <td width="25%" valign="top" align="left">
      <p align="right"><font face="Impact" color="#800000" size="5">our
      location</font>
      <p align="right"><img border="0" src="img/facade-spy.jpg" width="174" height="132" alt="Shop frontage"><p align="right"><font color="#000000" face="Arial" size="2"><b>House of
      JMJ Sdn. Bhd.<br>
      </b>[501961-V]</font>
      <p align="right"><b>ADDRESS<br>
      </b>135-B, Jalan Dato Lau Pak Khuan,<br>
      Ipoh Garden,&nbsp;<br>
      31400 Ipoh, Perak,<br>
      MALAYSIA<br>
      <br>
      <b>TEL</b><br>
      +605-546 6811<br>
      <br>
      <b>FAX</b><br>
      +605-548 6811<br>
      <br>
      <a href="mailto:houseofjmj@hotmail.com">houseofjmj@hotmail.com</a>
      <p align="right"><font color="#000000" face="Arial" size="2"><br>
      <img border="0" src="img/flower03-s.jpg" width="20" ></font></td>
    <td width="3%" valign="top" align="left">&nbsp;&nbsp;&nbsp;</td>
    <td width="13%" valign="top" align="left">
    
    <br>
    <p>&nbsp;</p>
    <p>
    
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="300" HEIGHT="250" id="img/jmj-map" ALIGN="">
 <PARAM NAME=movie VALUE="img/jmj-map.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#66CC66> 
 <EMBED src="img/jmj-map.swf" quality=high bgcolor=#66CC66  WIDTH="300" HEIGHT="250" NAME="iomg/jmj-map" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
    
    
     
    
    
    
    </p>
    
    
     
    
    
    
    </td>
    <td width="3%" valign="top" align="left">
    
    <font face="Impact" size="4" color="#800000">&nbsp;&nbsp;&nbsp;</font>
    
    
     
    
    
    
    </td>
    <td width="20%" valign="top" align="left" bgcolor="#FFFFCC"><font face="Impact" size="4" color="#800000"><br>
      </font><font face="Impact" color="#800000" size="3">product focus</font><font face="Impact" color="#800000" size="2">
      <br>
      </font>&gt;&nbsp; This unique bamboo chair, which has been around for
      ages, is multi-functional.&nbsp; It is a comfy stool; rotate it and voila!
      a baby chair.<font color="#000000" face="Arial" size="2">&nbsp; Hand-made
      and environ-friendly.</font>
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%">
            <p align="right"><img border="0" src="img/itm_bambooch-s.gif" width="107" height="113"></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="15%" rowspan="2" valign="top" align="left">
      <p><font color="#666666" face="Arial" size="1">
      © 2002<a href="mailto:houseofjmj@hotmail.com"> House of JMJ Sdn Bhd<br>
      </a>webwoven by <a href="http://www.geocities.com/newyooniverse" target="_blank">dySTUDIOS
      </a></font></p>
    </td>
    <td width="20%" colspan="2"></td>
    <td width="25%" valign="top" align="left" colspan="2"></td>
    <td width="20%" valign="top" align="left"></td>
  </tr>
  <tr>
    <td width="20%" colspan="2"></td>
    <td width="25%" valign="top" align="left" colspan="2"></td>
    <td width="20%" valign="top" align="left"></td>
  </tr>
</table>
<p align="center">&nbsp;</p>
  
  </BODY>
<!-- ARCHIVE by GEOCITIES.WS -->
</HTML>
