$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "XML/books2.xml",
        dataType: "xml",
        success: begin

    });


    function begin(xml) {
        $(xml).find("Barrett").each(function() {
        var image = $(this).find("Image").text();
        var PersonalURL = $(this).find("PersonalURL").text();
        var URL = $(this).find("URL").text();
        var URL2 = $(this).find("URL2").text();
        var URL3 = $(this).find("URL3").text();
        var URL4 = $(this).find("URL4").text();
        var URL5 = $(this).find("URL5").text();
        $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div><div class="RContent"> ' + $(this).find("Education3").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div><div class="LContent">' + $(this).find("Biography2").text() + '</div></div><div class="EPWrapper">Publications<div class="RContent"> ' + $(this).find("Publications").text() + '</div><div class="RContent"> ' + $(this).find("Publications2").text() + '</div><div class="RContent"> ' + $(this).find("Publications3").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent">' + $(this).find("Personal").text() + ' <a href="' + PersonalURL + '" target="_blank">here</a>.</div><div class="LContent"> ' + $(this).find("Personal2").text() + '</div><div class="LContent"> ' + $(this).find("Personal3").text() + '</div></div><div class="EPWrapper">Board Seats &amp; <br />Personal Interests<div class="RContent"><a href="' + URL + '" target="_blank">' + $(this).find("Board").text() + '</a></div><div class="RContent"><a href="' + URL2 + '" target="_blank">' + $(this).find("Board2").text() + '</a></div><div class="RContent"><a href="' + URL3 + '" target="_blank">' + $(this).find("Board3").text() + '</a></div><div class="RContent"><a href="' + URL4 + '" target="_blank">' + $(this).find("Board4").text() + '</a></div><div class="RContent"><a href="' + URL5 + '" target="_blank">' + $(this).find("Board5").text() + '</a></div></div></div>');
            $(".data").fadeIn(200);
        });
    }

    $("div.option_Barrett").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: barrett
        });
        function barrett(xml) {
            $(xml).find("Barrett").each(function() {
            var image = $(this).find("Image").text();
            var PersonalURL = $(this).find("PersonalURL").text();
            var URL = $(this).find("URL").text();
            var URL2 = $(this).find("URL2").text();
            var URL3 = $(this).find("URL3").text();
            var URL4 = $(this).find("URL4").text();
            var URL5 = $(this).find("URL5").text();
            $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div><div class="RContent"> ' + $(this).find("Education3").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div><div class="LContent">' + $(this).find("Biography2").text() + '</div></div><div class="EPWrapper">Publications<div class="RContent"> ' + $(this).find("Publications").text() + '</div><div class="RContent"> ' + $(this).find("Publications2").text() + '</div><div class="RContent"> ' + $(this).find("Publications3").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent">' + $(this).find("Personal").text() + ' <a href="' + PersonalURL + '" target="_blank">here</a>.</div><div class="LContent"> ' + $(this).find("Personal2").text() + '</div></div><div class="EPWrapper">Board Seats &amp; <br />Personal Interests<div class="RContent"><a href="' + URL + '" target="_blank">' + $(this).find("Board").text() + '</a></div><div class="RContent"><a href="' + URL2 + '" target="_blank">' + $(this).find("Board2").text() + '</a></div><div class="RContent"><a href="' + URL3 + '" target="_blank">' + $(this).find("Board3").text() + '</a></div><div class="RContent"><a href="' + URL4 + '" target="_blank">' + $(this).find("Board4").text() + '</a></div><div class="RContent"><a href="' + URL5 + '" target="_blank">' + $(this).find("Board5").text() + '</a></div></div></div>');
            $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Vernon").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: vernon
        });
        function vernon(xml) {
            $(xml).find("Vernon").each(function() {
            var image = $(this).find("Image").text();
            $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div><div class="RContent"> ' + $(this).find("Education3").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div><div class="LContent">' + $(this).find("Biography2").text() + '</div><div class="LContent">' + $(this).find("Biography3").text() + '</div><div class="LContent">' + $(this).find("Biography4").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent"> ' + $(this).find("Personal").text() + '</div><div class="LContent"> ' + $(this).find("Personal2").text() + '</div></div></div>');
                $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Montgomery").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: montgomery
        });
        function montgomery(xml) {
            $(xml).find("Montgomery").each(function() {
			var image = $(this).find("Image").text();
            $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture2"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent"> ' + $(this).find("Personal").text() + '</div></div></div>');
                $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Brooke").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: brooke
        });
        function brooke(xml) {
            $(xml).find("Brooke").each(function() {
			var image = $(this).find("Image").text();
                $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture2"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent"> ' + $(this).find("Personal").text() + '</div></div></div>');
                $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Mark").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: mark
        });
        function mark(xml) {
            $(xml).find("Mark").each(function() {

            $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="LContent">' + $(this).find("Biography").text() + '</div><div class="LContent">' + $(this).find("Biography2").text() + '</div><div class="LContent">' + $(this).find("Biography3").text() + '</div></div><div class="BPWrapper">Personal<div class="LContent"> ' + $(this).find("Personal").text() + '</div></div></div>');
                $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Bartlett").click(function() {
        $(".data").remove();
        $.ajax({
            type: "GET",
            url: "XML/books2.xml",
            dataType: "xml",
            success: bartlett
        });
        function bartlett(xml) {
            $(xml).find("Bartlett").each(function() {
			var image = $(this).find("Image").text();
            $(".main").append('<div class="data"><div class="EPWrapper">Education<div class="RContent"> ' + $(this).find("Education").text() + '</div><div class="RContent"> ' + $(this).find("Education2").text() + '</div></div><div class="Name">' + $(this).find("Name").text() + '</div><div class="Title">' + $(this).find("Title").text() + '</div><div class="BPWrapper">Biography<div class="BPPicture2"><img src="' + image + '" /></div><div class="LContent">' + $(this).find("Biography").text() + '</div><div class="LContent">' + $(this).find("Biography2").text() + '</div><div class="LContent">' + $(this).find("Biography3").text() + '</div></div><div class="EPWrapper">Publications<div class="RContent"> ' + $(this).find("Publications").text() + '</div><div class="RContent"> ' + $(this).find("Publications2").text() + '</div><div class="RContent"> ' + $(this).find("Publications3").text() + '</div><div class="RContent"> ' + $(this).find("Publications4").text() + '</div><div class="RContent"> ' + $(this).find("Publications5").text() + '</div></div><div class="BPWrapper">Academic<div class="LContent"> ' + $(this).find("Academic").text() + '</div></div><div class="BPWrapper">Government<div class="LContent"> ' + $(this).find("Government").text() + '</div></div></div>');
                $(".data").fadeIn(200);
            });
        }
    });

    $("div.option_Barrett").hover(function() {
        $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
            "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

    $("div.option_Vernon").hover(function() {
    $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
        "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

    $("div.option_Montgomery").hover(function() {
    $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
        "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

    $("div.option_Bartlett").hover(function() {
        $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
            "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

    $("div.option_Brooke").hover(function() {
        $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
            "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

    $("div.option_Mark").hover(function() {
        $(this).css({ "width": "200px", "height": "27px", "background-color": "#3B7599", "margin-left": "-10px", "padding-left": "25px", "border-right": "solid 3px #214459", "border-bottom": "solid 3px #214459" });

    }, function() {
        var titlecssObj = {
            "width": "190px", "height": "30px", "background-color": "#414B57", "margin-left": "0", "padding-left": "15px", "border-right": "0", "border-bottom": "0"

        }
        $(this).css(titlecssObj);
    });

});