﻿(function($){

var _name_prefix = 'pop-message';
var _title_bar_style = '';
var _border_color = '';
var _msg_w = '355';
var _msg_title_style = 'font-size: 14px; color: #809147; font-weight: bold;';
var _link_style = 'color:#666666;text-align: center;';

var _msg_div = 
    '<div id="' + _name_prefix + '" style="display:none;">' +
	    '<div class="' + _name_prefix + ' pop-norecord">' +
	        '<p class="btn-close" id="closepop"><a href="http://eservice.evaair.com/PreOrder/default.aspx"><img src="images/zh_TW/btn/btn_pop_x.gif" title="CLOSE"></a></p>' +
            '<div class="contenetB">' +
                '<div class="contenet">' +
                    '<p class="title" style="' + _msg_title_style + '">{Message}</p>' +
                    '<br /><br />' +
                    '<div class="link" style="' + _link_style + '">' +
                        '{Link}' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>';
var _cw;
var _ch;
try
{
    _cw = document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth?document.body.clientWidth:window.innerWidth?window.innerWidth:0;
    _ch = document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight?document.body.clientHeight:window.innerHeight?window.innerHeight:0;
}
catch(e){}

$.popMessage = function(msg, link){
    msg = msg == null ? '' : msg;
    var linkArray = [];
    
    if($.isArray(link))
    {
        for(i = 0; i < link.length; i++)
        {
            var o = link[i];
            var olink = $.extend({}, {text: '', url: '', target: ''}, o || {});
            if(typeof olink.text != 'undefined' && typeof olink.url != 'undefined')
            {
                if(olink.text != '' && olink.url != '')
                {
                    var margin = i > 0 ? 'style="margin-left: 5px;"' : '';
                    linkArray.push('<a ' + margin + ' href="' + olink.url + '"' + (olink.target!=''?' target="'+olink.target+'"':'') + '>' + olink.text + '</a>');
                }
            }
        }
    }
    else
    {
        var olink = $.extend({}, {text: '', url: '', target: ''}, link || {});
        if(typeof olink.text != 'undefined' && typeof olink.url != 'undefined')
        {
            if(olink.text != '' && olink.url != '')
                linkArray.push('<a href="' + olink.url + '"' + (olink.target!=''?' target="'+olink.target+'"':'') + '>' + olink.text + '</a>');
        }
    }
    
    if(linkArray.length == 0) linkArray.push('<a class="btn-close" href="javascript:void(0);">CLOSE</a>');
    
    if($('#' + _name_prefix).length == 0)
    {
        var d = $(document.createElement('div'));
        d.prependTo('body');
        var _div = _msg_div.replace('{Message}', msg).replace('{Link}', linkArray.join(''));
        $(d).append(_div);
    }
    else
    {
        var oMsg = $('#' + _name_prefix);
        oMsg.find('.title').text(msg);
        oMsg.find('.link').html(linkArray.join(''));
    }
    
    $.blockUI({
        message: $('#' + _name_prefix),
        css: { 
            padding:        0, 
            margin:         0, 
            width:          _msg_w + 'px', 
            top:            '40%', 
            left:           (_cw - _msg_w) / 2, 
            cursor:         'default',
            border:         'none'
        },
        overlayCSS:  { 
            backgroundColor: '#000', 
            opacity:         0.5,
            cursor:          'default'
        }
    });
    
    $('.btn-close').live('click', $.unblockUI);
    
    link = null;
    linkArray = null;
    oMsg = null;
}

$.popMessage.close = $.unblockUI;

})(jQuery);


