//main menu elements

m_menu = new Array()

m_menu[0] = new Array('|| about ||','index.htm')

m_menu[1] = new Array('|| services || ','services.htm')

m_menu[2] = new Array('|| sites ||','clients.htm')

m_menu[3] = new Array('|| prices ||','prices.htm')

m_menu[4] = new Array('|| contact ||','contact.htm')

//m_menu[5] = new Array('| checkout |','checkout.htm')

//m_menu[6] = new Array('','')

//m_menu[7] = new Array('item #8','item8link.htm')

//m_menu[8] = new Array('item #9','item9link.htm')

//m_menu[9] = new Array('item #10','item10link.htm')

//sub menu elements

s_menu0 = new Array()

s_menu1 = new Array()

s_menu2 = new Array()

s_menu3 = new Array()

s_menu4 = new Array()

s_menu5 = new Array()

s_menu6 = new Array()

s_menu7 = new Array(new Array('1sub item #1','subitem1link.htm'),new Array('1sub item #2','subitem2link.htm'),new Array('1sub item #3','subitem3link.htm'),new Array('1sub item #4','subitem4link.htm'),new Array('1sub item #5','subitem5link.htm'))

s_menu8 = new Array(new Array('1sub item #1','subitem1link.htm'),new Array('1sub item #2','subitem2link.htm'),new Array('1sub item #3','subitem3link.htm'),new Array('1sub item #4','subitem4link.htm'),new Array('1sub item #5','subitem5link.htm'))

s_menu9 = new Array(new Array('1sub item #1','subitem1link.htm'),new Array('1sub item #2','subitem2link.htm'),new Array('1sub item #3','subitem3link.htm'),new Array('tester','subitem4link.htm'),new Array('1sub item #5','subitem5link.htm'))

//colours for links and mouse overs

menuC = '#7E61D6'

overC = '#7E61D6'

tmenuC = '#FFFFFF'

toverC = '000000'

//menus widths

pad = 0

mWidth = 380

//

function mainWrite(){

cellW = Math.round(mWidth/m_menu.length)-((pad*2)+1)

document.write('<table cellspacing="0" cellpadding="0" style="border:0; width:'+mWidth+'px" class="menu">')

document.write('<tr>')

for(i=0;i<m_menu.length;i++){

	if(isExp || isOpera){

		document.write('<td onMouseOver="this.style.backgroundColor=\''+overC+'\';document.all.mm'+i+'.style.color=\''+toverC+'\';style.cursor=\'hand\';showSub('+i+');" ')

		document.write('onMouseOut="this.style.backgroundColor=\''+menuC+'\';document.all.mm'+i+'.style.color=\''+tmenuC+'\'" ')

	}else{

		document.write('<td onMouseOver="this.style.backgroundColor=\''+overC+'\';document.getElementById(\'mm'+i+'\').style.color=\''+toverC+'\';style.cursor=\'pointer\';showSub('+i+');" ')

		document.write('onMouseOut="this.style.backgroundColor=\''+menuC+'\';document.getElementById(\'mm'+i+'\').style.color=\''+tmenuC+'\'" ')	

	}

	document.write('onMouseDown="window.location=\''+m_menu[i][1]+'\';"')

	document.write('style="background:'+menuC+';')

	//document.write(' border-top: #FFF dotted 1px;')

	document.write(' padding:'+pad+'px;">')

	document.write('<div id="mm'+i+'" style="position:relative; width:'+cellW+'px; text-align:center; color:'+tmenuC +';">')

	document.write(m_menu[i][0])

	//document.write(' <img src="arrow.gif" border="0" align="middle">')

	document.write('</div>')

	document.write('</td>')

}

document.write('</tr>')

document.write('</table>')

document.write('<div id="subLayer" style="position:absolute; width:'+cellW+'px; left:'+mWidth+'px; top:0px; visibility: hidden;">nowt</div>')

}

//

function showSub(which){

if (isExp){

	eval('myPosY = document.all.mm'+which+'.offsetTop')

	eval('myPosX = document.all.mm'+which+'.offsetLeft')

	eval('myPosH = document.all.mm'+which+'.offsetHeight')

	myPosY = myPosY + myPosH

}else{

	eval('myPosY = parseInt(document.getElementById(\'mm'+which+'\').offsetTop)')

	eval('myPosX = parseInt(document.getElementById(\'mm'+which+'\').offsetLeft)')

	eval('myPosH = parseInt(document.getElementById(\'mm'+which+'\').offsetHeight)')

	myPosY = myPosY + myPosH

}

curMenu = eval('s_menu'+which)

//set up Text

myText = ('<table cellspacing="0" cellpadding="0" style="border:0; width:'+cellW+'px" class="menu">')

for(i=0;i<curMenu.length;i++){

	myText += ('<tr>')

	if(isExp || isOpera){

		myText += ('<td onMouseOver="this.style.backgroundColor=\''+overC+'\';document.all.sm'+i+'.style.color=\''+toverC+'\';style.cursor=\'hand\';" ')

		myText += ('onMouseOut="this.style.backgroundColor=\''+menuC+'\';document.all.sm'+i+'.style.color=\''+tmenuC+'\';" ')

	}else{

		myText += ('<td onMouseOver="this.style.backgroundColor=\''+overC+'\';document.getElementById(\'sm'+i+'\').style.color=\''+toverC+'\';style.cursor=\'pointer\';" ')

		myText += ('onMouseOut="this.style.backgroundColor=\''+menuC+'\';document.getElementById(\'sm'+i+'\').style.color=\''+tmenuC+'\';" ')	

	}

	myText += ('onMouseDown="window.location=\''+curMenu[i][1]+'\';"')

	myText += ('style="background:'+menuC+';')

	if(i==0){

		//myText += (' border-top: #FFF dotted 1px;')

	}

	myText += (' padding:'+pad+'px;">')

	myText += ('<div id="sm'+i+'" style="position:relative; text-align:center; width:'+cellW+'px; color:'+tmenuC +';">')

	myText += (curMenu[i][0])

	//myText += (' <img src="arrow.gif" border="0" align="middle">')

	myText += ('</div>')

	myText += ('</td>')

	myText += ('</tr>')

}

myText += ('</table>')

//

goNow(myText,myPosX,myPosY)

}

//

function goNow(text,xPos,yPos){

yPos-=1

writeLayer('subLayer',text)

layerVis('subLayer','visible')

moveLayer('subLayer',xPos-(pad+1),yPos+(pad+1))

startMC()

hideSub()

}

//

mc = null

function hideSub(){

if(isExp){

	mct	= document.all.mm0.offsetTop

	mcl = document.all.subLayer.offsetLeft

	mcr	= document.all.subLayer.offsetLeft + document.all.subLayer.offsetWidth

	mcb	= document.all.subLayer.offsetTop + document.all.subLayer.offsetHeight

}else{

	mct	= document.getElementById('mm0').offsetTop

	mcl = document.getElementById('subLayer').offsetLeft

	mcr	= document.getElementById('subLayer').offsetLeft + document.getElementById('subLayer').offsetWidth

	mcb	= document.getElementById('subLayer').offsetTop + document.getElementById('subLayer').offsetHeight

}

//

if(mouseX > mcr || mouseY < mct || mouseY > mcb || mouseX < mcl){

	layerVis('subLayer','hidden')

	clearTimeout(mc)

}else{

	mc = setTimeout('hideSub()',20)

}

}

//

mainWrite()
