$(document).ready(function() {
	var post = $(".post");
	post.prepend("<span class='post-top'><!-- --></span>");
    post.append("<span class='post-bottom'><!-- --></span>");
    $(".tabs li:first-child").addClass("active")
	$(".categories ul:first").addClass("sidebar-item");
	$(".sidebar-item").prepend("<span class='sidebar-item-bottom'><!-- --></span>")


});

// the tabs

$.tabs = function(containerId, start) {
    var ON_CLASS = 'active';
    var id = '#' + containerId;
    var i = (typeof start == "number") ? start - 1 : 0;
    $(id + '>div:lt(' + i + ')').add(id + '>div:gt(' + i + ')').hide();
    $(id + '>ul>li:nth-child(' + i + ')').addClass(ON_CLASS);
    $(id + '>ul>li>a').click(function() {
        if (!$(this.parentNode).is('.' + ON_CLASS)) {
            var re = /([_\-\w]+$)/i;
            var target = $('#' + re.exec(this.href)[1]);
            if (target.size() > 0) {
                $(id + '>div:visible').animate({opacity:'hide'}, function(){target.animate({opacity:'show'}); });
                $(id + '>ul>li').removeClass(ON_CLASS);
                $(this.parentNode).addClass(ON_CLASS);
            } else {
                //
            }
        }
        return false;
    });
};