//HTML Must include this style sheet
//<style type="text/css">
//  .f1{face:Arial size:7 color:#0000FF}
//  .tbl{bordercolor:red, border:5px  ; cellpadding:0; cellspacing:0; border-collapse: collapse; clip:rect(0,200,0,0); position: absolute; left: 193; top: 168}
//  .cell{background-color: #222222; }
//</style>

//**********************
//      variables      *
//**********************
var mRow;
var mCellImage;
var mCellText;
var mImage;
var Menutext;
var menuback='';
var i;
var LongestString ='';
//**********************
//*       Arrays       *
//**********************
mRow=new Array();
mCellImage=new Array();
mCellText=new Array();
mImage=new Array();
Menutext=new Array();
Menuhyperlink=new Array();

function makemenu(NameOfTable,menutextarray,menubacking) {
	menuback=menubacking
	Tablename=NameOfTable;
	Menutext=menutextarray;
	AmountOfRows=Menutext.length;
//***********************************
//*         Table Attributes		*
//***********************************
var mDiv=document.createElement("div");
var mTable=document.createElement("table");
var SetTable=mTable.setAttribute;
	SetTable("class","tbl");
	SetTable("className","tbl");
	SetTable('name',Tablename);
	SetTable('Length',(23*AmountOfRows)+5);
	SetTable('id',Tablename);
//************************************
var mTbody=document.createElement("Tbody");
//*******************************
//*         Build Tags         *
//*******************************
	for (i = 0; i <  AmountOfRows; ++ i) {  
		mRow[i]=document.createElement("tr");
		mCellImage[i]=document.createElement("td");
		mCellText[i]=document.createElement("td");
		mImage[i]=document.createElement("IMG");
	}	
//*******************
//* Make Table  Loop*
//*******************

	for (i = 0; i < AmountOfRows; ++ i) {  
//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Images
	mImage[i].src="icon01.gif";
//|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  Cells

	// ==Image to first cell==
	mCellImage[i].width=20;
	mCellImage[i].appendChild (mImage[i]);

	// ==Cell background image==
if (menuback!='' && menuback!=null) {
	mCellText[i].background=menuback
}
	// ==Cell with text in it (load default style)==
	mCellText[i].setAttribute("class","cell");
	mCellText[i].setAttribute("className","cell");

	// ==Add Hyperlink==
	var mhyper=document.createElement("a");
	mhyper.href="javascript:dropmenu("+Tablename+","+i+")"

//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Font
	var mFont=document.createElement("FONT");
	var MenuLink=Menutext[i];

	// ==add link text to hyper tag==
	mhyper.appendChild (document.createTextNode(MenuLink));
	if (LongestString.length<MenuLink.length) {LongestString=MenuLink};
	
	// ==add hypertage to font tag==
	mFont.appendChild (mhyper);
	// ==Set font==
	
	mFont.face='Arial';
        mFont.size=2;
    
	// ==font colours title text==
	if (i==0) {
    		mFont.color="#000000";
	}else{
  		  mFont.color="#0000FF";
    }
	mCellText[i].appendChild (mFont);

//+++++++++
//+ Rows  +
//+++++++++


	// ==add cells to row==
	mRow[i].appendChild(mCellImage[i]);
	mRow[i].appendChild(mCellText[i]);
	// ==add rows to table===
	mTbody.appendChild(mRow[i]);
}
//-------
mTable.width=(LongestString.length*7.43)+20;
mTable.appendChild(mTbody);

//---------------------------------

mDiv.appendChild(mTable);
document.body.appendChild(mDiv);

}

//*********************
//* Drop down control *
//*********************
var eDOM=document.getElementById;

function DropDownmenu(SelectedMenu) {
if (SelectedMenu!=null){storedSelectedMenu=SelectedMenu}
	if (eDOM(storedSelectedMenu).Dropped==0 || eDOM(storedSelectedMenu).Dropped==null) {
		i=i+((eDOM(storedSelectedMenu).Length-i)/9)
		eDOM(storedSelectedMenu).style.clip="rect(0,200,"+i+",0)";
		DropDownmenutimet=setTimeout("DropDownmenu()",30);
		if (i+5>table1.Length) {
			clearTimeout(DropDownmenutimet)
			eDOM(storedSelectedMenu).Dropped=1
		}
	}else{		
		i=i-((eDOM(storedSelectedMenu).Length-i)/9)
		eDOM(storedSelectedMenu).style.clip="rect(0,200,"+i+",0)";
		DropDownmenutimet=setTimeout("DropDownmenu()",30);
		if (i<=0) {
			clearTimeout(DropDownmenutimet)
			eDOM(storedSelectedMenu).Dropped=0
		}
	}
}

//***********************************
//* Transparency (Jabedesign.co.uk) *
//***********************************
function alpha(eElement,Amount){
	var obj=eElement.id
	eDOM(obj).fade=Amount
	var AlphaVal="alpha(opacity:"+eDOM(obj).fade+")"
	eDOM(obj).style.filter =AlphaVal ;
	eDOM(obj).style.KHTMLOpacity = AlphaVal;
	eDOM(obj).style.MozOpacity = AlphaVal;
}