<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_imageurl}>ajaxtabs.css" />
<script type="text/javascript" src="<{$xoops_imageurl}>ajaxtabs.js"></script>

require_once "$mytrustdirpath/class/relation.php";
require_once "$mytrustdirpath/class/bulletinTopic.php";

require_once XOOPS_TRUST_PATH."/modules/bulletin/class/relation.php";
require_once XOOPS_TRUST_PATH."/modules/bulletin/class/bulletinTopic.php";

/*if ($myrow['topicalign'] == "L") {
	$align = "left";
} else {
	$align = "right";
}*/

$news['hometext'] = $myts->displayTarea($myrow['hometext'], $html=1, $smiley=0, $xcode=1, $image=1, $br=0);

<!--bulletin compatibility by plusangel[at]xoopsCube.gr -->
<div id="maintab">
<ul id="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">news</a></li>
<{foreach name=i item=menu from=$block.menu}>
<li><a href="<{$xoops_url}><{$menu.item}>" rel="ajaxcontentarea"><{$menu.title}></a></li> 
<{/foreach}>

</ul>
</div>

<div id="ajaxcontentarea" class="contentstyle">

<table>
<tr>
<td>
<{foreach name=i item=news from=$block.stories}>
<{if $smarty.foreach.i.iteration == 1}>
		
<div class="item">
<div class="itemHead"><span class="itemTitle">
<span class="itemTitle">
<a href="<{$xoops_url}>/modules/bulletin/article.php?storyid=<{$news.id}>"><{$news.title}></a>
<a href="<{$xoops_url}>/modules/bulletin/index.php?page=article.php&storyid=<{$news.id}>">
<{$news.title}>
</a>
</span>
</div>
				
<div class="itemInfo">
<span class="itemPostDate"><{$lang_on}><{$news.date}></span>
(<span class="itemStats"><{$news.hits}> <{$lang_reads}></span>)
</div>

<div class="itemBody">
<{$news.topic_imgurl}>
<p class="itemText"><{$news.hometext}></p>
<div align="right"><{$news.readmore}>&nbsp;&nbsp;</div>
</div>

</div>
			
<{/if}>
<{/foreach}>

  </td>
  <td>
			
<ul id="ajaxlistnews">	

<{foreach name=i item=news from=$block.stories}>
<li>
<a href="<{$xoops_url}>/modules/bulletin/index.php?page=article&storyid=<{$news.id}>">
<{$news.title}></a>&nbsp;(<{$news.date}>)
</li>			
<{/foreach}>

</ul>

   <td>
  </tr>
</table>

<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.
	startajaxtabs("maintab")
</script>
</div>

<link rel="stylesheet" type="text/css" title="ajaxtabs" href="<{$xoops_imageurl}>ajaxtabs.css" />

ul#ajaxlistnews {
background-color:#ebebeb;
font-size:0.9em;
display:block;
width:180px;
height:auto;
overflow:hidden;
padding:7px;
}

ul#shadetabs {
	padding: 2px 0;
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 0;
	font: bold Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

ul#shadetabs li {
	display: inline;
	margin: 0px;;
	padding:0px;
}

ul#shadetabs li a {
	text-decoration: none;
	padding: 2px 8px;
	border: 1px solid #ebebeb;
	background:#ebebeb url(images/bg_tab2.gif) 0px 0px repeat-x;
}

u#shadetabs li a:visited {
	background:#996600;
}

ul#shadetabs li a:hover {
	background:#ebebeb url(images/bg_tab2.gif) 0px -18px repeat-x;
}


ul#shadetabs li.selected {
	top: 1px;

}

ul#shadetabs li.selected a { /*selected main tab style */
	background:#ebebeb url(images/bg_tab2.gif) 0px -18px repeat-x;
	border-bottom-color: white;
}

ul#shadetabs li.selected a:hover { /*selected main tab style */
	text-decoration: none;
}


.contentstyle {
	border: 1px solid #ebebeb;
	padding: 5px;
	background:#FFFFFF;
}

var loadstatustext="<center><img src='yourFolder/images/loading.gif' /><p> Now Loading ...</p></center>"