$(function(){
    $(".Web-type").Website();
});
    
jQuery.fn.Website = function(){
    var li_content = [];
    li_content[0] = '<h1>名片型网页套餐</h1>';
    li_content[0] += '<table cellpadding="6" cellspacing="1" >';
    li_content[0] += '<tr><th width="100">项目名称</th><th>项目内容</th></tr>';
    li_content[0] += '<tr><td>创作主旨</td><td>设计精美而内容简洁,采用模版式界面．</td></tr>';
    li_content[0] += '<tr><td>适用客户</td><td>个人或者小型企业</td></tr>';
    li_content[0] += '<tr><td>页面数量</td><td>6个以内</td></tr>';
    li_content[0] += '<tr><td>动态效果</td><td>动态首页制作一个、精美宣传动画</td></tr>';
    li_content[0] += '<tr><td>功能模块</td><td>[如 公司简介、产品展示、联系我们、企业荣誉、访客留言等]</td></tr>';
    li_content[0] += '<tr><td>免费赠送</td><td>计数器,留言本</td></tr>';
    li_content[0] += '<tr><td>开发语言</td><td>ＡＳＰ</td></tr>';
    li_content[0] += '<tr><td>数据库(模块)</td><td>×</td></tr>';
    li_content[0] += '<tr><td>集团邮箱</td><td>50M企业邮局</td></tr>';
    li_content[0] += '<tr><td>语言版本</td><td>简</td></tr>';
    li_content[0] += '<tr><td>网站维护</td><td>首年免费维护两次</td></tr>';
    li_content[0] += '<tr><td>域名注册</td><td>国际域名</td></tr>';
    li_content[0] += '<tr><td>虚拟主机</td><td>100M空间</td></tr>';
    li_content[0] += '<tr><td>备 注</td><td>如果您申请的是国内域名或其他域名，收费标准不按以上标准<br />参考价格：2000 元<br />如果你有什么特殊制作要求或意见,可以直接洽谈. </td></tr>';
    li_content[0] += '<tr><td>制作周期</td><td>一周</td></tr></table>';
    li_content[1] = '<h1>基础型网页套餐</h1>';
    li_content[1] += '<table cellpadding="6" cellspacing="1" >';
    li_content[1] += '<tr><th width="100">项目名称</th><th>项目内容</th></tr>';
    li_content[1] += '<tr><td>创作主旨</td><td>设计精美而内容简洁,是企业步入信息化的捷径,有限的投资获得有效的受益.</td></tr>';
    li_content[1] += '<tr><td>适用客户</td><td>建立形象宣传、定位于宣传自己产品的公司.</td></tr>';
    li_content[1] += '<tr><td>页面数量</td><td>15页精美形象宣传页</td></tr>';
    li_content[1] += '<tr><td>动态效果</td><td>动态首页制作一个、采用后台更新系统</td></tr>';
    li_content[1] += '<tr><td>功能模块</td><td>[如 公司简介、产品展示、联系我们、企业荣誉、流量分析、统计信息、反馈 等]</td></tr>';
    li_content[1] += '<tr><td>免费赠送</td><td>50M企业邮局,在线订单系统,留言本</td></tr>';
    li_content[1] += '<tr><td>开发语言</td><td>ＡＳＰ</td></tr>';
    li_content[1] += '<tr><td>数据库(模块)</td><td>access 数据库</td></tr>';
    li_content[1] += '<tr><td>集团邮箱</td><td>50M企业邮局</td></tr>';
    li_content[1] += '<tr><td>语言版本</td><td>简</td></tr>';
    li_content[1] += '<tr><td>网站维护</td><td>首年全年不限次数免费维护(包括网站和虚拟主机的维护),注:更新内容不包括页面风格和网站结构的改动.</td></tr>';
    li_content[1] += '<tr><td>域名注册</td><td>国际、内顶级域名任选一个.例如:www.abc.com</td></tr>';
    li_content[1] += '<tr><td>虚拟主机</td><td>100M企业电子商务级虚拟主机</td></tr>';
    li_content[1] += '<tr><td>备 注</td><td>如果您申请的是国内域名或其他域名，收费标准不按以上标准<br />参考价格：3000 元<br />如果你有什么特殊制作要求或意见,可以直接洽谈. </td></tr>';
    li_content[1] += '<tr><td>制作周期</td><td>7至14个工作日</td></tr></table>';
    li_content[2] = '<h1>专业型网页套餐</h1>';
    li_content[2] += '<table cellpadding="6" cellspacing="1" >';
    li_content[2] += '<tr><th width="100">项目名称</th><th>项目内容</th></tr>';
    li_content[2] += '<tr><td>创作主旨</td><td>创意设计,内容丰富,侧重推广, 突出公司形象. 兼具可扩展性与商务功能.</td></tr>';
    li_content[2] += '<tr><td>适用客户</td><td>中小型企业建立形象商务网站</td></tr>';
    li_content[2] += '<tr><td>页面数量</td><td> 20页精美标准页 </td></tr>';
    li_content[2] += '<tr><td>动态效果</td><td>动态首页制作一个、采用后台更新系统</td></tr>';
    li_content[2] += '<tr><td>功能模块</td><td>[如 公司简介、产品展示、联系我们、企业荣誉 等]</td></tr>';
    li_content[2] += '<tr><td>免费赠送</td><td>企业形象展示动画,100M企业邮局,在线订单系统,洽谈系统</td></tr>';
    li_content[2] += '<tr><td>开发语言</td><td>ＡＳＰ</td></tr>';
    li_content[2] += '<tr><td>数据库(模块)</td><td>新闻发布系统、在线订单系统、产品自助管理系统、留言板等</td></tr>';
    li_content[2] += '<tr><td>集团邮箱</td><td>100专业性企业邮局</td></tr>';
    li_content[2] += '<tr><td>语言版本</td><td>简</td></tr>';
    li_content[2] += '<tr><td>网站维护</td><td>首年全年不限次数免费维护(包括网站和虚拟主机的维护),注:更新内容不包括页面风格和网站结构的改动.</td></tr>';
    li_content[2] += '<tr><td>域名注册</td><td>国际、内顶级域名各一个(免首年费用).例如:www.abc.com;www.abc.com.cn</td></tr>';
    li_content[2] += '<tr><td>虚拟主机</td><td>200M企业电子商务级虚拟主机</td></tr>';
    li_content[2] += '<tr><td>备 注</td><td>如果您申请的是国内域名或其他域名，收费标准不按以上标准<br />参考价格：6800 元<br />如果你有什么特殊制作要求或意见,可以直接洽谈. </td></tr>';
    li_content[2] += '<tr><td>制作周期</td><td>14至21个工作日</td></tr></table>';
    li_content[3] = '<h1>商务型网页套餐</h1>';
    li_content[3] += '<table cellpadding="6" cellspacing="1" >';
    li_content[3] += '<tr><th width="100">项目名称</th><th>项目内容</th></tr>';
    li_content[3] += '<tr><td>创作主旨</td><td>独特互动设计,风格得体大方,突出产品展示.能够同时的体现出公司品牌和产品.根据企业市场和经营管理策略特别策划并提供整套, 整体策划＋优秀创意＋完备功能＝完美组合.</td></tr>';
    li_content[3] += '<tr><td>适用客户</td><td>侧重宣传推广,逐步实现电子商务的企业</td></tr>';
    li_content[3] += '<tr><td>页面数量</td><td>30页精美标准页</td></tr>';
    li_content[3] += '<tr><td>动态效果</td><td>动态首页制作一个、采用后台更新系统</td></tr>';
    li_content[3] += '<tr><td>功能模块</td><td>[如 新闻动态、产品展示、企业论坛、留言板 等]</td></tr>';
    li_content[3] += '<tr><td>免费赠送</td><td>企业形象展示动画(价值800元)200M企业邮局,在线订单系统,洽谈系统</td></tr>';
    li_content[3] += '<tr><td>开发语言</td><td>ＡＳＰ</td></tr>';
    li_content[3] += '<tr><td>数据库(模块)</td><td>会员管理、产品管理、新闻发布、产品搜索、站内调查、邮件列表、信息反馈等</td></tr>';
    li_content[3] += '<tr><td>集团邮箱</td><td>200M企业邮局</td></tr>';
    li_content[3] += '<tr><td>语言版本</td><td>简</td></tr>';
    li_content[3] += '<tr><td>网站维护</td><td>首年全年不限次数免费维护(包括网站和虚拟主机的维护),注:更新内容不包括页面风格和网站结构的改动.</td></tr>';
    li_content[3] += '<tr><td>域名注册</td><td>国际、内顶级域名、中文域名各一个.例如:www.ABC.com</td></tr>';
    li_content[3] += '<tr><td>虚拟主机</td><td>300M企业电子商务级虚拟主机</td></tr>';
    li_content[3] += '<tr><td>备 注</td><td>如果您申请的是国内域名或其他域名，收费标准不按以上标准<br />参考价格：面议<br />如果你有什么特殊制作要求或意见,可以直接洽谈. </td></tr>';
    li_content[3] += '<tr><td>制作周期</td><td>21至28个工作日</td></tr></table>';

    var thisdiv = $("<div><a href=\"javascript:\"></a></div>").appendTo("body");
        thisdiv.attr("id","Type_div");
        thisdiv.css("display","none");
        
    var defaultHTML = thisdiv.html();
    var lis =  $(this).find("a");
    for (var i=0; i<lis.length; i++)
    {
        lis.eq(i).data("index",i);
        lis.eq(i).click(function(){
        
            setdsplay($(this).data("index"));
            thisdiv.find("a").click(function(){
                close();
            });
        });
    }
    
    function dialog(){
        //if ($("#MaskID").length == 0){
            var wnd = $(window), doc = $(document);
            if(wnd.height() > doc.height())
                wHeight = wnd.height();  
            else
                wHeight = doc.height();   
           
            $("body").append("<div ID=MaskID></div>");
            $("#MaskID").width(wnd.width()).height(wHeight).css({position:"absolute",top:"0px",left:"0px",background:"#000",filter:"Alpha(opacity=30);",opacity:"0.3",zIndex:"1",display:"block"});
       // }else{
        //    $("#MaskID").css("display","block");
        //}
    }
    
    function close(){
        thisdiv.css("display","none");
        thisdiv.removeShadow();
        thisdiv.html(defaultHTML);
        $("#MaskID").remove();
        //if ($("#MaskID").length != 0) $("#MaskID").css("display","none");    
    }
    
    function setdsplay(i){
         thisdiv.html(thisdiv.html()+li_content[i]);
         thisdiv.css("display","block");
         thisdiv.dropShadow({left: 8, top: 10, opacity: 0.5, blur: 4});
         dialog();
    }
}