// JavaScript Document
function MM_preloadImages() { //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_swapImgRestore() { //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_findObj(n, d) { //v4.01
  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 && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //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];}
}

/****************** start  hiding and showing menu *********************/

var secs
var timerID = null
var timerRunning = false
var delay = 1000

function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 3
    StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
       ShowLayer('Layer1','hidden')
    }
    else
    {
        //self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}
//-->


function ShowLayer(id, action){
var type;

if (navigator.userAgent.indexOf("Opera")!=-1 && document.getElementById) 
    type="OP"; 
	
if (document.all) 
  	type="IE"; 

if (document.layers) 
	type="NN"; 
	
if (!document.all && document.getElementById) 
	type="MO"; 

  if (type=="IE") eval("document.all." + id + ".style.visibility='" + action + "'");
  if (type=="NN") eval("document." + id + ".visibility='" + action + "'");
  if (type=="MO" || type=="OP") 
    eval("document.getElementById('" + id + "').style.visibility='" + action + "'");
} 

/******************* end hidng and showing menu *********************/






/*********** start mapping ****************/

MM_preloadImages('images/lk_profile_ov.gif','images/lk_services_ov.gif','images/lk_contact_ov.gif','images/lk_photo_ov.gif');

document.writeln('<map name="Map">');
document.writeln('<area shape="rect" coords="37,-1,68,30" href="profile.htm" onMouseOver="MM_swapImage(\'Image1\',\'\',\'images/lk_profile_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('<area shape="rect" coords="30,51,74,70" href="profile.htm" onMouseOver="MM_swapImage(\'Image1\',\'\',\'images/lk_profile_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('</map>');
document.writeln('<map name="Map2">');
document.writeln('  <area shape="rect" coords="38,-3,68,30" href="#" onMouseOver="MM_swapImage(\'Image2\',\'\',\'images/lk_services_ov.gif\',1);  ShowLayer(\'Layer1\',\'visible\')" onMouseOut="MM_swapImgRestore(); InitializeTimer()">');
document.writeln('  <area shape="rect" coords="22,49,84,70" href="#" onMouseOver="MM_swapImage(\'Image2\',\'\',\'images/lk_services_ov.gif\',1); ShowLayer(\'Layer1\',\'visible\')" onMouseOut="MM_swapImgRestore(); InitializeTimer()">');
document.writeln('</map>');
document.writeln('<map name="Map3">');
document.writeln('  <area shape="rect" coords="38,0,69,29" href="contactus.php" onMouseOver="MM_swapImage(\'Image3\',\'\',\'images/lk_contact_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('  <area shape="rect" coords="19,51,92,71" href="contactus.php" onMouseOver="MM_swapImage(\'Image3\',\'\',\'images/lk_contact_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('</map>');
document.writeln('<map name="Map4">');
document.writeln('  <area shape="rect" coords="35,-2,68,30" href="sitemap.htm" onMouseOver="MM_swapImage(\'Image4\',\'\',\'images/sitemap_menu_over.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('  <area shape="rect" coords="22,49,84,70" href="sitemap.htm" onMouseOver="MM_swapImage(\'Image4\',\'\',\'images/sitemap_menu_over.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('</map>');
document.writeln('<map name="Map5">');
document.writeln('  <area shape="rect" coords="35,-2,68,30" href="index.htm" onMouseOver="MM_swapImage(\'Image5\',\'\',\'images/lk_home_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('  <area shape="rect" coords="9,49,95,73" href="index.htm" onMouseOver="MM_swapImage(\'Image5\',\'\',\'images/lk_home_ov.gif\',1)" onMouseOut="MM_swapImgRestore()">');
document.writeln('</map>');

/************** end mapping *******************/




/*************** menu items ***************/

document.writeln('<div id="Layer1" style="position:absolute; width:109px; height:101px; z-index:0; left: 549px; top: 121px; overflow: hidden; visibility: hidden;">');
document.writeln('<table width="100%"  border="0" cellpadding="0" cellspacing="1" bgcolor="#3B98D6">');
document.writeln('<tr><td class="td_cream"><table width="100%"  border="0" cellpadding="2" cellspacing="1">');
document.writeln('<tr>');
document.writeln('<td class="td_lightorange" ><span class="class2"><a href=itconsultancy.htm onMouseOver="InitializeTimer()";>IT Consultancy</a></span></td>');
document.writeln('</tr><tr>');
document.writeln('<td class="td_lightorange" ><span class="class2"><a href=cad.htm>CAD Consultancy</a></span></td>');
document.writeln('</tr>');
document.writeln('<tr><td class="td_lightorange" ><span class="class2"><a href=ittraining.htm>IT Training</a></span></td></tr>');
document.writeln('<tr><td class="td_lightorange" ><span class="class2"><a href=3dvisual.htm>3D Visualisation</a></span></td></tr>');
document.writeln('</table></td>');
document.writeln('</tr></table>');
document.writeln('</div>');

/************menu items end here ************/