/// <reference path="jquery-1.4.1-vsdoc.js" />
$(document).ready(readey);
function readey() {
    IE();
    $("#aside table:eq(0) tr:even td").addClass("even");

    $("#teacher dl:even").addClass("even");
    $("#Cs dl:even").addClass("even");

    if (document.getElementById("Banners") != null)
    { BannerShow(); }

    $("#content.articles .article").bind("mousewheel", function () {
        if (event.button == 1) {
            var size = parseInt(GetSizeByPx($(this).css("font-size")));
            var line = parseInt(GetSizeByPx($(this).css("line-height")));
            if (event.wheelDelta > 0) {
                $(this).css("font-size", (size += 2) + "px");
                $(this).css("line-height", (line += 2) + "px");
            }
            else {
                $(this).css("font-size", (size -= 2) + "px");
                $(this).css("line-height", (line -= 2) + "px");
            }
            return false;
        }
        else
        { return true; }
    });

    $("#content.articles .article").attr("title", "按住鼠标左键，滚动滑轮，可改变字体大小");
    function GetSizeByPx(size) {
        return size.replace(/px/, "");
    }


    $("#footer dt img").mousemove(function () {
        $("#footer dd img:eq(0)").attr("src", "/ImageShow.ashx?url=" + $(this).attr("alt") + "&w=330&h=228");
    });

    Map();

}

function IE() {

    if (navigator.appName == "Microsoft Internet Explorer") {
        var app = navigator.appVersion.split(";")[1].replace(/[ ]/g, "");
        if (app == "MSIE6.0") {
            $("#article .news dl dd a:even").addClass("even");
            $("[alt=logo]").addClass("logo");
            $("[alt=logo]").attr("src", "Style/Jzaccp/logo.jpg");
            $("#search [type=text]").addClass("text");
            $("#search [type=image]").addClass("image");
            $("#banners img:eq(1)").addClass("j3");
            $("#footer dd img:eq(1)").addClass("j3");
            $("#nav a:eq(0)").addClass("first");
            $("#nav img[src$=png]").attr("src", "Style/Jzaccp/Butterfly.jpg")
            $("#teacher dl dd+dd").addClass("even");
        }
        if (app == "MSIE7.0") {
            $("#search [type=text]").addClass("text");
        }
    }
}


function BannerShow() {
    /* 
    box:            Banner 容器
    ms:             动画完成时间（毫秒）
    play:           动画间隔时间（毫秒）
    height:         高度
    width:          宽度
    itmes:          节点集合
    link:           Bnner 的链接
    span:           按钮的容器
    */
    var box, ms, play, height, width, items, link, span;
    $(document).ready(function () {
        //获取 Banner 的容器
        box = $("#Banners");
        //异步读取配置
        var request = $.get("Banner.xml", function () {
            /* 异步读取配置成功时 */

            //填充内容
            Fill(request);

            //动画前准备
            Ready();

            //伸缩动画
            //Flex();

            //淡入淡出动画
            Fade();


        }, "xml");
    });

    //动画前准备
    function Ready() {
        //获取默认第一个链接按钮
        var first = $(span).find("a").first("a");
        //赋予它默认被选中的样式
        first.addClass("hover");
        //将图片的链接地址与此相同
        $(link).attr("href", first.attr("href"));

        //在数据悬停到每个 按钮 上时，去掉其他按钮的悬停样式
        $(span).find("a").hover(function () { $(this).siblings("a").removeClass("hover"); });
    }

//    //伸缩效果
//    function Flex() {
//        $(box).find("div").find("img").first("img").nextAll("img").css("width", "0px");
//        $(box).find("span a").hover(function () {
//            var index = $(this).parent().find("a").index($(this));
//            var img = $(this).parents("#Banners").find("div").find("img").eq(index);
//            $(img).siblings("img").animate({ width: "0px" }, ms);
//            $(img).animate({ width: width + "px" }, ms);
//        });
//    }

    //淡入淡出
    function Fade() {        
        //使 Banner 全部重叠（绝对定位），并让第一张图片默认显示出来
        $(link).find("img").css("position", "absolute");
        $(link).find("img").css("top", "0px");
        $(link).find("img").css("left", "0px");
        $(link).find("img").first("img").nextAll("img").hide();
        
        //定时器播放
        var interval = window.setInterval(Play, play);

        //按钮鼠标悬停事件（显示 Banner; 暂停播放）
        $(span).find("a").mousemove(function () {
            ShowBanner(this);
            window.clearInterval(interval);
        });
        //按钮鼠标离开事件（重新播放）
        $(span).find("a").mouseout(function () {
            interval = window.setInterval(Play, play);
        });

        
        
        //根据相应的按钮，显示相应的 Banner
        function ShowBanner(a) {
            //使 Banner 的链接与当前按钮同步，同时设置按钮的样式
            $(link).attr("href", $(a).attr("href"));
            $(a).addClass("hover");
            $(a).siblings("a").removeClass("hover");
            
            //获取当前按钮所在的索引
            var index = $(box).find("span a").index($(a));

            //根据相同的索引，获取对应的 Banner，并且使其显示
            var img = $(box).find("a img").eq(index);
            $(img).siblings("img").fadeOut(ms)
            $(img).fadeIn(ms);
        }

        //自动播放
        function Play() {
            //获取到当前被选中的按钮
            var a = $(span).find("a.hover");

            //获取到当前按钮所在的索引
            var index = $(span).find("a").index(a);

            //显示 Banner ，将下一个按钮作为参数
            ShowBanner($(box).find("span a").eq(index >= items.length - 1 ? 0 : index + 1));
        }
    }

    //填充内容
    function Fill(request) {
        //读取XML文档中的所有配置
        var root = $(request.responseXML).find("Banner");
        ms = parseInt(root.attr("ms"));
        play = parseInt(root.attr("play"));
        width = parseInt(root.attr("width"));
        height = parseInt(root.attr("height"));
        items = root.find("item");

        //初始化 Banner 的链接标签（新窗口打开、块级元素、尺寸……）
        link = document.createElement("a");
        link.target = "_blank";
        link.style.display = "block";
        link.style.width = (width * items.length) + "px";
        link.style.height = height + "px";

        //初始化 span 标签（该标签用来包裹 a，使按钮在同一个区域中）
        span = document.createElement("span");

        //遍历 项 节点集合；并创建相应的 a、img 标签
        for (var i = 0; i < items.length; i++) {
            var item = $(items[i]);
            var img = document.createElement("img");
            var a = document.createElement("a");
            img.src = item.attr("src");
            a.innerHTML = img.alt = item.attr("alt");
            a.href = item.attr("href");
            a.target = "_blank";
            //添加到相应的容器中
            $(link).append(img);
            $(span).append(a);
        }

        //添加到 Banner 容器中
        $(box).append(link);
        $(box).append(span);
    }
}
















