var brands_list = new Array(); var brand_width = new Array(); var tmp_wdth = 0; var tmp_first = 0; var tmp_last = 0; var tmp_obj; var side_margs; var last_marg;
window.onload = function () {
    $('.brand_banners .brand_imgs .ad-container').each(function () {
        brands_list.push($(this).clone());
        brand_width.push($(this).children().children().attr('width'));
    });
    $('.brand_banners .brand_imgs').empty();
    $('.brand_banners .brand_imgs').append('<div class="line_wrap"><div class="added"></div></div>');
    for (var i = 0; i<brands_list.length; i++) {
        if (tmp_wdth + brand_width[i] + 20 > 880 ) {
            break;
        } else {
            tmp_wdth += brand_width[i] + 20;
            appendItem(brands_list[i]);
            tmp_last = i;
        }
    }
    alignItems();
    $('.brand_banners .brand_lbut').bind("click", function(){ brands_left() });
    $('.brand_banners .brand_rbut').bind("click", function(){ brands_right() });
}
function appendItem(item) {
    tmp_obj = $(item).clone();
    if ($.browser.msie) { tmp_obj.children().children().css('filter', 'alpha(opacity=100)') }
    $('.brand_banners .brand_imgs .line_wrap .added').append($(tmp_obj).html());
}
function prependItem(item) {
    tmp_obj = $(item).clone();
    if ($.browser.msie) { tmp_obj.children().children().css('filter', 'alpha(opacity=100)') }
    $('.brand_banners .brand_imgs .line_wrap .added').prepend($(tmp_obj).html());
}
function alignItems() {
    if (tmp_last < tmp_first) { tmp_last += brands_list.length }
    side_margs = Math.floor(((880 - (tmp_wdth - (tmp_last - tmp_first + 1)*20))/(tmp_last - tmp_first + 1))/2);
    last_marg = 880 - 2*side_margs*(tmp_last - tmp_first + 1) - (tmp_wdth - (tmp_last - tmp_first + 1)*20);
    $('.brand_banners .brand_imgs .line_wrap .added a').each(function() {
        $(this).children().css('margin',Math.round((90-$(this).children().height())/2)+'px '+side_margs+'px');
    });
    if (tmp_last >= brands_list.length) { tmp_last = tmp_last - brands_list.length }
}
function brands_left() {
    if (tmp_first == 0) { tmp_last = brands_list.length - 1 } else { tmp_last = tmp_first - 1 }
    tmp_wdth = 0;
    $('.brand_banners .brand_imgs .line_wrap .added').removeClass('added').addClass('old');
    $('.brand_banners .brand_imgs .line_wrap').prepend('<div class="added" style="display:none"></div>');
    for (var i = tmp_last+brands_list.length; i>tmp_last; i--) {
        if (i>=brands_list.length) { k = i - brands_list.length } else { k = i }
        if (tmp_wdth + brand_width[k] + 20 > 880 ) {
            break;
        } else {
            tmp_wdth += brand_width[k] + 20;
            prependItem(brands_list[k]);
            tmp_first = k;
        }
    }
    $('.brand_banners .brand_imgs .line_wrap').css('margin-left','-880px');
    $('.brand_banners .brand_imgs .line_wrap .added').removeAttr('style');
    alignItems(); beforeMove();
    $('.brand_banners .brand_imgs .line_wrap').animate({ marginLeft: 0 }, 1000, "swing", function() { afterMove() });
}
function brands_right() {
    if (tmp_last + 1 >= brands_list.length) { tmp_first = 0 } else { tmp_first = tmp_last + 1 }
    tmp_wdth = 0;
    $('.brand_banners .brand_imgs .line_wrap .added').removeClass('added').addClass('old');
    $('.brand_banners .brand_imgs .line_wrap').append('<div class="added"></div>');
    for (var i = tmp_first; i<brands_list.length + tmp_first; i++) {
        if (i>=brands_list.length) { k = i - brands_list.length } else { k = i }
        if (tmp_wdth + brand_width[k] + 20 > 880 ) {
            break;
        } else {
            tmp_wdth += brand_width[k] + 20;
            appendItem(brands_list[k]);
            tmp_last = k;
        }
    }
    alignItems(); beforeMove();
    $('.brand_banners .brand_imgs .line_wrap').animate({ marginLeft: "-"+880+"px" }, 1000, "swing", function() { afterMove() });
}
function beforeMove() {
    if ($.browser.msie) {
        $('.brand_banners .brand_imgs a').each(function() {
            $(this).children().css('filter', 'alpha(opacity=50)')
        });
    } else { $('.brand_banners .brand_imgs a').animate({ opacity: 0.5 }, 100) }
}
function afterMove() {
    $('.brand_banners .brand_imgs .line_wrap .old').remove();
    $('.brand_banners .brand_imgs .line_wrap').css('margin','0');
    if ($.browser.msie) {
        $('.brand_banners .brand_imgs a').each(function() {
            $(this).children().css('filter', 'alpha(opacity=100)')
        });
    } else { $('.brand_banners .brand_imgs a').animate({ opacity: 1 }, 300) }
}