<!--- KAYNAK: http://www.gezginler.net ---><br /><script LANGUAGE="JavaScript">function CC_noErrors() {return true;}window.onerror = CC_noErrors;<br /></script><br /><script type="text/javascript"><br />/** Bismillaahirrohmaanirrohiim<br />* @package  doiMenu v.1.4 author   Donna Iwan Setiawan<br />* @email    pagi@donnaiwan.com homepage http://www.donnaiwan.com*/<br />var _params = new TParameter()<br />var _browser = new TBrowser()<br /><br />//browser constructor<br />function TBrowser()<br />{<br />  this._name =''<br />  this._version = ''<br />  this._os =''<br />}<br /><br /><br />//start:function browser checking<br />var detect = navigator.userAgent.toLowerCase();<br />var total,thestring;<br /><br />if (checkIt('konqueror'))<br />{<br /> _browser._name = "Konqueror";<br /> _browser._os = "Linux";<br />}<br />else if (checkIt('safari'))  _browser._name = "Safari"<br />else if (checkIt('omniweb')) _browser._name = "OmniWeb"<br />else if (checkIt('opera'))   _browser._name = "Opera"<br />else if (checkIt('webtv'))   _browser._name = "WebTV";<br />else if (checkIt('icab'))    _browser._name = "iCab"<br />else if (checkIt('m+++'))    _browser._name = "IE"<br />else if (!checkIt('compatible'))<br />{<br /> _browser._name = "Netscape"<br /> _browser._version = detect.charAt(8);<br />}<br />else _browser._name = "none";<br /><br />if (_browser._version == '') _browser._version = detect.charAt(place + thestring.length);<br /><br />if (_browser._os == '')<br />{<br /> if (checkIt('linux'))    _browser._os = "Linux";<br /> else if (checkIt('x11')) _browser._os = "Unix";<br /> else if (checkIt('mac')) _browser._os = "Mac"<br /> else if (checkIt('win')) _browser._os = "Windows"<br /> else _browser._os = "none";<br />}<br /><br />function checkIt(string)<br />{<br /> place = detect.indexOf(string) + 1;<br /> thestring = string;<br /> return place;<br />}<br />//end:function browser checking<br /><br /><br />//Main Menu Constructor<br />function TMainMenu(id,direction)<br />{<br /> this._id = id<br /> this._parent = '' //di set pada saat Add() method -->belum kepake<br /> this._width ='auto'<br /> this._direction = direction //direction = 'horizontal' atau 'vertical'<br /> this._position= 'absolute' <br /> this._top = 0<br /> this._left = 0<br /> this._cellSpacing =5<br /> this._itemHeight = 'auto' //dengan satuan bisa 'auto' atau ''<br /> this._itemWidth = 'auto' //dengan satuan bisa 'auto' atau ''<br /> this._textAlign = 'center'<br /> this._backColor = 'buttonface'<br /> this._outerBorder = new TBorder()<br /> this._innerBorder = new TBorder() //bug: harus diisi jangan none atau 0px<br /> this._noShadow = true<br /> this._itemIndex = -1<br /> this._items = new Array()<br /> this.Add = AddItem<br /> this.Draw = DrawMenu<br /> this.Init = InitMenu<br /> this.Build = BuildMenu<br />}<br />//Pop Menu Constructor<br />function TPopMenu(id,label,icon,clickType,clickParam,status)<br />{<br /> //status  belum kepake<br /> //rencana buat status di statusbar<br /> this._id = id<br /> this._parent = '' //di set pada saat Add() method -->belum kepake<br /> this._label = label<br /> this._top = 0<br /> this._left = 0<br /> this._status = status<br /> if(icon == "")<br />  this._icon = '<td class="TIcon"><img src="none.gif" /></td>'<br /> else if(icon == '9x')<br />  this._icon = ''  <br /> else<br />  this._icon = '<td class="TIcon"><img class="TIcon" src="'+icon+'" /></td>'<br /><br /> this._itemIndex = -1<br /> this._items = new Array()<br /> <br /> switch(clickType)<br /> {<br />  case 'function':<br />   this._eClick = ' onclick="'+clickParam+'"'<br />   break;<br />  default:<br />   this._eClick = ''<br /> }<br /> <br /> this.Add = AddItem<br /> this.Draw = DrawPopMenu<br />}<br />//Parameter buat Menu<br />function TParameter()<br />{<br /> this._width = 200 //lebar popup menu in px<br /> this._separator = new TSeparator()<br /> this._expandIcon = new TExpandIcon()<br /> <br /> this._font = new TFont()<br /> this._font._family = 'tahoma,verdana,sans-serif,arial'<br /> this._font._size = '8pt'<br /> <br /> //untuk pop menu<br /> this._hlItemBorderColor = 'navy'<br /> this._hlItemTextColor = 'white'<br /> this._hlItemBackColor = '#B6BDD2'<br /> this._itemBorderColor = 'none'<br /> this._itemTextColor = 'black'<br /> this._itemBackColor = 'transparent'<br /> <br /> //untuk main menu<br /> this._mmPosition = 'absolute' //dioverwrite dengan TMainMenu._position pada saat TMainMenu.Build()<br /> <br /> this._mmItemTextColor = 'black'<br /> this._mmItemBackColor = 'transparent'<br /> this._mmHLItemTextColor = 'white'<br /> this._mmHLItemBackColor = '#B6BDD2'<br /> <br /> this._mmItemBorder = new TBorder() //dioverwrite dengan TMainMenu._innerBorder pada saat TMainMenu.Build()<br /> this._mmHLItemBorder = new TBorder()<br /> this._mmHLItemBorder._top ='1px navy solid'<br /> this._mmHLItemBorder._right ='1px navy solid'<br /> this._mmHLItemBorder._bottom ='1px navy solid'<br /> this._mmHLItemBorder._left ='1px navy solid'<br /> <br /> this._mmItemTextColorClick = 'white'<br /> this._mmItemBackColorClick = '#B6BDD2'<br /> this._mmItemBorderClick = new TBorder()<br /> this._mmItemBorderClick._top ='1px navy solid'<br /> this._mmItemBorderClick._right ='1px navy solid'<br /> this._mmItemBorderClick._bottom ='1px navy solid'<br /> this._mmItemBorderClick._left ='1px navy solid'<br /> <br /> this._popBack = new TBackground()<br /> this._popBack._color = 'whitesmoke'<br /> this._popBack._image = 'url("xp.gif")'<br /> this._popBack._repeat = 'repeat-y'<br /> <br /> this._popBorder = new TBorder()<br /> this._popBorder._top = '1px black solid'<br /> this._popBorder._right = '1px black solid'<br /> this._popBorder._bottom = '1px black solid'<br /> this._popBorder._left = '1px black solid'<br /> <br /> this._createShadow = true<br /> this._shadowColor = '#E8E8E8'<br /> this._shadowDistance = 3 //in pixel<br /> <br /> this._timeOut = 2000 //in milliseconds<br />}<br />function TSeparator()<br />{<br /> this._align = 'center'  //available value: 'left','center','right'<br /> this._width = 200 //in pixel<br /> this._margin = "0px 0px 0px 0px"; //top right bottom left margin --> dioverwrite<br /> this._border = new TBorder()  //_left and _right --> tidak kepake<br /> this._border._top = '1px black solid'<br /> this._border._bottom = '1px white solid'<br />}<br />function TFont()<br />{<br /> this._family = 'arial,times,sans-serif'<br /> this._size = '8pt'<br />}<br />function TBackground()<br />{<br /> this._image = 'url/link.gif'<br /> this._repeat = 'no-repeat'<br /> this._color = 'transparent'<br /> this._position = 'top left'<br />}<br />function TExpandIcon()<br />{<br /> this._symbol = '>'<br /> this._font = new TFont()<br /> this._font._size = '6pt'<br />}<br />//Border Constructor<br />function TBorder()<br />{<br /> this._top='1px gray solid'<br /> this._right ='1px gray solid'<br /> this._bottom ='1px gray solid'<br /> this._left='1px gray solid'<br /> <br />}<br />//public<br />function BuildMenu()<br />{<br /> var result =""<br /> var level = -1<br /> <br /> _params._mmPosition = this._position<br /> _params._mmItemBorder._top = this._innerBorder._top<br /> _params._mmItemBorder._right = this._innerBorder._right<br /> _params._mmItemBorder._bottom = this._innerBorder._bottom<br /> _params._mmItemBorder._left = this._innerBorder._left<br /><br /> result += BuildStyle()<br /> result += this.Draw(level++)<br /> level++<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br />  result +=this._items[i].Draw(level)<br />  result += BuildPopUpMenu(this._items[i],level)<br /> }<br /> return result<br />}<br /><br />//public<br />function InitMenu()<br />{<br /> var el_menu = document.getElementById(this._id)<br /> //el_menu.style.position = this._position<br /> if(this._position == 'absolute')<br /> {<br />  el_menu.style.top = this._top<br />  el_menu.style.left = this._left<br /> }else<br /> {<br />  this._top = el_menu.offsetTop<br />  this._left = el_menu.offsetLeft<br /> } <br /> el_menu.style.borderTop = this._outerBorder._top<br /> el_menu.style.borderRight = this._outerBorder._right<br /> el_menu.style.borderBottom = this._outerBorder._bottom<br /> el_menu.style.borderLeft = this._outerBorder._left<br /> el_menu.style.backgroundColor = this._backColor<br /> for(var i=0;i<=this._itemIndex;i++)<br /> {<br />  var el_menuitem = document.getElementById('pr_'+this._items[i]._id)<br /> <br />  if(this._itemHeight.toLowerCase() != 'auto' || this._itemHeight != '')<br />   el_menuitem.style.height = this._itemHeight<br />  if(this._itemWidth.toLowerCase() != 'auto' || this._itemWidth != '')<br />   el_menuitem.style.width = this._itemWidth<br /> <br />  el_menuitem.style.borderTop = this._innerBorder._top<br />  el_menuitem.style.borderRight = this._innerBorder._right<br />  el_menuitem.style.borderBottom = this._innerBorder._bottom<br />  el_menuitem.style.borderLeft = this._innerBorder._left<br />  el_menuitem.style.textAlign = this._textAlign<br /> <br />  el_menuitem.style.backgroundColor = _params._mmItemBackColor<br />  el_menuitem.style.color = _params._mmItemTextColor<br /><br />  if(this._items[i]._itemIndex > -1)<br />  {    <br />   var el_pop = document.getElementById(this._items[i]._id)<br />   if(this._direction == 'horizontal')<br />   {<br />    this._items[i]._top = el_menuitem.offsetTop + el_menuitem.offsetHeight+this._top + 1<br />    this._items[i]._left = el_menuitem.offsetLeft + this._left<br />   }<br />   else<br />   {<br />    this._items[i]._top = el_menuitem.offsetTop +this._top<br />    this._items[i]._left = el_menuitem.offsetLeft + el_menuitem.offsetWidth+this._left+ 4<br />   }<br /> <br />   el_pop.style.top = this._items[i]._top + 'px'<br />   el_pop.style.left = this._items[i]._left + 'px'<br />   el_pop.style.width = _params._width + 'px'<br />   el_pop.style.zIndex = 1<br /> <br />   //shadow<br />   if(_params._createShadow)<br />   {<br />    var sh_el_pop = document.getElementById('sh_'+this._items[i]._id)<br />    sh_el_pop.style.top= this._items[i]._top + _params._shadowDistance + 'px'<br />    sh_el_pop.style.left= this._items[i]._left + _params._shadowDistance + 'px'<br />    sh_el_pop.style.width= el_pop.offsetWidth <br />    sh_el_pop.style.height= el_pop.offsetHeight<br />    sh_el_pop.style.backgroundColor = _params._shadowColor<br />   } <br />   InitPopMenu(this._items[i],1)  <br />  }<br /> } <br /> //main menu shadow<br /> if(!this._noShadow)<br /> {<br />  var sh_el = document.getElementById('sh_'+this._id)<br /><br />    sh_el.style.top = this._top + _params._shadowDistance +'px'<br />    sh_el.style.left= this._left + _params._shadowDistance +'px'<br /><br />  sh_el.style.width = el_menu.offsetWidth<br />  sh_el.style.height = el_menu.offsetHeight<br />  sh_el.style.backgroundColor = _params._shadowColor<br /> }<br />}<br />//private<br />function DrawMenu(level)<br />{<br /> var result = ""<br /> //main menu shadow<br /> if(!this._noShadow)<br /> {<br />  result +='<div style="position:absolute;" id="sh_'+this._id+'"></div>'<br /> }<br /> <br /> result +='<table class="TMenu" id="'+this._id+'"'<br /> if(this._width != 'auto' || this._width != '')<br />   result +=' width="'+this._width+'"' <br /> result +=' cellspacing="'+this._cellSpacing+'">'<br /> <br /> if(this._direction == 'horizontal')<br />  result +='<tr>'<br /> if(this._itemIndex > -1)<br /> {<br />  for(var i=0;i<=this._itemIndex;i++)<br />  {<br />   var result1 = ''<br />   result1 += '<td nowrap class="TMenuItem" id="pr_'+this._items[i]._id+'"'<br />   if(this._items[i]._itemIndex > -1)<br />   {<br />    result1 += ' onmouseover="onMainMOver(event,this,\''+this._items[i]._id+'\','+level+')"'<br />    result1 += 'onclick="onMainClick(event,this,\''+this._items[i]._id+'\')"'<br />    result1 += ' onmouseout="onMainMOut(event,this,\''+this._items[i]._id+'\')"'<br />   }<br />   else<br />   {<br />    result1 += ' onmouseover="onMainMOver(event,this,\'\')"'<br />    result1 += ' onmouseout="onMainMOut(event,this,\'\')"'<br />   }<br />   result1 += '>'+this._items[i]._label+'</td>'<br /> <br />   if(this._direction == 'horizontal')<br />    result += result1<br />   else<br />    result += '<tr>'+result1+'</tr>'<br />  }<br /> }<br /> else<br /> {<br />  var result1 = ''<br />  result1 +='<td> </td>'<br />  if(this._direction == 'horizontal')<br />   result += result1<br />  else<br />   result +='<tr>'+result1+'</tr>'<br /> }<br /> if(this._direction == 'horizontal')<br />  result += '</tr>'<br /> result +='</table>'<br /> return result<br />}<br />//private<br />function DrawPopMenu(level)<br />{<br /> var result =""<br /> if(this._itemIndex > -1)<br /> {<br />  //shadow<br />  if(_params._createShadow)<br />  { <br />   result += '<div style="position:absolute;visibility:hidden;" id="sh_'+this._id+'"></div>'<br />  }<br /> <br />  result += '<div class="TPopUp" id="'+this._id+'">'<br />  for(var i=0;i<=this._itemIndex;i++)<br />  {<br />   if(this._items[i]._label != '-')<br />   {<br />    //jika child punya child lagi<br />    if(this._items[i]._itemIndex > -1)<br />    {<br />      result += '<div class="TPopUpItem" id="di_'+this._items[i]._id+'">'<br />     result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'<br />     result += ' onmouseover="onPopItemMOver(event,this,\''+this._items[i]._id+'\','+level+')"'<br />     result += ' onmouseout="onPopItemMOut(event,this,\''+this._items[i]._id+'\')"'<br />     result +=' id="pr_'+this._items[i]._id+'"><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td><td class="TExpand">'+_params._expandIcon._symbol+'</td>'<br />    }<br />    else<br />    {<br />      result += '<div class="TPopUpItem">'<br />     result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'<br />     result += ' onmouseover="onPopItemMOver(event,this,\'\','+level+')"'<br />     result += ' onmouseout="onPopItemMOut(event,this,\'\')"'<br />     result += this._items[i]._eClick<br />     result +='><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td>'<br />    }<br />    result += '</tr></table>'<br />    result += '</div>'<br />   }<br />   else<br />   {   <br />    //ie butuh margin-right:-2px<br />    if(_browser._name == 'IE')<br />      result +='<div style="margin-right:-2px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'<br />    else<br />      result +='<div style="margin-right:0px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'    <br />   }<br />  }<br />  result +='</div>'<br /> }<br /> return result<br />}<br />//global<br />function AddItem(popMenu)<br />{<br />  this._itemIndex++<br />  this._items[this._itemIndex] = popMenu<br />  this._items[this._itemIndex]._parent = popMenu._id<br />}<br />//global<br />function InitPopMenu(popMenu,zIndex)<br />{<br /> if(popMenu._itemIndex > -1)<br /> {<br />  for(var i=0;i<=popMenu._itemIndex;i++)<br />  {<br />   if(popMenu._items[i]._itemIndex > -1)<br />   {<br />    var pr_el = document.getElementById('pr_'+popMenu._items[i]._id)<br />    var el = document.getElementById(popMenu._items[i]._id)<br />    popMenu._items[i]._top = popMenu._top + pr_el.offsetTop<br />    popMenu._items[i]._left = popMenu._left + _params._width - 3<br />    el.style.top = popMenu._items[i]._top +'px'<br />    el.style.left = popMenu._items[i]._left + 'px'<br />    el.style.width =_params._width<br />    zIndex++<br />    el.style.zIndex = zIndex<br /> <br />    //shadow<br />    if(_params._createShadow)<br />    {<br />     var sh_el = document.getElementById('sh_'+popMenu._items[i]._id)<br />     sh_el.style.top= popMenu._items[i]._top + _params._shadowDistance + 'px'<br />     sh_el.style.left= popMenu._items[i]._left + _params._shadowDistance + 'px'<br />     sh_el.style.width= el.offsetWidth <br />     sh_el.style.height= el.offsetHeight<br />     sh_el.style.backgroundColor = _params._shadowColor<br />    } <br />    InitPopMenu(popMenu._items[i],zIndex)<br />   }<br />  }<br /> }<br />}<br />//global<br />function BuildPopUpMenu(popMenu,level)<br />{<br /> var result = ""<br /> level++<br /> for(var i=0;i<=popMenu._itemIndex;i++)<br /> {<br />  result += popMenu._items[i].Draw(level)<br />  result += BuildPopUpMenu(popMenu._items[i],level)<br /> }<br /> return result<br />}<br />//global<br />function BuildStyle()<br />{<br /> var result = ''<br /> result +='<style type="text/css">' <br /> <br /> result +='table.TMenu{cursor:default'<br /> result +=';position:'+_params._mmPosition<br /> result +=';font-family:'+ _params._font._family<br /> result +=';font-size:'+ _params._font._size<br /> result +=';}' <br /> <br /> result +='td.TMenuItem{padding:1px 5px 1px 5px'<br /> result +=';}'<br /> result +='div.TPopUp{position:absolute;padding: 1px 1px 1px 1px;visibility:hidden'<br /> result +=';border-top:'+ _params._popBorder._top<br /> result +=';border-right:'+_params._popBorder._right<br /> result +=';border-bottom:'+_params._popBorder._bottom<br /> result +=';border-left:'+_params._popBorder._left<br /> result +=';background-color:'+ _params._popBack._color<br /> result +=';background-image:'+ _params._popBack._image<br /> result +=';background-position:' + _params._popBack._position<br /> result +=';background-repeat:'+ _params._popBack._repeat<br /> result +=';display:block'<br /> result +=';}'<br /> <br /> result +='table.TPopUpItem{width:100%;cursor:default;'<br /> result +='font-family:'+_params._font._family+';font-size:'+_params._font._size+';}'<br /><br /> result +='div.TPopUpItem{cursor:default;background-color:'+ _params._itemBackColor+';'<br /> if(_params._itemBorderColor.toLowerCase() == 'none' || _params._itemBorderColor == '')<br /> {<br />  result +='padding:1px 1px 1px 1px;'<br />  result +='border:0px red solid;'<br /> }<br /> else<br /> {<br />  result +='padding:0px 0px 0px 0px;'<br />  result +='border:1px '+_params._itemBorderColor+' solid;'<br /> }<br /> result +='}'  <br /> result +='div.TPopUpItem1{cursor:default;background-color :'+_params._hlItemBackColor+';'<br /> if(_params._hlItemBorderColor.toLowerCase() == 'none' || _params._hlItemBorderColor == '')<br /> {<br />  result +='padding:1px 1px 1px 1px;'<br />  result +='border:0px none solid;'<br /> }<br /> else<br /> {<br />  result +='padding:0px 0px 0px 0px;'<br />  result +='border:1px '+_params._hlItemBorderColor+' solid;'<br /> }  <br /> result +='}'<br /> //separator<br /> _params._separator._width=((_params._width - _params._separator._width) < 0)?_params._width:_params._separator._width<br /> <br /> var _div = Math.floor((_params._width - _params._separator._width)/2)<br /> switch(_params._separator._align)<br /> {<br />   case 'left':<br />     _params._separator._margin = '0px '+(_div*2)+'px 0px 0px'<br />     break<br />   case 'right':<br />     _params._separator._margin = '0px 0px 0px '+(_div*2)+'px'<br />     break<br />   default:<br />     _params._separator._margin = '0px '+_div+'px 0px '+_div+'px'<br /> }<br /> result +='div.TSeparator{'<br /> result +='margin:'+_params._separator._margin<br /> result +=';border-top:'+_params._separator._border._top<br /> result +=';border-bottom:'+_params._separator._border._bottom<br /> result +=';}'<br /> <br /> result +='td.TExpand{text-align:right;font-family:'+_params._expandIcon._font._family<br /> result +=';font-size:'+_params._expandIcon._font._size+';}'<br /><br /> result +='td.TIcon{width:24px;text-align:left;}'<br /> result +='img.TIcon{width:16px;vertical-align:middle;}'<br /> result +='</style>' <br /> return result<br />}<br />/*<br />  fungsi2 di bawah merupakan fungsi untuk memanipulasi menu<br />  mulai dari mouse over,mouse out,mouse click<br />*/<br /><br />var RegisterPopUpMenuID = new Array() //array menyimpan id popup menu yang muncul<br />var RegisterPopUpMenuIndex = -1 //index terakhir dari id popup menu yang te-register di atas<br />/*<br /> menyimpan state item yang membuka pop up menu<br />*/<br />var RegisterTriggerPopID = new Array()<br />var RegisterTriggerPopIndex = -1<br /><br />/*<br /> untuk menyimpan state click pada main menu<br />  false berarti harus diclick dulu baru muncul pop up<br />  true berarti hanya dgn mouse over, muncul pop up<br />*/<br />var MainMenuClick = false<br /><br />//start: basic functions<br />function findTriggerPopID(elmID)<br />{<br /> var result = -1<br /> for(var i=0;i<=RegisterTriggerPopIndex;i++)<br /> {<br />  if(RegisterTriggerPopID[i] == elmID)<br />  {<br />   result = i<br />   break<br />  }<br /> }<br /> return result<br />}<br />/*<br /> mengubah style dari anchor<br /> pada saat anchor mouse over memunculkan pop up menu<br /> syle diganti agar tetap seperti kondisi hover<br />*/<br />function saveTriggerPopID(elmID)<br />{<br /> RegisterTriggerPopIndex++<br /> RegisterTriggerPopID[RegisterTriggerPopIndex] = elmID<br /> var el = document.getElementById(elmID)<br /> if(el.className == "TMenuItem")<br /> {<br />  el.style.backgroundColor=_params._mmItemBackColorClick<br />  el.style.color = _params._mmItemTextColorClick<br /> <br />  el.style.borderTop= _params._mmItemBorderClick._top<br />  el.style.borderRight= _params._mmItemBorderClick._right<br />  el.style.borderBottom= _params._mmItemBorderClick._bottom<br />  el.style.borderLeft= _params._mmItemBorderClick._left  <br /> <br /> }<br /> else<br /> {<br />  el.className = "TPopUpItem1"<br /> }<br />}<br />/*<br /> mengembalikan style ke style awal<br />*/<br />function removeTriggerPopID(elmID)<br />{<br /> var index = findTriggerPopID(elmID)<br /> if(index > -1)<br /> {<br />  for(var i=RegisterTriggerPopIndex;i>=index;i--)<br />  {<br />   var ID = RegisterTriggerPopID[i]   <br />   var el = document.getElementById(ID)<br />   if(el.className == "TMenuItem")<br />   {<br />    el.style.backgroundColor=_params._mmItemBackColor<br />    el.style.color = _params._mmItemTextColor<br />    el.style.borderTop= _params._mmItemBorder._top<br />    el.style.borderRight= _params._mmItemBorder._right<br />    el.style.borderBottom= _params._mmItemBorder._bottom<br />    el.style.borderLeft= _params._mmItemBorder._left<br />   }<br />   else<br />   {<br />     var IDLen = ID.length<br />     var tableID = 'pr_'+ ID.substr(3,IDLen)<br />     var elTable = document.getElementById(tableID)     <br />    el.className = "TPopUpItem"<br />    elTable.style.color =_params._itemTextColor<br />   }<br />   RegisterTriggerPopID[i] = null<br />  }<br />  RegisterTriggerPopIndex = index - 1<br /> }<br />}<br />function removeTriggerPopIDByIndex(index)<br />{<br /> if(RegisterTriggerPopIndex > -1 && index > -1)<br /> {<br />  for(var i=RegisterTriggerPopIndex;i>=index;i--)<br />  {<br />   var ID = RegisterTriggerPopID[i]  <br />   var el = document.getElementById(ID)<br />   if(el.className == "TMenuItem")<br />   {<br />    el.style.backgroundColor=_params._mmItemBackColor<br />    el.style.color = _params._mmItemTextColor<br />    el.style.borderTop= _params._mmItemBorder._top<br />    el.style.borderRight= _params._mmItemBorder._right<br />    el.style.borderBottom= _params._mmItemBorder._bottom<br />    el.style.borderLeft= _params._mmItemBorder._left<br />   }<br />   else<br />   {<br />     var IDLen = ID.length<br />     var tableID = 'pr_'+ ID.substr(3,IDLen)<br />     var elTable = document.getElementById(tableID)      <br />    el.className = "TPopUpItem"<br />    elTable.style.color =_params._itemTextColor<br />   }<br />   RegisterTriggerPopID[i] = null<br />  }<br />  RegisterTriggerPopIndex = index - 1<br /> }<br />}<br />function removeAllTriggerPopID()<br />{<br /> if(RegisterTriggerPopIndex > -1)<br /> {<br />  for(var i=RegisterTriggerPopIndex;i>=0;i--)<br />  {<br />   var ID = RegisterTriggerPopID[i]<br />   var el = document.getElementById(ID)<br />   if(el.className == "TMenuItem")<br />   {<br />     if(MainMenuClick)<br />     {<br />      el.style.backgroundColor=_params._mmItemBackColor<br />      el.style.color = _params._mmItemTextColor<br />      el.style.borderTop= _params._mmItemBorder._top<br />      el.style.borderRight= _params._mmItemBorder._right<br />      el.style.borderBottom= _params._mmItemBorder._bottom<br />      el.style.borderLeft= _params._mmItemBorder._left<br />    }<br />   }<br />   else<br />   {<br />     var IDLen = ID.length<br />     var tableID = 'pr_'+ ID.substr(3,IDLen)<br />     var elTable = document.getElementById(tableID)<br /><br />    el.className = "TPopUpItem"<br />    elTable.style.color =_params._itemTextColor<br />   }   <br />   RegisterTriggerPopID[i] = null<br />  }<br />  RegisterTriggerPopIndex = - 1<br /> } <br />}<br />function findRegisteredPopUpMenuID(elmID)<br />{<br /> var result=-1<br /> for(var i=0;i<=RegisterPopUpMenuIndex;i++)<br /> {<br />  if(RegisterPopUpMenuID[i] == elmID)<br />  {<br />   result = i<br />   break<br />  }<br /> }<br /> return result<br />}<br />function showPopUpMenu(elmID)<br />{<br /> //Register PopUpMenu<br /> RegisterPopUpMenuIndex++<br /> RegisterPopUpMenuID[RegisterPopUpMenuIndex] = elmID<br /> document.getElementById(elmID).style.visibility="visible"<br /> if(_params._createShadow)<br />  document.getElementById('sh_'+elmID).style.visibility="visible"<br />}<br />function hidePopUpMenu(elmID)<br />{<br /> var index = findRegisteredPopUpMenuID(elmID)<br /> if(index >-1)<br /> {<br />  for(var i=RegisterPopUpMenuIndex;i>=index;i--)<br />  {<br />   var ID = RegisterPopUpMenuID[i]<br />   document.getElementById(ID).style.visibility="hidden"<br />   if(_params._createShadow)<br />    document.getElementById('sh_'+ID).style.visibility="hidden"<br />  }<br />  RegisterPopUpMenuIndex = index - 1<br /> }<br />}<br />function hidePopUpMenuByIndex(index)<br />{<br /> if(RegisterPopUpMenuIndex >= index)<br /> {<br />  for(var i=RegisterPopUpMenuIndex;i>=index;i--)<br />  {<br />   var ID = RegisterPopUpMenuID[i]<br />   document.getElementById(ID).style.visibility="hidden"<br />   if(_params._createShadow)<br />    document.getElementById('sh_'+ID).style.visibility="hidden"<br />  }<br />  RegisterPopUpMenuIndex = index-1<br /> }<br />}<br />function hideAllPopUpMenu()<br />{<br /> var index = RegisterPopUpMenuIndex<br /> if(index > -1)<br /> {<br />  for(i=index;i>=0;i--)<br />  {<br />   var ID = RegisterPopUpMenuID[i]<br />   document.getElementById(ID).style.visibility="hidden"  <br />   if(_params._createShadow)<br />    document.getElementById('sh_'+ID).style.visibility="hidden"<br />  }<br /> }<br /> RegisterPopUpMenuIndex = -1<br />}<br />//end: basic functions<br /><br />//start: fungsi manipulasi main menu<br />var triggerMenu<br />function triggerHideAll()<br />{<br />  triggerMenu = window.setTimeout('hideAll()',_params._timeOut)<br />}<br />function clearTriggerHideAll()<br />{<br />  window.clearTimeout(triggerMenu)<br />}<br />function hideAll()<br />{<br /> hideAllPopUpMenu() <br /> removeAllTriggerPopID()<br /> MainMenuClick = false<br />}<br /><br /><br />function onMainClick(event,elm,popID)<br />{<br /> if(!MainMenuClick)<br /> { <br />  MainMenuClick = true<br />  if(popID !='')<br />  {<br />    showPopUpMenu(popID) <br />    saveTriggerPopID(elm.id)<br />  }<br /> } <br /> else<br /> {<br />   MainMenuClick = false //di false in sebelum removeAllTriggerPopID()<br />  hideAllPopUpMenu()<br />  removeAllTriggerPopID()<br /> <br />  elm.style.backgroundColor= _params._mmHLItemBackColor<br />  elm.style.color = _params._mmHLItemTextColor<br /> <br />  elm.style.borderTop= _params._mmHLItemBorder._top<br />  elm.style.borderRight= _params._mmHLItemBorder._right<br />  elm.style.borderBottom= _params._mmHLItemBorder._bottom<br />  elm.style.borderLeft= _params._mmHLItemBorder._left  <br /> }<br /> if(_browser._name == 'IE')<br />   window.event.cancelBubble = true<br />  if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onMainMOver(event,elm,popID,level)<br />{<br />  clearTriggerHideAll()<br /> if(RegisterTriggerPopID[0] != elm.id)<br /> {<br />  if(RegisterTriggerPopID[0] !=null)<br />  {<br />   removeAllTriggerPopID()<br />  }<br />  if(MainMenuClick)<br />  {<br />   hideAllPopUpMenu() <br />   removeAllTriggerPopID()<br />   if(popID !='')<br />   {<br />    showPopUpMenu(popID)<br />    saveTriggerPopID(elm.id)<br />   }<br />    elm.style.backgroundColor=_params._mmItemBackColorClick<br />    elm.style.color = _params._mmItemTextColorClick<br /><br />    elm.style.borderTop= _params._mmItemBorderClick._top<br />    elm.style.borderRight= _params._mmItemBorderClick._right<br />    elm.style.borderBottom= _params._mmItemBorderClick._bottom<br />    elm.style.borderLeft= _params._mmItemBorderClick._left   <br />  }<br />   else<br />   {<br />    elm.style.backgroundColor= _params._mmHLItemBackColor<br />    elm.style.color = _params._mmHLItemTextColor<br /> <br />    elm.style.borderTop= _params._mmHLItemBorder._top<br />    elm.style.borderRight= _params._mmHLItemBorder._right<br />    elm.style.borderBottom= _params._mmHLItemBorder._bottom<br />    elm.style.borderLeft= _params._mmHLItemBorder._left   <br />  }<br /> }<br /> if(_browser._name == 'IE')<br />   window.event.cancelBubble = true<br />  if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onMainMOut(event,elm,popID)<br />{<br /> if(!MainMenuClick || popID == '')<br /> {<br />  elm.style.backgroundColor= _params._mmItemBackColor<br />  elm.style.color = _params._mmItemTextColor<br /> <br />  elm.style.borderTop= _params._mmItemBorder._top<br />  elm.style.borderRight= _params._mmItemBorder._right<br />  elm.style.borderBottom= _params._mmItemBorder._bottom<br />  elm.style.borderLeft= _params._mmItemBorder._left  <br /> }<br /> triggerHideAll()<br /> if(_browser._name == 'IE')<br />   window.event.cancelBubble = true<br />  if (event.stopPropagation) event.stopPropagation();  <br />}<br />//end: fungsi manipulasi main menu<br /><br />//start: fungsi manipulasi popup menu<br />function onPopItemMOver(event,elm,popID,level)<br />{<br />  clearTriggerHideAll()<br /> var index = -1<br /> index = findRegisteredPopUpMenuID(popID)<br /> elm.parentNode.className ='TPopUpItem1'<br />  elm.style.color=_params._hlItemTextColor<br /> if(index == -1)<br /> {<br />  hidePopUpMenuByIndex(level)<br />  removeTriggerPopIDByIndex(level)<br /> }<br />  if(popID !='')<br />  {<br />   if(index == -1)<br />   {<br />    showPopUpMenu(popID)<br />    saveTriggerPopID('di_'+popID)<br />   }<br />  } <br /> if(_browser._name == 'IE')<br />   window.event.cancelBubble = true<br />  if (event.stopPropagation) event.stopPropagation(); <br />}<br />function onPopItemMOut(event,elm,popID)<br />{  <br /> if(popID == '')<br /> {<br />   elm.parentNode.className ='TPopUpItem'<br />   elm.style.color=_params._itemTextColor<br /> }<br /> triggerHideAll()<br /> if(_browser._name == 'IE')<br />   window.event.cancelBubble = true<br />  if (event.stopPropagation) event.stopPropagation(); <br />}<br />//end: fungsi manipulasi popup menu<br /></script><br /><script type="text/javascript"><br />function go2URL(address)<br />{<br />  var elFrame = document.getElementById('doiFrame')<br />  elFrame.src = address<br />}<br />function newWindow(address)<br />{<br /> var maxW = screen.width<br /> var maxH = screen.height<br /> var w = 800<br /> var h = 600<br /> var _top = Math.floor((maxH - h) / 2)<br /> var _left = Math.floor((maxW - w) / 2)<br /> <br /> var win = window.open(address,'doiW',"toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,copyhistory=yes,width="+w+",height="+h)<br /> win.moveTo(_left,_top)<br /> win.focus()<br />}<br /><br /></script><br /></head><br /><body bgcolor="#ebe2d3" onload="mmenu.Init()"><br /><script type="text/javascript"><br />var mmenu = new TMainMenu('mmID','horizontal')<br /><br />var pmFile = new TPopMenu('pmFileID','İÇERİK 1','','','','')<br />var pmcizgi3 = new TPopMenu('','-','','','','')<br /> var pmNew = new TPopMenu('pmNewID','Başlık 1','dosya.gif','','','')<br /> var pmHome = new TPopMenu('pmHomeID','Link 1','home.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br />  var pmWindow = new TPopMenu('','Başlık 1','acik.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br />  var pmcizgi1 = new TPopMenu('','-','','','','')<br />  var pmMsg = new TPopMenu('','Link 1','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br />  var pmPost = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br />  var pmContact = new TPopMenu('','Link 3','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br />  var pmInt = new TPopMenu('','Link 4','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmcizgi2 = new TPopMenu('','-','','','','')<br /> var pmLink2 = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmcizgi3 = new TPopMenu('','-','','','','')<br /> var pmLink3= new TPopMenu('','Link 3','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> <br />var pm1 = new TPopMenu('pm1ID','İÇERİK 5','','','','')<br />var pm2 = new TPopMenu('pm2ID','İÇERİK 3','','','','')<br />var pm3 = new TPopMenu('pm3ID','İÇERİK 4','','','','')<br />var pmenu = new TPopMenu('pmenuID','İÇERİK 2','','','','')<br /> var pmenu1 = new TPopMenu('','Link 1','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmenucizgi = new TPopMenu('','-','','','','')<br /> var pmenu2 = new TPopMenu('','Link 2','ok.gif','function',"newWindow('http://www.gezginler.net')",'','','','')<br /> var pmenu_ = new TPopMenu('','-','','')<br /> var pmenu3 = new TPopMenu('pmenu3ID','Başlık 1','dosya.gif','','','')<br /> var pmenu<br />