<!--  Рамка Под .punbb -->
<style>
table.framePun{
border-collapse:collapse!important;
background-clip:border-box;
margin:0 auto 50px auto;
}
table.framePun td.wrapPun{
 padding:0!important;
 margin:0!important;
}
table.framePun,
table.framePun tr,
table.framePun td {
 table-layout: auto!important;
 padding:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
}
table.framePun td.W2,
table.framePun td.W3 {
 width:30px!important;/*Ширина Подрамника cлево-справо*/
}
table.framePun tr.z1,
table.framePun tr.z3 {   
 height:20px!important;/*Высота Подрамника cнизу-сверху*/
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:1024;	/*Ширина таблички*/
}
table.framePun tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:transparent url() repeat-x top center!important;
}
table.framePun td.W2 {/* Cтавим Рамку Слева */
 background:transparent url(http://forumstatic.ru/files/0010/e6/3f/70084.png) repeat-y left center!important;
}
table.framePun td.W3 {/* Cтавим Рамку Справо */
 background:transparent url(http://forumstatic.ru/files/0010/e6/3f/52554.png) repeat-y right center!important;
}
table.framePun tr.z3 {/* Cтавим Рамку Снизу */
 background:transparent url() repeat-x bottom center!important;
}
body iframe{display:none;}
body table.framePun iframe{display:inline-block;}

table.framePun {/* Cтавим фон под таблицу*/
 background:transparent url(http://forumstatic.ru/files/0010/e6/3f/26107.png) repeat-y top center!important;
}
table.framePun *{
font-size:101%!important;
}
table.framePun,#pun{
width:1024px;
margin:0 auto;
}
</style>
</div></div></div>
<script type="text/javascript">
if($(".punbb").attr("id")!="pun-pages"){
var z1='<tr class="z1"><td class="W1" colspan="3"></td></tr>'
var z3='<tr class="z3"><td class="W4" colspan="3"></td></tr>'
if($(".framePun").html()==null){

$('.punbb').html('<div id="wpappun"><table valign="top" rows="3" cellspacing="0" cellpadding="0" class=framePun><tr class="z2" style="width:100%!important;"><td class="W2"></td><td class="wrapPun">'+$('#pun').html()+'</td><td class="W3"></td></tr></table></div>')
$(".framePun").prepend(z1)
$(".framePun").append(z3);}
$("#pun-title").insertBefore(".framePun")
$("#pun-navlinks").insertBefore(".framePun")
$("#pun-ulinks").insertBefore(".framePun")
$("#pun-announcement").insertBefore(".framePun")
}
</script><div><div><div>

<script type="text/javascript">
$(window).load(function () {
$(".item5:last").hide()
});
</script>





<script type="text/javascript">
$(document).ready(function() {
//Speed of the slideshow
	var speed = 5000;
	
	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	var run = setInterval('newsslider(0)', speed);	
	
	$('#gallery li:first, #excerpt li:first').addClass('selected');

	//Pause the slidershow with clearInterval
	$('#btn-pause').click(function () {
clearInterval(run);
return false;
	});

	//Continue the slideshow with setInterval
	$('#btn-play').click(function () {
run = setInterval('newsslider(0)', speed);	
return false;
	});
	
	//Next Slide by calling the function
	$('#btn-next').click(function () {
newsslider(0);	
return false;
	});	

	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
newsslider(1);	
return false;
	});	
	
	//Mouse over, pause it, on mouse out, resume the slider show
	$('#slider').hover(
	
function() {
	clearInterval(run);
}, 
function() {
	run = setInterval('newsslider(0)', speed);	
}
	); 	
	
});

function newsslider(prev) {

	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	//if prev is set to 1 (previous item)
	if (prev) {

//Get previous sibling
var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {

//Get next sibling
var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}

	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800);
	$('#mask-excerpt').scrollTo(next_excerpt, 800);	
	
}
</script>