// Code Writer : Salman Ansari
// salmanansari99@yahoo.com


// change the background of the cell by using its id
function changeCellBk  ( cellId , theColor )
 {
 var cell1 = document.getElementById( cellId );
 cell1.style.backgroundColor = theColor ;
 }





// This the code for changing background of the menu bar links
 // On Mouse Over Color
  var moverColor = 'white';
 
 // On Mouse Out Color  
   var moutColor = '#f0f0f0';
 
function mOver(){
 var srcElement = event.srcElement;
 

if ( event.srcElement.tagName == "TD" && (srcElement.id == "cell_career" || srcElement.id == "cell_down" || srcElement.id == "cell_services") )
     {
    //  srcElement.style.backgroundColor = moverColor;
      }
}

function mOut (){
  
 var srcElement = event.srcElement;

if ( event.srcElement.tagName == "TD" )
     {
     // srcElement.style.backgroundColor = moutColor;
      }
 

}

 
var changedSrc = "ZAS_files/circle2.gif";
var oldSrc = "ZAS_files/circle.gif";
 
 
function changeOnRoll ( imgname, type  ) {
   
   var i=0;
   var theSrc;
   
   // type = 1 : restore
   // type = 2 : change
   if ( type == 1 ) 
       theSrc = oldSrc;
   else
       theSrc = changedSrc;
   
   while ( document.images != null )
       {
        if ( document.images[i].name == imgname )
           {
           document.images[i].src = theSrc;
           break;
           }
        i++;
       }
   
   }
   



if (!(document.all))
{
   if (document.layers)
   {
      window.location.replace("NNMenus.htm");
   }
   else
   {
      window.location.replace("NoMenus.htm");
   }
}


var woodMenuItems = new Array();
woodMenuItems[0] = new Array();

woodMenuItems[0][0] = "Oak";
woodMenuItems[0][1] = "principles.htm";
woodMenuItems[0][2] = "AET Guiding Principles";

woodMenuItems[1] = new Array();
woodMenuItems[1][0] = "Teak";
woodMenuItems[1][1] = "team.htm";
woodMenuItems[1][2] = "AET Team";

woodMenuItems[2] = new Array();
woodMenuItems[2][0] = "Pine";
woodMenuItems[2][1] = "safety.htm";
woodMenuItems[2][2] = "Safety & Health Program";


// Second menu
var metalMenuItems = new Array();
metalMenuItems[0] = new Array();

metalMenuItems[0][0] = "Steel";
metalMenuItems[0][1] = "servicesdet.htm";
metalMenuItems[0][2] = "Marine Services Sector";

metalMenuItems[1] = new Array();
metalMenuItems[1][0] = "Copper";
metalMenuItems[1][1] = "servicesdet.htm#companies";
metalMenuItems[1][2] = "Industrial Companies Sector";

metalMenuItems[2] = new Array();
metalMenuItems[2][0] = "Gold";
metalMenuItems[2][1] = "servicesdet.htm#transport";
metalMenuItems[2][2] = "Transportation & Safe Environmental Disposal Sector";


// Third Menu

var bricksMenuItems = new Array();
bricksMenuItems[0] = new Array();

bricksMenuItems[0][0] = "StdHouse";
bricksMenuItems[0][1] = "StdHousebricks.htm";
bricksMenuItems[0][2] = "Custom Development";

bricksMenuItems[1] = new Array();
bricksMenuItems[1][0] = "LargeHouseBrick";
bricksMenuItems[1][1] = "LargeHousebricks.htm";
bricksMenuItems[1][2] = "Desktop Applications";

bricksMenuItems[2] = new Array();
bricksMenuItems[2][0] = "BreezeBlock";
bricksMenuItems[2][1] = "BreezeBlock.htm";
bricksMenuItems[2][2] = "Call Center";

// Fourth Menu

var ZasMenuItems = new Array();
ZasMenuItems[0] = new Array();

ZasMenuItems[0][0] = "StdHouse";
ZasMenuItems[0][1] = "StdHousebricks.htm";
ZasMenuItems[0][2] = "SAlman";

ZasMenuItems[1] = new Array();
ZasMenuItems[1][0] = "LargeHouseBrick";
ZasMenuItems[1][1] = "LargeHousebricks.htm";
ZasMenuItems[1][2] = "Abrar";

