Hello, I am building a web page with a menu made with a script called Easy Tabs made by Koller Juergen. When clicking on a tab, a menu pops up with options underneath to choose from. You can see my menu here:

http://www.trhtk.no/tabs/menu.html

In this example, only one tab/option will take you to another page - Tab 2 -> Option 2. This link will take you to menu2.html. I would like that page on Onload to look like the image below the menu with the submenu unfolded. I am not sure how to make this appearance. It could be something very simple to change in the code - I am not sure.

JavaScript:

//EASY TABS 1.2 - MENU SETTINGS
//Set the id names of your tablink (without a number at the end)
var tablink_idname = new Array("tablink")
//Set the id name of your tabcontentarea (without a number at the end)
var tabcontent_idname = new Array("tabcontent")
//Set the number of your tabs
var tabcount = new Array("6")
//Set the Tab wich should load at start (In this Example:Tab 2 visible on load)
var loadtabs = new Array("2")
//Set the Number of the Menu which should autochange (if you dont't want to have a change menu set it to 0)
var autochangemenu = 1;
//the speed in seconds when the tabs should change
var changespeed = 100000000000;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
var stoponhover = 0;
//END MENU SETTINGS

/*Swich EasyTabs Functions - no need to edit something here*/
function easytabs(menunr, active) {
if (menunr == autochangemenu){currenttab=active;}
if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()}
else if ((menunr == autochangemenu)&&(stoponhover==0)) {counter=0;}menunr = menunr-1;
for (i=1; i <= tabcount[menunr]; i++){
document.getElementById(tablink_idname[menunr]+i).className='tab'+i;
document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';
}
if (document.getElementById(tablink_idname[menunr]+active)) {
document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';
}
document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';
document.getElementById('menu').style.height="28px";
document.getElementById('menu').style.width="700px";
document.getElementById('header').style.height="197px";
}
var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];
function start_autochange(){counter=counter+1;timer=setTimeout("start_autochange()",1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}
function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}
function stop_autochange(){clearTimeout(timer);counter=0;}

function expandmenu() {
document.getElementById('menu').style.height="59px";
document.getElementById('header').style.height="197px";
}

function expandmenu2() {
document.getElementById('menu').style.height="28px";
document.getElementById('header').style.height="197px";
}

//window.onload=
function init(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]); a++; b++;}while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}


I really appreciate all the help I can get :-)