function selectTab(tab) {
    $(tab).siblings(".dd1TabOn").removeClass("dd1TabOn");
    $(tab).addClass("dd1TabOn");

    var content = $(".tabContent", $(tab).parent("div").parent("div")).children("div");
    content.hide();

    var me = $(tab);
    var w = elementWidth(me) / 2;
    var siblings = me.parent("div").children(".dd1TabOff");
    var index = siblings.index(tab);

    $(content.get(index)).show();

    var left = 0.0;
    for (var i = 0; i < index; i++) {
        var sibling = siblings.get(i);
        var w2 = width($(sibling));
        left += w2;
    }

    var parent = me.parent("div");
    var caret = $(".horz_line_caret", parent);
    left = (left + w);
    caret.css("margin-left", left + "px");
}
function css(el, prop) { return parseInt($.css(el[0], prop)) || 0; };
function elementWidth(a) { return a[0].offsetWidth; }
function width(a) { return a[0].offsetWidth + css(a, 'marginLeft') + css(a, 'marginRight'); }