ZasMenuItems[2] = new Array();
ZasMenuItems[2][0] = "BreezeBlock";
ZasMenuItems[2][1] = "BreezeBlock.htm";
ZasMenuItems[2][2] = "Zeeshan";

ZasMenuItems[3] = new Array();
ZasMenuItems[3][0] = "BreezeBlock";
ZasMenuItems[3][1] = "BreezeBlock.htm";
ZasMenuItems[3][2] = "Talha";


function createMenu(menuName, menuItems , width )
{
   var divHTML = '<DIV ID="' + menuName + 'MenuDiv" CLASS="DivMenu"';
   divHTML = divHTML + ' onmouseout="return hideMenu(this)">';

   var tableHTML = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=4  bordercolor="#0598cf" style="border-collapse: collapse" ID="'
      + menuName + 'Table"'
      +'width='+ width
      + '>';
   var tableRowHTML = "";
   var rowCount;
   var totalNoRows = menuItems.length;
   for (rowCount = 0; rowCount < totalNoRows; rowCount++)
   {
      
 
tableRowHTML = tableRowHTML + '<TR><TD ID="' +

      ///////////////////////////////////////////
    //  tableRowHTML = tableRowHTML + '<TR><TD ID="' +
         menuName + menuItems[rowCount][0] +
        '" RollOver RollOut';
      tableRowHTML = tableRowHTML + ' onclick="goPage(\''
         + menuItems[rowCount][1] + '\')"';
      tableRowHTML = tableRowHTML
//  + 'CLASS="TDMenu">' + menuItems[rowCount][2]       
                      
+ 'CLASS="TDMenu">'  
//+'<img border="0" src="small1.GIF" width="10" height="10">  '
+ menuItems[rowCount][2]      
 + '</TD></TR>';
//      tableRowHTML = tableRowHTML + "<HR>";   
   }

   return divHTML + tableHTML + tableRowHTML + '</TABLE></DIV>';
}


function showMenu(menuToShow)
{

   var srcElement = event.srcElement;
   
   var xPos = parseInt(srcElement.offsetLeft);
   var yPos = parseInt(srcElement.offsetTop);

	alert(xPos + "," + yPos );   

   menuToShow.style.left = xPos+55;
   // + (srcElement.width)
   menuToShow.style.top = yPos+99;
   //mOver();
}


function showMenuAt(menuToShow ,  xx , yy )
{
   var srcElement = event.srcElement;
   var xPos = parseInt(srcElement.offsetLeft);
   var yPos = parseInt(srcElement.offsetTop);
  // alert( menuToShow.id);
  var resolutionX = 0;
  var resolutionY = 0;
  
  if ( screen.width > 800 ){
  	resolutionX = 100;
  }
  

   menuToShow.style.left = resolutionX + xPos + xx;
   // + (srcElement.width)
   menuToShow.style.top = yPos + yy;
   
   //if (menuToShow.id == "WoodMenuDiv")
      // changeCellBk ("cell_career","#ffffff");
     
    ///  if (menuToShow.id == "MetalMenuDiv")//changeCellBk ("cell_down","#ffffff");

         
     // if (menuToShow.id == "BricksMenuDiv")
    // changeCellBk ("cell_services","#ffffff");

}



function hideMenu(menuToHide)
{
   if (event.toElement != menuToHide &&
      menuToHide.contains(event.toElement) == false)
   {
      menuToHide.style.left = -200;
      menuToHide.style.top = -1000;
      
   
     
   }
   
}

function document_onmouseover()
{
   var srcElement = event.srcElement;

   if (srcElement.tagName == "TD" && typeof(srcElement.RollOver) != "undefined")
   {
//      srcElement.style.color = "#4c6d7e";
      srcElement.style.backgroundColor ="#b4e4fc";

   }
}

function document_onmouseout()
{
   var srcElement = event.srcElement;
   if (srcElement.tagName == "TD" && typeof(srcElement.RollOut) != "undefined")
   {
//      srcElement.style.color = "#000099";
     srcElement.style.backgroundColor = "white";

      
   }
   
}

function goPage(src)
{
//   window.location.href = src;
  window.location = src;
//  alert(src);
}

document.onmouseover = document_onmouseover;
document.onmouseout = document_onmouseout;

function displayUAETime(){
	document.write("UAE ");

}

function displayGMTTime(){
	document.write("GMT ");
}