
var TabPreviousItem;

var TabHolder = ".userCommentsBox";
var TabTitleSelector = " h2";
var TabContentSelector = " p";

jQuery(document).ready(function () {

    jQuery(TabHolder + TabContentSelector).hide();

    jQuery(TabHolder + TabTitleSelector).click(function () {

        SetBox(this);
    }).filter(":first").click();
});

function SetBox(ItemToSet) {

    if (TabPreviousItem != ItemToSet) {

        TabPreviousItem = ItemToSet;

        HidePrevious();

        Display(ItemToSet);
    }

    return false;
}

function Display(ActiveElement) {

    var BoxContent = jQuery(ActiveElement).parent().find(TabContentSelector);

    //BoxContent.stop(true, true).animate({ paddingBottom: '20px' });

    ToggleSideBox(BoxContent);

    jQuery(ActiveElement).parent().addClass("active");
}

function HidePrevious() {

    //jQuery(".active").find(TabContentSelector).stop(true, true).animate({ paddingBottom: '0px' });

    ToggleSideBox(jQuery(".active").find(TabContentSelector));

    jQuery(".active").removeClass("active");
}

function ToggleSideBox(ElementToToggle) {

    jQuery(ElementToToggle).stop(true, true).slideToggle();
}
