openside("Maniu");
echo "<style type='text/css'>
/* The following is CSS to tweak */
html{
height:100%;
}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
height:100%;
font-size:0.9em;
line-height:130%;
text-align:left;
}
#mainContainer{
width:160px;
margin: 0 auto;
border-left:0px solid #000;
border-right:0px solid #000;
height:100%;
text-align:left;
}
#leftColumn{
width:160px;
float:left;
padding-left:0px;
}
#mainContent{
width:590px;
padding-left:0px;
padding-right:0px;
float:left;
}
#topBar{
height:100px;
}
/* End of CSS */
/****************************************************************************************
* LAYOUT CSS FOR THE MENU
****************************************************************************************/
#dhtmlgoodies_listMenu a{ /* Main menu items */
color:#000000;
font-weight:bold;
list-style-type:none;
padding-left: 12px;
}
#dhtmlgoodies_listMenu ul li a{ /* Sub menu */
color: #FF0000;
font-weight:normal;
font-style:none;
}
#dhtmlgoodies_listMenu ul li ul li a{ /* Sub Sub menu */
color: #FF0000;
font-style:none;
font-weight:normal;
}
#dhtmlgoodies_listMenu .activeMenuLink{ /* Styling of active menu item */
}
/*
No bullets
*/
#dhtmlgoodies_listMenu li{
list-style-type:none;
}
/*
No margin and padding
*/
#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
margin:0px;
padding:0px;
}
/* Margin of sub menu items */
#dhtmlgoodies_listMenu ul{
display:none;
margin-left:7px;
color: #FF0000;
font-style:none;
}
</style>
<script type='text/javascript'>
/************************************************************************************************************
(C) www.dhtmlgoodies.com, October 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
var activeMenuItem = new Array();
function isUlInArray(inputObj,ulObj){
while(inputObj && inputObj.id!='dhtmlgoodies_listMenu'){
if(inputObj==ulObj)return true;
inputObj = inputObj.parentNode;
}
return false;
}
function showHideSub(e,inputObj)
{
if(!inputObj)inputObj=this;
var parentObj = inputObj.parentNode;
var ul = parentObj.getElementsByTagName('UL')[0];
if(activeMenuItem.length>0){
for(var no=0;no<activeMenuItem.length;no++){
if(!isUlInArray(ul,activeMenuItem[0]) && !isUlInArray(activeMenuItem[0],ul)){
activeMenuItem[no].style.display='none';
activeMenuItem.splice(no,1);
no--;
}
}
}
if(ul.offsetHeight == 0){
ul.style.display='block';
activeMenuItem.push(ul);
}else{
ul.style.display='none';
}
}
function showHidePath(inputObj)
{
var startTag = inputObj;
showHideSub(false,inputObj);
inputObj = inputObj.parentNode;
while(inputObj){
inputObj = inputObj.parentNode;
if(inputObj.tagName=='LI')showHideSub(false,inputObj.getElementsByTagName('A')[0]);
if(inputObj.id=='dhtmlgoodies_listMenu')inputObj=false;
}
}
function initMenu()
{
var obj = document.getElementById('dhtmlgoodies_listMenu');
var linkCounter=0;
var aTags = obj.getElementsByTagName('A');
var activeMenuItem = false;
var activeMenuLink = false;
var thisLocationArray = location.href.split(/\//);
var fileNameThis = thisLocationArray[thisLocationArray.length-1];
if(fileNameThis.indexOf('?')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('?'));
if(fileNameThis.indexOf('#')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('#'));
for(var no=0;no<aTags.length;no++){
var parent = aTags[no].parentNode;
var subs = parent.getElementsByTagName('UL');
if(subs.length>0){
aTags[no].onclick = showHideSub;
linkCounter++;
aTags[no].id = 'aLink' + linkCounter;
}
if(aTags[no].href.indexOf(fileNameThis)>=0 && aTags[no].href.charAt(aTags[no].href.length-1)!='#'){
if(aTags[no].parentNode.parentNode && aTags[no].parentNode.parentNode.id!='dhtmlgoodies_listMenu'){
var parentObj = aTags[no].parentNode.parentNode.parentNode;
var a = parentObj.getElementsByTagName('A')[0];
if(a.id && !activeMenuLink){
activeMenuLink = aTags[no];
activeMenuItem = a.id;
}
}
}
}
if(activeMenuLink){
activeMenuLink.className='activeMenuLink';
}
if(activeMenuItem){
if(document.getElementById(activeMenuItem))showHidePath(document.getElementById(activeMenuItem));
}
}
window.onload = initMenu;
</script>
<div id='mainContainer'>
<div id='leftColumn'>
<ul id='dhtmlgoodies_listMenu'>
<center>MU-Online - Meniu</center>
<li><a href='#'>+ Meniu 1</a>
<ul>
<li><a href='/viewpage.php?page_id=13'>- Linkas1</a></li>
<li><a href='/viewpage.php?page_id=15'>- Linkas2</a></li>
<li><a href='/viewpage.php?page_id=16'>- Linkas3</a></li>
</ul>
</li>
<li><a href='#'>+ Meniu 2</a>
<ul>
<li><a href='/viewpage.php?page_id=13'>- Linkas4</a></li>
<li><a href='/viewpage.php?page_id=13'>- Linkas5</a></li>
<li><a href='/viewpage.php?page_id=13'>- Linkas6</a></li>
<li><a href='/viewpage.php?page_id=13'>- Linkas7</a></li>
<li><a href='/viewpage.php?page_id=13'>- Linkas8</a></li>
</ul>
</li>
</ul>
</div>
</div>
";
closeside();