/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Extra code to find position:

var arrow = "<img src="+ sn + "/_images/arrow.gif width='11 ' height='9'>"
var panahkanan = "<img src="+ sn + "/_images/arrow_right.gif width='4' height='7'>"

function findPos(){
  if(bw.ns4){   //Netscape 4
    x = document.layers.layerMenu.pageX
    y = document.layers.layerMenu.pageY
  }else{ //other browsers
    x=0; y=0; var el,temp
    el = bw.ie4?document.all["divMenu"]:document.getElementById("divMenu");
    
    if(el.offsetParent){
      temp = el
      
      do {
			temp = temp.offsetParent;
			x	+= temp.offsetLeft;
			y += temp.offsetTop;
		} while(temp.tagName!="BODY");
	
    }
    x+=el.offsetLeft;
    y+=el.offsetTop;
    
  }
  //Returning the x and y as an array
  return [x,y]
}

pos = findPos()

//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

//Menu properties   
oCMenu.pxBetween=2
//Using the cm_page object to place the menu ----
oCMenu.fromLeft=pos[0]
oCMenu.fromTop=pos[1]
//We also need to "re place" the menu on resize. So:
oCMenu.onresize="pos = findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]"

oCMenu.rows=0
oCMenu.menuPlacement=0

oCMenu.offlineRoot="file:///C:/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/" 
//oCMenu.onlineRoot="/coolmenus/" 
oCMenu.onlineRoot="/e7/"
oCMenu.resizeCheck=1 
oCMenu.wait=1000 
oCMenu.fillImg="cm_fill.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=1
oCMenu.barWidth="menu"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX="menu"
oCMenu.barY="menu"
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=146
oCMenu.level[0].height=22
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=1
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow= "_images/arrow_right.gif"	//nama file utk arrow
oCMenu.level[0].arrowWidth=4				
oCMenu.level[0].arrowHeight=7
oCMenu.level[0].align="right"


//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=oCMenu.level[0].width + 25
oCMenu.level[1].height=22
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right" 
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"


//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[2].width=150
oCMenu.level[2].height=20
oCMenu.level[2].offsetX=0
oCMenu.level[2].offsetY=0
oCMenu.level[2].regClass="clLevel2"
oCMenu.level[2].overClass="clLevel2over"
oCMenu.level[2].borderClass="clLevel2border"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
oCMenu.makeMenu('top0','', arrow + ' Pelayanan Pelanggan','')
	oCMenu.makeMenu('sub00','top0','Produk layanan &nbsp;<font color=red class="fb">[new]</font>', sn + '/_mod/info/?t=produk')
	oCMenu.makeMenu('sub01','top0','Tarif Dasar Listrik (TDL)', sn + '/_mod/tdl')
	oCMenu.makeMenu('sub02','top0','Tips Pelanggan', sn + '/_mod/info/?t=tips')
	oCMenu.makeMenu('sub03','top0','Prosedur layanan', sn + '/_mod/info/?t=info')
	oCMenu.makeMenu('sub04','top0','Layanan PLN Via SMS', sn + '/_mod/info/?t=sms')
	oCMenu.makeMenu('sub05','top0','Layanan PLN Via WAP', sn + '/_mod/info/?t=wap')
	oCMenu.makeMenu('sub06','top0','Penerangan Jalan Umum (PJU)', sn + '/_mod/info/?t=pju')
	oCMenu.makeMenu('sub07','top0','Pajak Penerangan Jalan (PPJ)', sn + '/_mod/info/?t=ppj')

oCMenu.makeMenu('top1','', arrow + ' Interaktif','')
	oCMenu.makeMenu('sub10','top1','Simulasi Penghitungan Rekening', sn + '/_mod/sim/?t=tarif')
	oCMenu.makeMenu('sub11','top1','Simulasi Pasang Baru', sn + '/_mod/sim/?t=pb')
	oCMenu.makeMenu('sub12','top1','Simulasi Perubahan Daya', sn + '/_mod/sim/?t=pd')
	oCMenu.makeMenu('sub13','top1','Simulasi Menyala 450', sn + '/_mod/sim/?t=nyalaR450')
	oCMenu.makeMenu('sub14','top1','Simulasi Menyala 900', sn + '/_mod/sim/?t=nyalaR900')
	oCMenu.makeMenu('sub15','top1','Simulasi Bersinar', sn + '/_mod/sim/?t=bersinar')
	oCMenu.makeMenu('sub16','top1','Keluhan Pelanggan', sn + '/_mod/ask')
	oCMenu.makeMenu('sub17','top1','Info Tagihan (Billing)', sn + '/_mod/billing')

oCMenu.makeMenu('top2','', arrow + ' Berita & Peristiwa','')
	oCMenu.makeMenu('sub20','top2','Foto & Peristiwa', sn + '/_mod/foto_peristiwa/index.html')
	oCMenu.makeMenu('sub21','top2','Warta PLN', sn + '/_mod/news/?t=PLN')
	oCMenu.makeMenu('sub22','top2','Warta Media', sn + '/_mod/news/?t=media')

oCMenu.makeMenu('top3','', arrow + ' Info Padam', sn + '/_mod/padam/?t=terencana')
	oCMenu.makeMenu('sub30','top3','Padam Kendala Teknik', sn + '/_mod/padam/?t=teknik')
	oCMenu.makeMenu('sub31','top3','Padam Terencana', sn + '/_mod/padam/?t=terencana')
	
oCMenu.makeMenu('top4','', arrow + ' Profil','')
	oCMenu.makeMenu('sub40','top4','Profil Jatim', sn + '/_mod/profil/?f=jatim')
	oCMenu.makeMenu('sub41','top4','Profil PLN Jatim', sn + '/_mod/profil/?f=pln')
	oCMenu.makeMenu('sub42','top4','Peran dan Tujuan', sn + '/_mod/profil/?f=peran')
	oCMenu.makeMenu('sub43','top4','Manajemen &nbsp;<font color=red class="fb">[new]</font>', sn + '/_mod/profil/?f=manajemen')
	oCMenu.makeMenu('sub44','top4','Pengembangan Manajemen', sn + '/_mod/profil/?f=pengembangan')
	oCMenu.makeMenu('sub45','top4','Visi Dan Misi', sn + '/_mod/profil/?f=visi')
	oCMenu.makeMenu('sub46','top4','Roda Organisasi', sn + '/_mod/profil/?f=roda')
	oCMenu.makeMenu('sub47','top4','Makna Logo PLN &nbsp;<font color=red class="fb">[new]</font>', sn + '/_mod/profil/?f=logo')
	oCMenu.makeMenu('sub48','top4','Sejarah singkat HLN &nbsp;<font color=red class="fb">[new]</font>', sn + '/_mod/profil/?f=hln')
	oCMenu.makeMenu('sub49','top4','Logo-logo HLN &nbsp;<font color=red class="fb">[new]</font>', sn + '/_mod/profil/?f=hlnlogo')

oCMenu.makeMenu('top5','', arrow + ' PLN Link','')
	oCMenu.makeMenu('sub50','top5','Callcenter 123 &nbsp;<font color=red class="fb">[!]</font>', hh + '/callcenter/index2.asp')
	oCMenu.makeMenu('sub51','top5','Automatic Meter Reading', hh + '/e7/_inc/link_amr.asp')
	oCMenu.makeMenu('sub52','top5','Beban Jawa-Bali', hh + '/e7/_inc/link_p3b.asp')

//Leave this line - it constructs the menu
oCMenu.construct()