// Set which categories you want to pull recent articles from.  Comma separated !  

$categories = '60,1,50,167';

/* ######### CSS for top level tabs ######### */

echo '
<style type="text/css"><!--
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0px 0px -1px 0px;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #F3F3F3;
color: #87B0D1;
margin-right: 5px;
text-decoration: none;
border-top: 1px solid #C4C4C4;
border-right: 1px solid #C4C4C4;
border-bottom: 0px;
border-left: 1px solid #C4C4C4;
font: bold 11px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #FFFFFF;
color: #3E749F;
text-decoration:none !important;
border-top: 1px solid #C4C4C4;
border-right: 1px solid #C4C4C4;
border-bottom: 0px;
border-left: 1px solid #C4C4C4;
}';

/* ######### CSS for sub menu container below ######### */
/* height 224px could also be 'auto' or whatever you like size-wise */

echo '
.tabsmenucontentclass{
clear: left;
background: #F8F8F8;
width: 99%;
height: auto;
overflow: auto;
padding: 0px;
border: 1px solid #C4C4C4;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}
--></style>

<script src="tabbed_block_forum/mouseovertabs.js" type="text/javascript">
/***********************************************
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>


<div id="mytabsmenu" class="tabsmenuclass">
<ul>

<li><a href="#" rel="gotsubmenu[selected]">ΝΕΑ ΣΤΙΣ GALLERIES</a></li>
<li><a href="#" rel="gotsubmenu">ΝΕΑ ΘΕΜΑΤΑ</a></li>
<li><a href="#" rel="gotsubmenu">ΦΩΝΟΛΟΓΙΟΝ</a></li>



</ul>
</div>

<div id="mysubmenuarea" class="tabsmenucontentclass">
<!--1st link within submenu container should point to the external submenu contents file-->
<a href="tabbed_block_forum/mouseoverTabContent.php?categories=' , $categories , '" style="visibility:hidden">Sub Menu contents</a>
</div>

<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", false)
</script>
';