var BG_START = false;

BG_ShowAds = function () {

    var BANNER_LEFT_HTML = '<div style="position:relative"><a href="http://www.meta.vn/khuyenmai/12/Qua-tang-8-3.aspx" alt="Khuyến mãi"><img style="position:absolute;right:0px;top:0px;" src="/images/ads/meta-left.jpg?t'+time_params()+'" border="0"/></a></div>';
    var BANNER_RIGHT_HTML = '<div style="position:relative"><a href="http://www.meta.vn/khuyenmai/12/Qua-tang-8-3.aspx" alt="Khuyến mãi"><img style="position:absolute;left:0px;top:0px;" src="/images/ads/meta-right.jpg?t'+time_params()+'" border="0"/></a></div>';

    var BANNER_LEFT_ID = "BG_leftBanner";
    var BANNER_RIGHT_ID = "BG_rightBanner";

    var CENTER_WIDTH = 980;
    var BODY_WIDTH = $(window).width();
    var BODY_HEIGHT = $(window).height();
    var LEFT_OFFSET = 0;
    var RIGHT_OFFSET = 0;
    var Z_INDEX = 100;
    var TOP_OFFSET = 0;
    var IS_FIXED = true;
    var LEFT_BG = '';
    var RIGHT_BG = '';
    var BG_COLOR = '#fff';
    var BannerWidth = (BODY_WIDTH - CENTER_WIDTH) / 2;

    var leftBanner = document.createElement('div');
    var rightBanner = document.createElement('div');

    if (BG_START) {
        leftBanner = document.getElementById(BANNER_LEFT_ID);
        rightBanner = document.getElementById(BANNER_RIGHT_ID);
    }

    if (BG_COLOR != '') {
        $('body').css('background-color', BG_COLOR);
    }

    if (BODY_WIDTH <= CENTER_WIDTH) {
        $(leftBanner).css('display', 'none');
        $(rightBanner).css('display', 'none');
    } else {
        $(leftBanner).css('display', '');
        $(rightBanner).css('display', '');
    }
	if ($.browser.msie && $.browser.version.substr(0,1)<7) {
		IS_FIXED=false;
	}
    if (IS_FIXED) {
        $(leftBanner).css('position', 'fixed');
        $(rightBanner).css('position', 'fixed');
    } else {
        $(leftBanner).css('position', 'absolute');
        $(rightBanner).css('position', 'absolute');
    }

    $(leftBanner).css('top', TOP_OFFSET)
        .css('left', LEFT_OFFSET)
        .css('height', BODY_HEIGHT)
        .css('width', BannerWidth)
        .css('background', BG_COLOR)
        .css('overflow', 'hidden').attr('id', BANNER_LEFT_ID);


    $(rightBanner).css('top', TOP_OFFSET)
        .css('right', RIGHT_OFFSET)
        .css('height', BODY_HEIGHT)
        .css('width', BannerWidth)
        .css('background', BG_COLOR)
        .css('overflow', 'hidden').attr('id', BANNER_RIGHT_ID);

    $(leftBanner).appendTo('body');
    $(rightBanner).appendTo('body');

    if (!BG_START) {
        $(leftBanner).append(BANNER_LEFT_HTML);
        $(rightBanner).append(BANNER_RIGHT_HTML);
    }
    BG_START = true;
}

$(document).ready(function () {
	BG_ShowAds();
    $(window).bind("resize", function (event) {
        BG_ShowAds();
    });    
});