Блок навигации

Блок навигации для DLE

HTML

<div class="main">
    <div class="pagination">
        <a class="prev-button" href="#"><i class="icon-angle-left"></i></a>
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#" class="current">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a class="next-button" href="#"><i class="icon-angle-right"></i></a>
  </div>
</div>

CSS

@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #FFF;
}
.main {
	background-color: #FFF;
	width: 1000px;
	height: auto;
	min-height: 500px !important;
	border: 1px dashed #FF66CC;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	margin: 50px auto 25px;
}
.main div {
	margin: 10px;
}
/* Start Pagination */
.pagination {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-family: 'RobotoMedium', Arial, sans-serif;
	font-size: 17px;
	margin: 25px 0 5px 0;
}
.pagination a {
	background-color: #f9f9f9;
	float: left;
	border-radius: 2px;
	text-decoration: none;
	margin: 5px 5px 0 0;
	padding: 9px 14px;
}
.pagination, .pagination a {
	color: #757575;
}
.pagination a.next-button, .pagination a.prev-button {
	background-color: #5A5C5D;
	font-size: 28px;
	padding: 2px 14px;
}
.pagination a.next-button, .pagination a.prev-button, .pagination a.current {
	color: #FFF;
}
.pagination a.next-button:hover, .pagination a.prev-button:hover, .pagination a:hover, .pagination a.current {
	background-color: #e7402f;
	color: #FFF;
}
/* End Pagination */

JavaScript

/* Ваш скрипт
jQuery(document).ready(function($) {
$('.pagination').each(function() {
var content = $('.pagination').find('span').text();
$('.pagination').find('span').empty();
$('.pagination').find('span').append(document.createElement('a'));
$('span > a').attr('href', '#').text(content).addClass('current');
$('span > a').unwrap();
});
});
*/