function showKITCO(el) {
    var opt = {
        align: 'center',
        outlineType: 'rounded-white',
        src: 'http://media.doanhnhansaigon.vn/kitco-s.php'
    }
    hs.expand(el, opt);
}

/****** makeAdFlash - su dung de tao quang cao = flash) ******/

function makeAdFlash(el_id, options) {
    if (!options.flashvars) options.flashvars = {};
    if (!options.params) options.params = {};
    if (!options.attrs) options.attrs = {};
    
    if (!options.params.allowscriptaccess) options.params.allowscriptaccess = 'always';
    if (!options.params.wmode) options.params.wmode = 'transparent';

    swfobject.embedSWF(options.file, el_id, options.width, options.height, "9.0.0", 
        "/js/expressInstall.swf", options.flashvars, options.params, options.attrs);
}

/****** jtipajax ******/
$(document).ready(function() {
    $('a.jtipajax').each(function() {
        $(this).qtip({
            content: {
                url: '/Handler/ToolTip.ashx?Url=' + encodeURIComponent($(this).attr('href')),
                method: 'get'
            },
            style: { tip: 'topLeft', name: 'cream', color: '#333333', width: 350, border: { width: 2, radius: 2} },
            position: {
                corner: { target: 'bottomLeft', tooltip: 'topLeft' },
                target: 'mouse'
            }
        });
    });
});

function qtip_form(selector) {
    $(document).ready(function() {
        $(selector).qtip({
            content: { text: false },
            style: { 'font-size': '11px', 'color': '#333333', 'background': '#ffffff url(/app_themes/press/images/tooltipbg.gif) repeat-x left bottom', border: { color: '#aaa'} },
            position: {
                corner: { target: 'bottomLeft', tooltip: 'topMiddle' },
                adjust: { y: 10 }
            }
        });
    });
};

hs.graphicsDir = '/js/highslide/hs-graphics/';
hs.showCredits = false;

function pr_getImageUrl(width, height, fit, clip, file) {
    if (file) {
        if (file.indexOf('http://') == 0) return file;
        return '/handler/ImageResizer.ashx?width=' + width +
        '&height=' + height + '&fit=' + (fit ? '1' : '0') +
        '&clip=' + clip + '&file=' + encodeURIComponent(file);
    } else {
        return null;
    }
}

