jQuery.fn.freeTabs = function(startIndex, inClass, outClass) {
    var liArr = $(this).find('li');
    var eleCount = $(liArr).length;

    startIndex = startIndex < 1 ? 1 : startIndex;
    startIndex = startIndex > eleCount ? eleCount : startIndex;
    var conName;
    liArr.each(function(i) {
        conName = '#con_' + $(this).attr('id');
        if (i + 1 == startIndex) {
            $('#' + $(this).attr('id') + ' a').addClass(inClass);
            $(conName).show();
        }
        else {
            $('#' + $(this).attr('id') + ' a').addClass(outClass);
            $(conName).hide();
        }
    })

    liArr.mouseover(function() {
        liArr.each(function(i) {
            $(this).find('a').removeClass(inClass);
            $(this).find('a').addClass(outClass);
            $('#con_' + $(this).attr('id')).hide();
        })
        $(this).find('a').removeClass(outClass);
        $(this).find('a').addClass(inClass);
        $('#con_' + $(this).attr('id')).show();
    })
};
