
                // Dynamic Iframe loader
                function loadIframe(theURL) {
                	document.getElementById("mainContent").src=theURL;
                }     

                // resizes Iframe according to content
                function resizeMe(obj){

                    if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent))
                    {
                        docHeight = mainContent.document.body.offsetHeight + 40
                    }
                    else
                    {
                        docHeight = mainContent.document.body.scrollHeight + 10
                    }


                    var iframeEl = obj;
                    if (iframeEl) {
                       iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
                       // need to add to height to be sure it will all show
                       var h = alertSize();
                       var new_h = (h-175);
                       
                       // Check if new_h > document height else use document height
                       if(new_h > docHeight)
                       {
                           iframeEl.style.height = docHeight + "px";
                       }
                       else
                       {
                           iframeEl.style.height = new_h + "px";
                       }
                    }
                }

                function alertSize() {
                    var myHeight = 0;
                    if( typeof( window.innerWidth ) == 'number' ) {
                    //Non-IE
                    myHeight = window.innerHeight;
                    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
                    //IE 6+ in 'standards compliant mode'
                    myHeight = document.documentElement.clientHeight;
                    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
                    //IE 4 compatible
                    myHeight = document.body.clientHeight;
                    }
                    //window.alert( 'Height = ' + myHeight );
                    return myHeight;
                }



                // Definitie van alle menu variabelen
                var _homeItem = '<span onClick="(location.href=\'index.html\')" style="cursor: pointer;">Home</span>';
                var _homeItemLink = '<a href="" OnMouseOver="showSubMenu(1)">Home</a>';
                var _homeItemSubMenu = '&nbsp;';

                var _overSTWItem = '<span>Over STW</span>';
                var _overSTWItemLink = '<a href="" OnMouseOver="showSubMenu(2)">Over STW</a>';
                var _overSTWItemSubMenu = '<li><a href="_overstw.html?overstw.html">Informatie</a></li><li><a href="_overstw.html?bestuur.html">Bestuur</a></li><li><a href="_overstw.html?commissies.html">Commissies, trainers en contactpersonen</a></li>';

                var _trainingenItem = '<span>Trainingen</span>';
                var _trainingenItemLink = '<a href="" OnMouseOver="showSubMenu(3)">Trainingen</a>';
                var _trainingenItemSubMenu = '<li><a href="_trainingen.html?trainingenalgemeen.html">Algemeen</a></li><li><a href="_trainingen.html?trainingenwinter.html">Winter</a></li><li><a href="_trainingen.html?trainingenzomer.html">Zomer</a></li>';

                var _wedstrijdenItem = '<span>Wedstrijden</span>';
                var _wedstrijdenItemLink = '<a href="" OnMouseOver="showSubMenu(4)">Wedstrijden</a>';
                var _wedstrijdenItemSubMenu = '<li><a href="_wedstrijden.html?wedstrijdenalgemeen.html">Algemeen</a></li><li><a href="_wedstrijden.html?wedstrijdenutrecht.html">Utrecht</a></li><li><a href="_wedstrijden.html?wedstrijdennijmegen.html">Nijmegen</a></li><li><a href="_wedstrijden.html?jureren.html">Jureren</a></li><li><a href="_wedstrijden.html?uitslagen/uitslagenactueel.html">Uitslagen actueel</a></li><li><a href="_wedstrijden.html?uitslagen/uitslagenarchief.html">Uitslagen archief</a></li>';

                var _studentenItem = '<span>Studenten</span>';
                var _studentenItemLink = '<a href="" OnMouseOver="showSubMenu(5)">Studenten</a>';
                var _studentenItemSubMenu = '<li><a href="_studenten.html?vereniging.html">Vereniging</a></li><li><a href="_studenten.html?trainingen-winter.html">Trainingen</a></li><li><a href="_studenten.html?wedstrijden.html">Wedstrijden</a></li><li><a href="_studenten.html?agenda.html">Agenda</a></li><li><a href="_studenten.html?bestuur.html">Bestuur</a></li><li><a href="_studenten.html?fotos.html">Fotoalbum</a></li>';

                var _krabbelItem = '<span onClick="(location.href=\'_krabbelhoek.html?krabbelhoek.html\')" style="cursor: hand;">Krabbelhoek</span>';
                var _krabbelItemLink = '<a href="" OnMouseOver="showSubMenu(6)">Krabbelhoek</a>';
                var _krabbelItemSubMenu = '&nbsp;';

                var _toernooienItem = '<span>Toernooien</span>';
                var _toernooienItemLink = '<a href="" OnMouseOver="showSubMenu(7)">Toernooien</a>';
                var _toernooienItemSubMenu = '<li><a href="_toernooien.html?toernooienalgemeen.html">Algemeen</a></li><li><a href="_toernooien.html?kleine4kamp/toernooienklvierkamp.html">Kleine Vierkamp</a></li><li><a href="_toernooien.html?grote4kamp/toernooiengrvierkamp.html">Grote Vierkamp</a></li><li><a href="_toernooien.html?past/toernooienpast.html">PAST</a></li><li><a href="_toernooien.html?10km/toernooien10km.html">10km</a></li><li><a href="_toernooien.html?jeugdwedstrijden/toernooienjeugd.html">Jeugdwedstrijden</a></li>';

                var _schaatspraatItem = '<span onClick="(location.href=\'_schaatspraat.html?http://www.stw-site.nl/phorum-5.1.15/list.php?2\')" style="cursor: pointer;">Schaatspraat</span>';
                var _schaatspraatItemLink = '<a href="" OnMouseOver="showSubMenu(8)">Schaatspraat</a>';
                var _schaatspraatItemSubMenu = '&nbsp;';


                function switchTab(primaryMenu)
                {
                    // switch afhankelijk van meegegeven parameter
                    switch(primaryMenu)
                    {
                      case 'homeItem':
                        document.getElementById('homeItem').innerHTML = _homeItem;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'overSTWItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItem;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'trainingenItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItem;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'wedstrijdenItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItem;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'studentenItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItem;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'krabbelItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItem;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'toernooienItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItem;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItemLink;
                        break;
                      case 'schaatspraatItem':
                        document.getElementById('homeItem').innerHTML = _homeItemLink;
                        document.getElementById('overSTWItem').innerHTML = _overSTWItemLink;
                        document.getElementById('trainingenItem').innerHTML = _trainingenItemLink;
                        document.getElementById('wedstrijdenItem').innerHTML = _wedstrijdenItemLink;
                        document.getElementById('studentenItem').innerHTML = _studentenItemLink;
                        document.getElementById('krabbelItem').innerHTML = _krabbelItemLink;
                        document.getElementById('toernooienItem').innerHTML = _toernooienItemLink;
                        document.getElementById('schaatspraatItem').innerHTML = _schaatspraatItem;
                        break;
                    }
                }

                function showSubMenu(submenuId)
                {

                  switch(submenuId)
                  {                                                                       // Home
                    case 1:
                    {
                      switchTab('homeItem');
                      document.getElementById('secondary').innerHTML = _homeItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                    case 2:                                                               // overSTW
                    {
                      switchTab('overSTWItem') ;
                      document.getElementById('secondary').innerHTML = _overSTWItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                    case 3:                                                               // Trainingen
                    {
                      switchTab('trainingenItem') ;
                      document.getElementById('secondary').innerHTML = _trainingenItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                    case 4:                                                               // Wedstrijden
                    {
                      switchTab('wedstrijdenItem') ;
                      document.getElementById('secondary').innerHTML = _wedstrijdenItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                    
                    case 5:                                                               // Studenten
                    {
                      switchTab('studentenItem') ;
                      document.getElementById('secondary').innerHTML = _studentenItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }

                    case 6:                                                               // Krabbelhoek
                    {
                      switchTab('krabbelItem') ;
                      document.getElementById('secondary').innerHTML = _krabbelItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                    case 7:                                                               // Toernooien
                    {
                      switchTab('toernooienItem') ;
                      document.getElementById('secondary').innerHTML = _toernooienItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }
                     case 8:                                                               // Toernooien
                    {
                      switchTab('schaatspraatItem') ;
                      document.getElementById('secondary').innerHTML = _schaatspraatItemSubMenu;
                      document.getElementById('subMenu').style.visibility = 'visible';
                      break;
                    }

                  }
                }
