var images_normal = ['/images/block/block-beige-tab-normal-left.png', '/images/block/block-beige-tab-normal-right.png'];
var images_active = ['/images/block/block-beige-tab-active-left.png', '/images/block/block-beige-tab-active-right.png'];

function tabs_reset(tid) {
    $(tid + ' .block-tab').removeClass('tab-active').css({ 'z-index': '199' }).find('img').each(function(i){
        $(this).attr('src', images_normal[(!((i+1)%2)+0)]);
        $(this).ifixpng();
    });
}

function tabs_set_active(tid, tab_number) {
    tabs_reset(tid);
    
    $(tid + ' a[child]').each(function(i){
        var a = $(this);
        a.parents('.block-tab').css('z-index', 200 - i);
        
        if (i == tab_number) {
            a.parents('.block-tab').addClass('tab-active').css('z-index', '200').find('img').each(function(i){
                $(this).attr('src', images_active[(!((i+1)%2)+0)]);
                $(this).ifixpng();
            });
            
            tabs_show_content(tid);
        }
    });
}

function tabs_show_content(tid) {
    var a = $(tid + ' .tab-active a[child]:first');
    
    $('#' + a.attr('child')).parent().find('div.tab_data').each(function(){
        var div = $(this);
        
        if (a.attr('child') == div.attr('id')) {
            div.slideDown();
        } else {
            div.hide();
        }
    });
}

function tabs_bind(tid, default_id) {
    var items = $(tid + ' a[child]');
    
    items.each(function(i){
        var a = $(this);
        
        a.click(function(){
            tabs_set_active(tid, i);
            
            return false;
        });
    });
    
    default_id = (default_id == null) ? 0 : default_id;
    tabs_set_active(tid, default_id);
}