function pr_build_album_portrait(albumId, options) {
    var opt = {
        navigationWidth: 130,
        thumbSize: 50,
        imageWidth: 409,
        delay: 4000,
        numThumbs: 10
    };
    $.extend(opt, options);

    $ul = $('<ul class="thumbs noscript"></ul>');
    $(opt.images).each(function(index, item) {
        $li = $('<li>').append(
            $('<a>').addClass('thumb').attr('href', pr_getImageUrl(opt.imageWidth, 0, true, 0, item.image))
                .attr('title', item.title ? item.title : '').append(
                    $('<img>').attr('src', pr_getImageUrl(opt.thumbSize, opt.thumbSize, true, 2, item.thumb ? item.thumb : item.image))
                        .attr('alt', item.title ? item.title : ''))).appendTo($ul);
        if (item.title || item.desc) {
            $caption = $('<div>').addClass('caption');
            if (item.title) $caption.append($('<div>').addClass("image-title").text(item.title));
            if (item.desc) $caption.append($('<div>').addClass("image-desc").text(item.desc));
            $caption.appendTo($li);
        }
    });

    $nav = $('<div>').attr('id', albumId + '-thumbs').addClass('navigation').append($ul);
    $content = $('<div>').attr('id', albumId + '-gallery').addClass('content');
    $content.append($('<div>').attr('id', albumId + '-controls').addClass('controls'));
    $content.append($('<div>').attr('id', albumId + '-loading').addClass('loader'));
    $content.append($('<div>').attr('id', albumId + '-slideshow').addClass('slideshow'));
    $content.append($('<div>').attr('id', albumId + '-caption').addClass('embox'));

    $container = $('#' + albumId);
    $container.append($content);
    $container.append($nav);
    $container.append($('<div>').css('clear', 'both'));

    var albumSelector = '#' + albumId;
    $(albumSelector + ' div.navigation').css({ 'width': opt.navigationWidth + 'px', 'float': 'left' });
    $(albumSelector + ' div.content').css('display', 'block');
    var onMouseOutOpacity = 0.6;
    $(albumSelector + '-thumbs ul.thumbs li')
        .css('opacity', onMouseOutOpacity).hover(function() {
            $(this).not('.selected').fadeTo('fast', 1.0);
        },
        function() {
            $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
        }
    );

    $(document).ready(function() {
        var galleryAdv = $(albumSelector + '-gallery').galleriffic(albumSelector + '-thumbs', {
            delay: opt.delay,
            numThumbs: opt.numThumbs,
            preloadAhead: 10,
            enableTopPager: true,
            enableBottomPager: true,
            imageContainerSel: albumSelector + '-slideshow',
            controlsContainerSel: albumSelector + '-controls',
            captionContainerSel: albumSelector + '-caption',
            loadingContainerSel: albumSelector + '-loading',
            renderSSControls: true,
            renderNavControls: true,
            playLinkText: 'Trình chiếu',
            pauseLinkText: 'Dừng trình chiếu',
            prevLinkText: '&lsaquo; Trước',
            nextLinkText: 'Tiếp &rsaquo;',
            nextPageLinkText: '&rsaquo;',
            prevPageLinkText: '&lsaquo;',
            enableHistory: false,
            autoStart: false,
            onChange: function(prevIndex, nextIndex) {
                $(albumSelector + '-thumbs ul.thumbs').children()
                    .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                    .eq(nextIndex).fadeTo('fast', 1.0);
            },
            onTransitionOut: function(callback) {
                $(albumSelector + '-caption').fadeTo('fast', 0.0);
                $(albumSelector + '-slideshow').fadeTo('fast', 0.0, callback);
            },
            onTransitionIn: function() {
                $(albumSelector + '-slideshow').fadeTo('fast', 1.0);
                $(albumSelector + '-caption').fadeTo('fast', 1.0);
            },
            onPageTransitionOut: function(callback) {
                $(albumSelector + '-thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
            },
            onPageTransitionIn: function() {
                $(albumSelector + '-thumbs ul.thumbs').fadeTo('fast', 1.0);
            }
        });
    });
}

function pr_build_album_landscape(albumId, options) {
    var opt = {
        thumbSize: 70,
        imageWidth: 544,
        delay: 4000,
        numThumbs: 6
    };
    $.extend(opt, options);

    $ul = $('<ul class="thumbs noscript"></ul>');
    $(opt.images).each(function(index, item) {
        $li = $('<li>').append(
            $('<a>').addClass('thumb').attr('href', pr_getImageUrl(opt.imageWidth, 0, true, 0, item.image))
                .attr('title', item.title ? item.title : '').append(
                    $('<img>').attr('src', pr_getImageUrl(opt.thumbSize, opt.thumbSize, true, 2, item.thumb ? item.thumb : item.image))
                        .attr('alt', item.title ? item.title : ''))).appendTo($ul);
        if (item.title || item.desc) {
            $caption = $('<div>').addClass('caption');
            if (item.title) $caption.append($('<div>').addClass("image-title").text(item.title));
            if (item.desc) $caption.append($('<div>').addClass("image-desc").text(item.desc));
            $caption.appendTo($li);
        }
    });

    $nav = $('<div>').attr('id', albumId + '-thumbs').addClass('navigation');
    $('<table border="0" cellpadding="0" cellspacing="0" class="tablenav">' +
        '<tr><td class="cell-nav"><a title="Trước" class="nav nav-back" id="' + albumId + '-back"></a></td>' +
        '<td class="cell-thumb" id="' + albumId + '-data"></td>' +
        '<td class="cell-nav"><a title="Tiếp" class="nav nav-next" id="' + albumId + '-next"></a></td>' +
        '</tr></table>').appendTo($nav);

    $content = $('<div>').attr('id', albumId + '-gallery').addClass('content');
    $content.append($('<div>').attr('id', albumId + '-controls').addClass('controls'));
    $content.append($('<div>').attr('id', albumId + '-loading').addClass('loader'));
    $content.append($('<div>').attr('id', albumId + '-slideshow').addClass('slideshow'));

    $container = $('#' + albumId);
    $container.append($content);
    $container.append($('<div>').attr('id', albumId + '-caption').addClass('embox'));
    $container.append($nav);
    $container.append($('<div>').css('clear', 'both'));

    $('#' + albumId + '-data').append($ul);

    var albumSelector = '#' + albumId;
    $(albumSelector + ' div.content').css('display', 'block');
    $(albumSelector + ' div.embox').css('display', 'block');

    var onMouseOutOpacity = 0.6;
    var totalPhotos = $(albumSelector + '-thumbs ul.thumbs li').length;
    $(albumSelector + '-thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
        .hover(function() {
            $(this).not('.selected').fadeTo('fast', 1.0);
        },
        function() {
            $(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
        }
    );

    $(document).ready(function() {
        var galleryAdv = $(albumSelector + '-gallery').galleriffic(albumSelector + '-thumbs', {
            delay: opt.delay,
            numThumbs: opt.numThumbs,
            preloadAhead: 10,
            enableTopPager: false,
            enableBottomPager: true,
            imageContainerSel: albumSelector + '-slideshow',
            controlsContainerSel: albumSelector + '-controls',
            captionContainerSel: albumSelector + '-caption',
            loadingContainerSel: albumSelector + '-loading',
            renderSSControls: true,
            renderNavControls: true,
            playLinkText: 'Trình chiếu',
            pauseLinkText: 'Dừng trình chiếu',
            prevLinkText: '&lsaquo; Trước',
            nextLinkText: 'Tiếp &rsaquo;',
            nextPageLinkText: '&rsaquo;',
            prevPageLinkText: '&lsaquo;',
            enableHistory: false,
            autoStart: false,
            onChange: function(prevIndex, nextIndex) {
                $(albumSelector + '-thumbs ul.thumbs').children()
                    .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                    .eq(nextIndex).fadeTo('fast', 1.0);
                $(albumSelector + '-next').attr('href', '#' + (nextIndex < totalPhotos - 1 ? nextIndex + 1 : 0));
                $(albumSelector + '-back').attr('href', '#' + (nextIndex > 0 ? nextIndex : totalPhotos - 1));
            },
            onTransitionOut: function(callback) {
                $(albumSelector + '-caption').fadeTo('fast', 0.0);
                $(albumSelector + '-slideshow').fadeTo('fast', 0.0, callback);
            },
            onTransitionIn: function() {
                $(albumSelector + '-slideshow').fadeTo('fast', 1.0);
                $(albumSelector + '-caption').fadeTo('fast', 1.0);
            },
            onPageTransitionOut: function(callback) {
                $(albumSelector + '-thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
            },
            onPageTransitionIn: function() {
                $(albumSelector + '-thumbs ul.thumbs').fadeTo('fast', 1.0);
            }
        });

        $(albumSelector + '-next').click(function(ev) {
            $(albumSelector + '-controls a.next').trigger('click');
            return false;
        });

        $(albumSelector + '-back').click(function(ev) {
            $(albumSelector + '-controls a.prev').trigger('click');
            return false;
        });
    });
}

function pr_setup_highslide(group, options) {

    hs.addSlideshow({
        slideshowGroup: group,
        interval: 4000,
        repeat: true,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: 0.75,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });

    var cfg = {
        slideshowGroup: group,
        transitions: ['expand', 'crossfade'],
        outlineType: 'rounded-white',
        fadeInOut: true,
        dimmingOpacity: 0.75,
        numberPosition: 'heading',
        align: 'center'
    };
    hs.extend(cfg, options);
    if (!hs.pr_config) {
        hs.pr_config = new Array();
    }
    hs.pr_config[group] = cfg;
}

function pr_highslide_popup(target, headingText, options) {
    var opt = {
        width: 450,
        align: 'center',
        preserveContent: false,
        outlineType: null,
        wrapperClassName: 'pr-popup',
        transitions: ['expand'],
        objectType: 'iframe',
        headingText: headingText,
        headingOverlay: { position: 'top', width: '100%', hideOnMouseOut: false }
    }
    hs.extend(opt, options);
    return hs.htmlExpand(target, opt);
}

function pr_highslide_vote(target, headingText, url) {
    var opt = {
        width: 450,
        align: 'center',
        preserveContent: false,
        outlineType: null,
        wrapperClassName: 'pr-popup',
        transitions: ['expand'],
        objectType: 'iframe',
        headingText: headingText,
        headingOverlay: { position: 'top', width: '100%', hideOnMouseOut: false }
    }
    hs.extend(opt, { src: url });
    return hs.htmlExpand(target, opt);
}

function pr_handle_ajax_error(data) {
    alert('Có lỗi xảy ra khi thực hiện yêu cầu, vui lòng thử lại vào lúc khác.');
}

function pr_set_rating(articleId, ratingPoint, on_success) {
    MB_PRESSONLINE_WEB.SupportMethods.AddArticleRater(articleId, ratingPoint, on_success, pr_handle_ajax_error);
}

function pr_newsletter_add_subscriber(email, cbl) {

    var txt = document.getElementById(email);

    var tbl = document.getElementById(cbl).childNodes[0];
    if (tbl.childNodes.length == 0) {
        tbl = document.getElementById(cbl).childNodes[1]; // -- firefox
    }
    var sid = '';
    for (var i = 0; i < tbl.childNodes.length; i++) {
        for (var k = 0; k < tbl.childNodes[i].childNodes.length; k++) {
            if (tbl.childNodes[i].childNodes[k].nodeName == "TD") {
                var currentTD = tbl.childNodes[i].childNodes[k];
                for (var j = 0; j < currentTD.childNodes.length; j++) {
                    if (currentTD.childNodes[j].nodeName == "SPAN") {
                        var currentSpan = currentTD.childNodes[j];
                        for (var l = 0; l < currentSpan.childNodes.length; l++) {
                            if (currentSpan.childNodes[l].nodeName == "INPUT" && currentSpan.childNodes[l].type == "checkbox") {
                                var currentChkBox = currentSpan.childNodes[l];
                                if (currentChkBox.checked) {
                                    //alert(currentSpan.title); // -- ie
                                    //alert(currentSpan.Attributes);
                                    sid += currentSpan.title + ',';
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    MB_PRESSONLINE_WEB.SupportMethods.AddNewsletterSubscriber(txt.value, sid, on_success_subscriber, pr_handle_ajax_error);

    return false;
}

function pr_toggle_inline_iframe(containerId, options) {
    var opt = { url: 'about:blank', onShowed: null, onHide: null, width: '100%', scrolling: 'no' };
    $.extend(opt, options);
    var iframeId = containerId + '-ifr';
    if ($('#' + iframeId).length > 0) {
        $('#' + iframeId).slideUp('fast', function() { $(this).remove() });
        $('#' + containerId).hide();
        if ($.isFunction(opt.onHide)) onHide();
        return;
    }
    $iframe = $('<iframe>').attr('id', iframeId)
        .attr('width', opt.width).attr('height', '1px')
        .attr('frameborder', '0').attr('scrolling', opt.scrolling)
        .attr('marginheight', '0').attr('marginwidth', '0');
    $('#' + containerId).append('<div style="padding: 5px">Vui lòng chờ...</div>').show();
    $('#' + containerId).append($iframe).show();
    $('#' + iframeId).load(function(e) {
        $('#' + containerId).find('div').remove();
        var t = e.target;
        var height = e.target.contentDocument ? $(e.target.contentDocument.body).height() : e.target.contentWindow.document.body.scrollHeight;
        $(e.target).css("display", "none");
        e.target.height = (height + 0) + 'px';
        $(e.target).slideDown('fast');
        if ($.isFunction(opt.onShowed)) opt.onShowed(e.target);
    });
    $iframe.attr('src', opt.url);
}

/**************************** Utilities *******************************************/

function pr_show_print_version(id_url) {
    var nav_url = id_url.toString();
    var w_print = window.open(id_url, 'article-print', 'width=500,height=450,top=50,left=100,scrollbars=yes', true);
    w_print.focus();
}

/**************************** Utilities *******************************************/

function adjustTextSize(elId, Step) {
    var el = document.getElementById(elId);
    var num = parseInt(el.style.fontSize);
    if (isNaN(num)) num = 13;
    num += Step;
    if (num > 20) num = 20;
    if (num < 9) num = 9;
    el.style.fontSize = (num + "px");
}

function getMouseXY(e) {
    var posx = 0;
    var posy = 0;
    if (!e) var e = window.event;
    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY) {
        posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
        posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
    }
    return { left: posx, top: posy };
}

function getScrollXY() {
    var scrOfX = 0, scrOfY = 0;
    if (typeof (window.pageYOffset) == 'number') {
        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return [scrOfX, scrOfY];
}

function getInnerSize() {
    var myWidth = 0, myHeight = 0;
    if (typeof (window.innerWidth) == 'number') {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    return [myWidth, myHeight];
}


function ScrollToElement(theElement, offsetX, offsetY) {

    var selectedPosX = 0;
    var selectedPosY = 0;

    while (theElement != null) {
        selectedPosX += theElement.offsetLeft;
        selectedPosY += theElement.offsetTop;
        theElement = theElement.offsetParent;
    }

    window.setTimeout("window.scrollTo(" + (selectedPosX + (offsetX ? offsetX : 0)) + "," + (selectedPosY + (offsetY ? offsetY : 0)) + ")", 100);

}
function GetCenteredXY(w, h) {
    var ps = getScrollXY();
    var sz = getInnerSize();
    var Left = (sz[0] - w) / 2 + ps[0];
    var Top = (sz[1] - h) / 2 + ps[1];
    return [Math.ceil(Left), Math.ceil(Top)];
}
calendar__days = ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy", "Chủ nhật"];
calendar__daysShort = ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy", "CN"];
calendar__daysMin = ["CN", "T2", "T3", "T4", "T5", "T6", "T7", "CN"];
calendar__months = ["Thg Giêng", "Thg Hai", "Thg Ba", "Thg Tư", "Thg Năm", "Thg Sáu", "Thg Bảy", "Thg Tám", "Thg Chín", "Thg Mười", "Thg Mười Một", "Thg Mười Hai"];
calendar__monthsShort = ["Thg 1", "Thg 2", "Thg 3", "Thg 4", "Thg 5", "Thg 6", "Thg 7", "Thg 8", "Thg 9", "Thg 10", "Thg 11", "Thg 12"];

function SetupDatePicker(selector, options) {
    jQuery(selector).DatePicker({
        format: 'd/m/Y',
        position: 'bottom',
        date: $(selector).val(),
        current: $(selector).val(),
        locale: {
            days: calendar__days,
            daysShort: calendar__daysShort,
            daysMin: calendar__daysMin,
            months: calendar__months,
            monthsShort: calendar__monthsShort
        },
        onBeforeShow: function() {
            $('selector').DatePickerSetDate($(selector).val(), true);
        },
        onChange: function(formated, dates) {
            $(selector).val(formated);
            $(selector).DatePickerHide();
        }
    });
}