$(document).ready(function () {

    oTabs.init();

});

var nWidth = 560;
var oTabs  = {};

oTabs.current = 1;
oTabs.nextFx  = 0;

oTabs.init = function () {
    var nHeight = 0;
    $("div.tab").each(function (iter) {
        var jThis = $(this);
        jThis.css({
            display: "block",
            left: 10+(iter*nWidth)
        });
        var listL = jThis.find(".ulLeft");
        var listR = jThis.find(".ulRight");
        while(listL.height()<listR.height()) {
            var o = listR.find("li:first");
            listL.append(o);
            listR.remove("li:first");
        }
        nHeight = Math.max(nHeight, jThis.height());
    });
    $("#hometabs").css("height", nHeight);
    $("a.tab").click(this.tabclick);
    oTabs.refresh();
}

oTabs.tabclick = function () {
    var sClass = $(this).attr("class");
    var nTab   = sClass.substr(sClass.length-1);
    oTabs.nextFx  = (nTab>oTabs.current ? +1 : -1);
    oTabs.current = nTab;
    oTabs.refresh();
}

oTabs.refresh = function () {
    
    $("div.tab").each(function (iter) {
        $(this).animate({
            left: 10+((1+iter-oTabs.current)*nWidth)
        });
    });
    $("div a.tab").attr("href", "#").css("color", "#C01115");
    $("div a.tab"+this.current).removeAttr("href").css("color", "#000000");
    
}