<!--боковая панель-->
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
  bottom: 25%;
  padding:0;
  margin-left:-369px;
  position:fixed;z-index:2000;
  left: 0px;
}
.content-L {
font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    height: 400px;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    width: 360px;
}

</style>


<div data="-5px" id="left-panel">
<div class="content-L">
<!--содержание боковой панели-->
 
<!--конец содержания боковой панели-->
</div>
<img id="img-left" src="http://funkyimg.com/i/2a6v6.png" onclick="PanelToggleL($('#left-panel'))"/>
</div>><!-- Конец Левой Панели -->

<script type="text/javascript">
$('#left-panel .content-L').append('<table id="bib" cellspacing="0" width=100%><tr><th scope="col" width=10%>Автор</th><th scope="col" width=30%>Последняя тема</th><th scope="col" width=20%>Время</th><th scope="col" width=40%>Содержание</th></tr></table>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(4)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text(); 
var JLink=$(this).find('link').text(); 
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td style="text-align:center"><b>'+ JAuthor +'</b></td><td><a href="'+ JLink +'">'+ JTitle +'</a></td><td style="text-align:center">'+ JPosted +'</td><td><marquee height="44" direction="left" scrollamount="2">'+JContent+'</marquee></td></tr>'); });
}
</script>