//function BannerShow() {
//    var div, xml, ms, items, height, width;
//    $(document).ready(function () {
//        //获取 Banner 的容器
//        div = $("Banners");
//        var request = $.get("Banner.xml", function () {
//            xml = $(request.responseXML);
//            ms = parseInt(xml.find("Banner").attr("ms"));
//            items = xml.find("item");

//            $(div).append(document.createElement("div"));

//            for (var i = 0; i < items.length; i++) {
//                var item = $(items[i]);

//                var img = document.createElement("img");
//                img.src = item.attr("src");
//                img.alt = item.attr("alt");
//                $(div).find("div").append(img);

//                var a = document.createElement("a");
//                a.innerHTML = "北大青鸟学时后"; //item.attr("alt");
//                a.href = item.attr("href");

//                $(a).fadeTo(0, 0.8);
//                $(a).hover(function (img) {
//                    $(this).fadeTo(200, 1);
//                    var index = $(this).parent().find("a").index($(this));
//                    var banner = $(this).parents("#banners").find("img").eq(index);
//                    //$(banner).prevAll("img").animate({ width: "0px", height:"167px" }, 500);
//                    $(banner).siblings("img").animate({ width: "0px", height: "167px" }, 1000);
//                    $(banner).animate({ width: "998px", height: "167px" }, 1000);
//                    
//                    //$(banner).nextAll("img").animate({ width: "998px", height: "167px" }, 500);
//                });
//                $(a).mouseout(function () { $(this).fadeTo(200, 0.8); });

//                $(div).find("span").append(a);
//            }
//        }, "xml");
//    });
//}

//function BannerShow() {
//    var img, banner, ms, items;
//    $(document).ready(function () {
//        img = document.getElementById("Banner");

//        var request = $.get("Banner.xml", function () {
//            banner = $(request.responseXML);
//            ms = parseInt(banner.find("Banner").attr("ms"));
//            items = banner.find("item");
//            BannerFade();

//            function BannerFade() {

//                img.style.filter = "blendTrans(duration=2)";
//                var index = 1;
//                //                for (var i = 1; i <= items.length; i++) {
//                //                    var a = document.createElement("a");
//                //                    a.innerHTML = i;
//                //                    a.onclick = function () { index = BannerShowByIndex(parseInt(this.innerHTML) - 1); }
//                //                    img.parentNode.insertBefore(a, img);
//                //                }
//                img.src = items[0].getAttribute("src");
//                $(img).parent("a").attr("href", items[0].getAttribute("href"));

//                setInterval(function () { index = BannerShowByIndex(index); }, ms);

//                function BannerShowByIndex(x) {

//                    img.filters.blendTrans.apply();
//                    img.src = items[x].getAttribute("src");
//                    img.filters.blendTrans.play();
//                    $(img).parent("a").attr("href", items[x].getAttribute("href"));
//                    x++;
//                    if (x == items.length)
//                    { x = 0; }
//                    return x;
//                }
//            }
//        }, "xml");
//    });
//}



//百度地图
function Map() {
    //创建和初始化地图函数：
    function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
        addMarker(); //向地图中添加marker
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
        var point = new BMap.Point(112.253828, 30.331104); //定义一个中心点坐标
        map.centerAndZoom(point, 17); //设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map; //将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
        map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 0 });
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{ title: "北大青鸟", content: "荆州市沙市区江津6中路238号，青少年宫6楼；联系电话：0716-8262020", point: "112.253603|30.331353", isOpen: 0, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5} }
		 ];
    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, { icon: iconImg });
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://openapi.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
        return icon;
    }

    initMap(); //创建和初始化地图










}