(function ($) {
    loadProjects = function (page) {
        var xml = "";
        var xmlDoc;
        var projectHTML = "";
        var projectList = [];

        var serviceHTML = "";
        var serviceList = [];

        var photoHTML = "";
        var photoList = [];

        var testimonialHTML = "";
        var testimonialList = [];

        var awardHTML = "";
        var awardList = [];

        var eventHTML = "";
        var eventList = [];

        var jobHTML = "";
        var jobList = [];

        var videoHTML = "";
        var videoList = [];

        var peopleHTML = "";
        var peopleList = [];

        $.ajax({
            type: "GET",
            url: 'content.xml',
            data: {},
            success: function (returndata) {
                if (returndata.xml != "") {
                    if (window.DOMParser) {
                        xml = returndata;
                    } else {
                        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                        xmlDoc.async = "false";
                        xmlDoc.loadXML(returndata.xml);
                        xml = $(xmlDoc);
                    }

                    $(xml).find("projects").each(function () {
                        $(this).find('project').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var projectTitle = $(this).find('projectTitle').text();
                            var projectType = $(this).find('projectType').text();
                            var projectIndustry = $(this).find('projectIndustry').text();
                            var initialSlideContent = $(this).find('initialSlideContent').text();

                            var listHTML = "";
                            $(this).find('tools').each(function () {
                                $(this).find('tool').each(function () {
                                    var type = $(this).find('type').text();
                                    listHTML += "<li class='" + type + "'></li>";
                                });
                            });

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    projectList.push(slug);
                                    projectHTML += "<!-- PROJECT WITH POPUP BLOCK -->";
                                    projectHTML += "<div class='shadow fivehundo hover'>";
                                    projectHTML += "<div id='' class='five_hundo project boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    projectHTML += "<div class='project' style='display:none'>";
                                    projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span><br />";
                                    projectHTML += "	<span class='name'>Partner</span> <span class='separator'>/</span> <span class='field'>" + projectType + "</span><br />";
                                    projectHTML += "	<span class='name'>Industry</span> <span class='separator'>/</span> <span class='field'>" + projectIndustry + "</span>";
                                    projectHTML += "	<ul class='tools'>";
                                    projectHTML += listHTML;
                                    projectHTML += "	</ul>";
                                    projectHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    projectHTML += "<div class='clear'></div>";
                                    projectHTML += "<div class='mid_arrow'></div>";
                                    projectHTML += "	<p class='firstSlide'>" + initialSlideContent + "</p>";
                                    projectHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                    projectHTML += "</div>";

                                    projectHTML += "<img src='" + tileImage + "' />";
                                    projectHTML += "<div class='contents'>";
                                    projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span>";
                                    projectHTML += "</div>";
                                    projectHTML += "<div class='opacityInfo'>";
                                    projectHTML += "<div class='contents'>";
                                    projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span><br />";
                                    projectHTML += "	<span class='name'>Partner</span> <span class='separator'>/</span> <span class='field'>" + projectType + "</span><br />";
                                    projectHTML += "	<span class='name'>Industry</span> <span class='separator'>/</span> <span class='field'>" + projectIndustry + "</span>";
                                    projectHTML += "</div>";
                                    projectHTML += "</div>";
                                    projectHTML += "</div>";
                                    projectHTML += "</div>";

                                    $(this).find('slides').each(function () {
                                        $(this).find('slide').each(function () {
                                            var slideContent = $(this).find('slideContent').text();
                                            projectHTML += "<div class='five_hundo boxpop' name='" + slug + "' rel='" + type + "' style='display: none;'>";
                                            projectHTML += "<div class='project' style='display:none'>";
                                            projectHTML += "	<p class='firstSlide'>" + slideContent + "</p>";
                                            projectHTML += "</div>";
                                            projectHTML += "</div>";
                                        });
                                    });
                                    projectHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                projectList.push(slug);
                                projectHTML += "<!-- PROJECT WITH POPUP BLOCK -->";
                                projectHTML += "<div class='shadow fivehundo hover'>";
                                projectHTML += "<div id='' class='five_hundo project boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                projectHTML += "<div class='project' style='display:none'>";
                                projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span><br />";
                                projectHTML += "	<span class='name'>Partner</span> <span class='separator'>/</span> <span class='field'>" + projectType + "</span><br />";
                                projectHTML += "	<span class='name'>Industry</span> <span class='separator'>/</span> <span class='field'>" + projectIndustry + "</span>";
                                projectHTML += "	<ul class='tools'>";
                                projectHTML += listHTML;
                                projectHTML += "	</ul>";
                                projectHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                projectHTML += "<div class='clear'></div>";
                                projectHTML += "<div class='mid_arrow'></div>";
                                projectHTML += "	<p class='firstSlide'>" + initialSlideContent + "</p>";
                                projectHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                projectHTML += "</div>";

                                projectHTML += "<img src='" + tileImage + "' />";
                                projectHTML += "<div class='contents'>";
                                projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span>";
                                projectHTML += "</div>";
                                projectHTML += "<div class='opacityInfo'>";
                                projectHTML += "<div class='contents'>";
                                projectHTML += "	<span class='name'>Project</span> <span class='separator'>/</span> <span class='field'>" + projectTitle + "</span><br />";
                                projectHTML += "	<span class='name'>Partner</span> <span class='separator'>/</span> <span class='field'>" + projectType + "</span><br />";
                                projectHTML += "	<span class='name'>Industry</span> <span class='separator'>/</span> <span class='field'>" + projectIndustry + "</span>";
                                projectHTML += "</div>";
                                projectHTML += "</div>";
                                projectHTML += "</div>";
                                projectHTML += "</div>";

                                $(this).find('slides').each(function () {
                                    $(this).find('slide').each(function () {
                                        var slideContent = $(this).find('slideContent').text();
                                        projectHTML += "<div class='five_hundo boxpop' name='" + slug + "' rel='" + type + "' style='display: none;'>";
                                        projectHTML += "<div class='project' style='display:none'>";
                                        projectHTML += "	<p class='firstSlide'>" + slideContent + "</p>";
                                        projectHTML += "</div>";
                                        projectHTML += "</div>";
                                    });
                                });
                                projectHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });

                    $(xml).find("services").each(function () {
                        $(this).find('service').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var serviceTitle = $(this).find('serviceTitle').text();
                            var serviceDescription = $(this).find('serviceDescription').text();
                            var firstParagraph = $(this).find('firstParagraph').text();
                            var secondParagraph = $(this).find('secondParagraph').text();

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    serviceList.push(slug);
                                    serviceHTML += "<!-- SERVICE WITH POPUP BLOCK -->";
                                    serviceHTML += "<div class='shadow fivehundo hover'>";
                                    serviceHTML += "<div class='five_hundo service boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    serviceHTML += "<div class='service' style='display:none;'>";
                                    serviceHTML += "<div class='mid_arrow'></div>";
                                    serviceHTML += "<div class='leftPanel'></div>";
                                    serviceHTML += "<div class='leftInformation'>";
                                    serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>	";
                                    serviceHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                    serviceHTML += "<p class='firstSlide'>" + secondParagraph + "</p>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    serviceHTML += "</div>";
                                    serviceHTML += "<img src='" + tileImage + "' />";
                                    serviceHTML += "<div class='contents'>";
                                    serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "<div class='opacityInfo'>";
                                    serviceHTML += "<div class='contents'>";
                                    serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>";
                                    serviceHTML += "<div class='info'><p>" + serviceDescription + "</p></div>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "</div>";
                                    serviceHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                serviceList.push(slug);
                                serviceHTML += "<!-- SERVICE WITH POPUP BLOCK -->";
                                serviceHTML += "<div class='shadow fivehundo hover'>";
                                serviceHTML += "<div class='five_hundo service boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                serviceHTML += "<div class='service' style='display:none;'>";
                                serviceHTML += "<div class='mid_arrow'></div>";
                                serviceHTML += "<div class='leftPanel'></div>";
                                serviceHTML += "<div class='leftInformation'>";
                                serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>	";
                                serviceHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                serviceHTML += "<p class='firstSlide'>" + secondParagraph + "</p>";
                                serviceHTML += "</div>";
                                serviceHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                serviceHTML += "</div>";
                                serviceHTML += "<img src='" + tileImage + "' />";
                                serviceHTML += "<div class='contents'>";
                                serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>";
                                serviceHTML += "</div>";
                                serviceHTML += "<div class='opacityInfo'>";
                                serviceHTML += "<div class='contents'>";
                                serviceHTML += "<span class='name'>Service</span> <span class='separator'>/</span> <span class='field'>" + serviceTitle + "</span>";
                                serviceHTML += "<div class='info'><p>" + serviceDescription + "</p></div>";
                                serviceHTML += "</div>";
                                serviceHTML += "</div>";
                                serviceHTML += "</div>";
                                serviceHTML += "</div>";
                                serviceHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });
                    $(xml).find("photoalbums").each(function () {
                        $(this).find('album').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var albumTitle = $(this).find('albumTitle').text();
                            var albumDescription = $(this).find('albumDescription').text();
                            var firstImagePath = $(this).find('firstImagePath').text();


                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    photoList.push(slug);
                                    photoHTML += "<!-- ALBUM WITH POPUP BLOCK -->";
                                    photoHTML += "<div class='shadow fivehundo hover'>";
                                    photoHTML += "<div class='five_hundo album boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    photoHTML += "<div class='album ' rel='" + slug + "' rel='" + slug + "' style='display:none;'>";
                                    photoHTML += "<img class='projectImage' src='" + firstImagePath + "' alt='' />";
                                    photoHTML += "</div>";
                                    photoHTML += "<img src='" + tileImage + "' />";
                                    photoHTML += "<div class='contents'>";
                                    photoHTML += "<span class='name'>Album</span> <span class='separator'>/</span> <span class='field'>" + albumTitle + "</span>";
                                    photoHTML += "</div>";
                                    photoHTML += "<div class='opacityInfo'>";
                                    photoHTML += "<div class='contents'>";
                                    photoHTML += "<span class='name'>Album</span> <span class='separator'>/</span> <span class='field'>" + albumTitle + "</span><br />";
                                    photoHTML += "<span class='name'>Photos</span> <span class='separator'>/</span> <span class='field'>" + albumDescription + "</span>";
                                    photoHTML += "</div>";
                                    photoHTML += "</div>";
                                    photoHTML += "</div>";
                                    photoHTML += "</div>";

                                    $(this).find('photo').each(function () {
                                        var photo = $(this).find('path').text();
                                        photoHTML += "<div class='five_hundo album boxpop " + slug + "' name='" + slug + "' rel='" + type + "' style='display:none;'>";
                                        photoHTML += "<div class='album ' rel='" + slug + "' rel='" + slug + "' style='display:none;'>";
                                        photoHTML += "<img class='projectImage' src='" + photo + "' alt='' />";
                                        photoHTML += "</div>";
                                        photoHTML += "</div>";
                                    });

                                    photoHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                photoList.push(slug);
                                photoHTML += "<!-- ALBUM WITH POPUP BLOCK -->";
                                photoHTML += "<div class='shadow fivehundo hover'>";
                                photoHTML += "<div class='five_hundo album boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                photoHTML += "<div class='album ' rel='" + slug + "' rel='" + slug + "' style='display:none;'>";
                                photoHTML += "<img class='projectImage' src='" + firstImagePath + "' alt='' />";
                                photoHTML += "</div>";
                                photoHTML += "<img src='" + tileImage + "' />";
                                photoHTML += "<div class='contents'>";
                                photoHTML += "<span class='name'>Album</span> <span class='separator'>/</span> <span class='field'>" + albumTitle + "</span>";
                                photoHTML += "</div>";
                                photoHTML += "<div class='opacityInfo'>";
                                photoHTML += "<div class='contents'>";
                                photoHTML += "<span class='name'>Album</span> <span class='separator'>/</span> <span class='field'>" + albumTitle + "</span><br />";
                                photoHTML += "<span class='name'>Photos</span> <span class='separator'>/</span> <span class='field'>" + albumDescription + "</span>";
                                photoHTML += "</div>";
                                photoHTML += "</div>";
                                photoHTML += "</div>";
                                photoHTML += "</div>";

                                $(this).find('photo').each(function () {
                                    var photo = $(this).find('path').text();
                                    photoHTML += "<div class='five_hundo album boxpop " + slug + "' name='" + slug + "' rel='" + type + "' style='display:none;'>";
                                    photoHTML += "<div class='album ' rel='" + slug + "' rel='" + slug + "' style='display:none;'>";
                                    photoHTML += "<img class='projectImage' src='" + photo + "' alt='' />";
                                    photoHTML += "</div>";
                                    photoHTML += "</div>";
                                });

                                photoHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });
                    $(xml).find("testimonials").each(function () {
                        $(this).find('testimonial').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var client = $(this).find('client').text();
                            var title = $(this).find('title').text();
                            var company = $(this).find('company').text();
                            var firstParagraph = $(this).find('firstParagraph').text();
                            var content = $(this).find('content').text();

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    testimonialList.push(slug);
                                    testimonialHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                    testimonialHTML += "<div class='shadow fivehundo hover'>";
                                    testimonialHTML += "<div class='five_hundo testimonial boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    testimonialHTML += "<div class='testimonial' style='display:none;'>";
                                    testimonialHTML += "<div class='mid_arrow'></div>";
                                    testimonialHTML += "<div class='leftPanel'></div>";
                                    testimonialHTML += "<div class='leftInformation'>";
                                    testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                    testimonialHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    testimonialHTML += "<span class='name'>Company</span> <span class='separator'>/</span> <span class='field'>" + company + "</span>	";
                                    testimonialHTML += "<div class='info'>";
                                    testimonialHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                    testimonialHTML += "<p class='firstSlide'>" + content + "</p>";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "<img src='" + tileImage + "' />";
                                    testimonialHTML += "<div class='contents'>";
                                    testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "<div class='opacityInfo'>";
                                    testimonialHTML += "<div class='contents'>";
                                    testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                    testimonialHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    testimonialHTML += "<span class='name'>Company</span> <span class='separator'>/</span> <span class='field'>" + company + "</span>	";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "</div>";
                                    testimonialHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                testimonialList.push(slug);
                                testimonialHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                testimonialHTML += "<div class='shadow fivehundo hover'>";
                                testimonialHTML += "<div class='five_hundo testimonial boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                testimonialHTML += "<div class='testimonial' style='display:none;'>";
                                testimonialHTML += "<div class='mid_arrow'></div>";
                                testimonialHTML += "<div class='leftPanel'></div>";
                                testimonialHTML += "<div class='leftInformation'>";
                                testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                testimonialHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                testimonialHTML += "<span class='name'>Company</span> <span class='separator'>/</span> <span class='field'>" + company + "</span>	";
                                testimonialHTML += "<div class='info'>";
                                testimonialHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                testimonialHTML += "<p class='firstSlide'>" + content + "</p>";
                                testimonialHTML += "</div>";
                                testimonialHTML += "</div>";
                                testimonialHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                testimonialHTML += "</div>";
                                testimonialHTML += "<img src='" + tileImage + "' />";
                                testimonialHTML += "<div class='contents'>";
                                testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                testimonialHTML += "</div>";
                                testimonialHTML += "<div class='opacityInfo'>";
                                testimonialHTML += "<div class='contents'>";
                                testimonialHTML += "<span class='name'>Client</span> <span class='separator'>/</span> <span class='field'>" + client + "</span><br />";
                                testimonialHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                testimonialHTML += "<span class='name'>Company</span> <span class='separator'>/</span> <span class='field'>" + company + "</span>	";
                                testimonialHTML += "</div>";
                                testimonialHTML += "</div>";
                                testimonialHTML += "</div>";
                                testimonialHTML += "</div>";
                            }
                        });
                    });
                    $(xml).find("people").each(function () {
                        $(this).find('person').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var name = $(this).find('name').text();
                            var title = $(this).find('title').text();
                            var content = $(this).find('content').text();

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    peopleList.push(slug);
                                    peopleHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                    peopleHTML += "<div class='shadow fivehundo hover'>";
                                    peopleHTML += "<div class='five_hundo testimonial boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    peopleHTML += "<div class='testimonial' style='display:none;'>";
                                    peopleHTML += "<div class='arrow'></div>";
                                    peopleHTML += "<div class='leftPanel'></div>";
                                    peopleHTML += "<div class='leftInformation'>";
                                    peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                    peopleHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span>	";
                                    peopleHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                    peopleHTML += "</div>";
                                    peopleHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    peopleHTML += "</div>";
                                    peopleHTML += "<img src='" + tileImage + "' />";
                                    peopleHTML += "<div class='contents'>";
                                    peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                    peopleHTML += "</div>";
                                    peopleHTML += "<div class='opacityInfo'>";
                                    peopleHTML += "<div class='contents'>";
                                    peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                    peopleHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span>	";
                                    peopleHTML += "</div>";
                                    peopleHTML += "</div>";
                                    peopleHTML += "</div>";
                                    peopleHTML += "</div>";
                                    peopleHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                peopleList.push(slug);
                                peopleHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                peopleHTML += "<div class='shadow fivehundo hover'>";
                                peopleHTML += "<div class='five_hundo testimonial boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                peopleHTML += "<div class='testimonial' style='display:none;'>";
                                peopleHTML += "<div class='mid_arrow'></div>";
                                peopleHTML += "<div class='leftPanel'></div>";
                                peopleHTML += "<div class='leftInformation'>";
                                peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                peopleHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span>	";
                                peopleHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                peopleHTML += "</div>";
                                peopleHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                peopleHTML += "</div>";
                                peopleHTML += "<img src='" + tileImage + "' />";
                                peopleHTML += "<div class='contents'>";
                                peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                peopleHTML += "</div>";
                                peopleHTML += "<div class='opacityInfo'>";
                                peopleHTML += "<div class='contents'>";
                                peopleHTML += "<span class='name'>InterKnowlogist</span> <span class='separator'>/</span> <span class='field'>" + name + "</span><br />";
                                peopleHTML += "<span class='name'>Title</span> <span class='separator'>/</span> <span class='field'>" + title + "</span>	";
                                peopleHTML += "</div>";
                                peopleHTML += "</div>";
                                peopleHTML += "</div>";
                                peopleHTML += "</div>";
                                peopleHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });
                    $(xml).find("awards").each(function () {
                        var count = 0;
                        $(this).find('award').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var title = $(this).find('title').text();
                            var date = $(this).find('date').text();
                            var content = $(this).find('content').text();

                            if (count == 0) {
                                awardHTML += "<div class='five_hundo_holder'>";
                            }

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    awardList.push(slug);
                                    awardHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                    awardHTML += "<div class='shadow twofitty fade'>";
                                    awardHTML += "<div class='two_fifty award boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    awardHTML += "<div class='award' style='display:none;'>";
                                    awardHTML += "<div class='mid_arrow'></div>";
                                    awardHTML += "<div class='leftPanel'></div>";
                                    awardHTML += "<div class='leftInformation'>";
                                    awardHTML += "<span class='name'>Award</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    awardHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                    awardHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                    awardHTML += "</div>";
                                    awardHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                    awardHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    awardHTML += "</div>";

                                    awardHTML += "<div>";
                                    awardHTML += "<img class='tile_image_right' src='" + tileImage + "' alt='award icon' />";
                                    awardHTML += "<span class='name'>Award /</span><br />";
                                    awardHTML += "<div class='info'><p>" + title + "</p><p class='bottom'>" + date + "</p></div>";
                                    awardHTML += "</div>";
                                    awardHTML += "<div class='opacityInfo'>";
                                    awardHTML += "<div class='contents'>";
                                    awardHTML += "<span class='name'>Award</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    awardHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                    awardHTML += "</div>";
                                    awardHTML += "</div>";
                                    awardHTML += "</div>";
                                    awardHTML += "</div>";
                                    awardHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                awardList.push(slug);
                                awardHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                awardHTML += "<div class='shadow twofitty fade'>";
                                awardHTML += "<div class='two_fifty award boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                awardHTML += "<div class='award' style='display:none;'>";
                                awardHTML += "<div class='mid_arrow'></div>";
                                awardHTML += "<div class='leftPanel'></div>";
                                awardHTML += "<div class='leftInformation'>";
                                awardHTML += "<span class='name'>Award</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                awardHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                awardHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                awardHTML += "</div>";
                                awardHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                awardHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                awardHTML += "</div>";

                                awardHTML += "<div>";
                                awardHTML += "<img class='tile_image_right' src='" + tileImage + "' alt='award icon' />";
                                awardHTML += "<span class='name'>Award /</span><br />";
                                awardHTML += "<div class='info'><p>" + title + "</p><p class='bottom'>" + date + "</p></div>";
                                awardHTML += "</div>";
                                awardHTML += "<div class='opacityInfo'>";
                                awardHTML += "<div class='contents'>";
                                awardHTML += "<span class='name'>Award</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                awardHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                awardHTML += "</div>";
                                awardHTML += "</div>";
                                awardHTML += "</div>";
                                awardHTML += "</div>";
                                awardHTML += "<!-- POPUP BLOCK -->";
                            }
                            count += 1;
                            if (count == 2) {
                                awardHTML += "</div>";
                                count = 0;
                            }
                        });
                    });
                    $(xml).find("jobs").each(function () {
                        var count = 0;
                        $(this).find('job').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var title = $(this).find('title').text();
                            var location = $(this).find('location').text();
                            var date = $(this).find('date').text();
                            var firstParagraph = $(this).find('firstParagraph').text();
                            var secondParagraph = $(this).find('secondParagraph').text();

                            if (count == 0) {
                                jobHTML += "<div class='five_hundo_holder'>";
                            }

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    jobList.push(slug);
                                    jobHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                    jobHTML += "<div class='shadow twofitty job'>";
                                    jobHTML += "<div class='two_fifty job boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    jobHTML += "<div class='job' style='display:none;'>";
                                    jobHTML += "<div class='leftPanel'></div>";
                                    jobHTML += "<div class='leftInformation'>";
                                    jobHTML += "<span class='name'>Job</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    jobHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span><br />";
                                    jobHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                    jobHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                    jobHTML += "<p class='firstSlide'>" + secondParagraph + "</p>";
                                    jobHTML += "</div>";
                                    jobHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                    jobHTML += "<div class='skills'>";
                                    $(this).find('skill').each(function () {
                                        var text = $(this).find('text').text();
                                        jobHTML += text + "<br /><br />";
                                    });

                                    jobHTML += "</div>";
                                    jobHTML += "</div>";

                                    jobHTML += "<div>";
                                    jobHTML += "<img class='tile_image_right' src='" + tileImage + "' alt='award icon' />";
                                    jobHTML += "<span class='name'>Job /</span><br />";
                                    jobHTML += "<div class='info'><p>" + title + "</p><p class='bottom'>" + date + "</p></div>";
                                    jobHTML += "</div>";
                                    jobHTML += "<div class='opacityInfo'>";
                                    jobHTML += "</div>";
                                    jobHTML += "</div>";
                                    jobHTML += "</div>";
                                    jobHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                jobList.push(slug);
                                jobHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                jobHTML += "<div class='shadow twofitty job'>";
                                jobHTML += "<div class='two_fifty job boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                jobHTML += "<div class='job' style='display:none;'>";
                                jobHTML += "<div class='leftPanel'></div>";
                                jobHTML += "<div class='leftInformation'>";
                                jobHTML += "<span class='name'>Job</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                jobHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span><br />";
                                jobHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span>	";
                                jobHTML += "<p class='firstParagraph'>" + firstParagraph + "</p>";
                                jobHTML += "<p class='firstSlide'>" + secondParagraph + "</p>";
                                jobHTML += "</div>";
                                jobHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                jobHTML += "<div class='skills'>";
                                $(this).find('skill').each(function () {
                                	var text = $(this).find('text').text();
                                    jobHTML += text + "<br /><br />";
                                });

                                jobHTML += "</div>";
                                jobHTML += "</div>";

                                jobHTML += "<div>";
                                jobHTML += "<img class='tile_image_right' src='" + tileImage + "' alt='award icon' />";
                                jobHTML += "<span class='name'>Job /</span><br />";
                                jobHTML += "<div class='info'><p>" + title + "</p><p class='bottom'>" + date + "</p></div>";
                                jobHTML += "</div>";
                                jobHTML += "<div class='opacityInfo'>";
                                jobHTML += "</div>";
                                jobHTML += "</div>";
                                jobHTML += "</div>";
                                jobHTML += "<!-- POPUP BLOCK -->";
                            }
                            count += 1;
                            if (count == 2) {
                                jobHTML += "</div>";
                                count = 0;
                            }
                        });
                    });
                    $(xml).find("events").each(function () {
                        $(this).find('event').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var firstImage = $(this).find('firstImage').text();
                            var slug = $(this).find('slug').text();
                            var title = $(this).find('title').text();
                            var date = $(this).find('date').text();
                            var type = $(this).find('type').text();
                            var location = $(this).find('location').text();
                            var mapLink = $(this).find('mapLink').text();
                            var rsvpLink = $(this).find('rsvpLink').text();
                            var content = $(this).find('content').text();

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    eventList.push(slug);
                                    eventHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                    eventHTML += "<div class='shadow fivehundo hover'>";
                                    eventHTML += "<div class='five_hundo event boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    eventHTML += "<div class='event' style='display:none;'>";
                                    eventHTML += "<div class='mid_arrow'></div>";
                                    eventHTML += "<div class='leftPanel'></div>";
                                    eventHTML += "<div class='leftInformation'>";
                                    eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    eventHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span><br />";
                                    eventHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span>	";
                                    eventHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                    eventHTML += "</div>";
                                    eventHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                    eventHTML += "<div class='map_rsvp'><a class='mapLink' href='" + mapLink + "' target='_blank'></a><a class='rsvpLink' href='" + rsvpLink + "' target='_blank'></a></div>";
                                    eventHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                    eventHTML += "</div>";
                                    eventHTML += "<img src='" + tileImage + "' />";
                                    eventHTML += "<div class='contents'>";
                                    eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    eventHTML += "</div>";
                                    eventHTML += "<div class='opacityInfo'>";
                                    eventHTML += "<div class='contents'>";
                                    eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                    eventHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span><br />";
                                    eventHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span><br />";
                                    eventHTML += "</div>";
                                    eventHTML += "</div>";
                                    eventHTML += "</div>";
                                    eventHTML += "</div>";
                                    eventHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                eventList.push(slug);
                                eventHTML += "<!-- TESTIMONIAL WITH POPUP BLOCK -->";
                                eventHTML += "<div class='shadow fivehundo hover'>";
                                eventHTML += "<div class='five_hundo event boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                eventHTML += "<div class='event' style='display:none;'>";
                                eventHTML += "<div class='mid_arrow'></div>";
                                eventHTML += "<div class='leftPanel'></div>";
                                eventHTML += "<div class='leftInformation'>";
                                eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                eventHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span><br />";
                                eventHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span>	";
                                eventHTML += "<div class='info'><p class='firstSlide'>" + content + "</p></div>";
                                eventHTML += "</div>";
                                eventHTML += "<div class='socialinpopup'><span  class='st_facebook_large' ></span><span  class='st_twitter_large' ></span><span  class='st_linkedin_large' ></span></div>";
                                eventHTML += "<div class='map_rsvp'><a class='mapLink' href='" + mapLink + "' target='_blank'></a><a class='rsvpLink' href='" + rsvpLink + "' target='_blank'></a></div>";
                                eventHTML += "<img class='firstImage' src='" + firstImage + "' />";
                                eventHTML += "</div>";
                                eventHTML += "<img src='" + tileImage + "' />";
                                eventHTML += "<div class='contents'>";
                                eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                eventHTML += "</div>";
                                eventHTML += "<div class='opacityInfo'>";
                                eventHTML += "<div class='contents'>";
                                eventHTML += "<span class='name'>Event</span> <span class='separator'>/</span> <span class='field'>" + title + "</span><br />";
                                eventHTML += "<span class='name'>Date</span> <span class='separator'>/</span> <span class='field'>" + date + "</span><br />";
                                eventHTML += "<span class='name'>Location</span> <span class='separator'>/</span> <span class='field'>" + location + "</span><br />";
                                eventHTML += "</div>";
                                eventHTML += "</div>";
                                eventHTML += "</div>";
                                eventHTML += "</div>";
                                eventHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });
                    $(xml).find("videos").each(function () {
                        $(this).find('video').each(function () {
                            var featured = $(this).find('featured').text();
                            var tileImage = $(this).find('tileImage').text();
                            var slug = $(this).find('slug').text();
                            var type = $(this).find('type').text();
                            var videoTitle = $(this).find('videoTitle').text();
                            var videoDescription = $(this).find('videoDescription').text();
                            var videoPath = $(this).find('videoPath').text();

                            var rndImages = ["AdamC", "BretF", "BryanC", "CarmineS", "ChrisR", "CrystalT", "DanH", "DanielW", "DebbieE", "EmilieH", "MaryS", "PaulR", "SandraL", "ScottV", "RodneyG", "TimA", "TimH", "TravisS", "ViraJ"];
                            tileImage = "images/interknowlogists/InterKnowlogist_" + rndImages[Math.floor(Math.random()*rndImages.length)] + ".jpg";

                            if (page == 'home') {
                                if (featured == 'true') {
                                    //populate our array
                                    videoList.push(slug);
                                    videoHTML += "<!-- SERVICE WITH POPUP BLOCK -->";
                                    videoHTML += "<div class='shadow fivehundo hover'>";
                                    videoHTML += "<div class='five_hundo service boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                    videoHTML += "<div class='service' style='display:none;'>";
                                    videoHTML += "<iframe class='video_frame' src='" + videoPath + "' frameborder='0'></iframe>";
                                    videoHTML += "</div>";
                                    videoHTML += "<img src='" + tileImage + "' />";
                                    videoHTML += "<div class='contents'>";
                                    videoHTML += "<span class='name'>Video</span> <span class='separator'>/</span> <span class='field'>" + videoTitle + "</span>";
                                    videoHTML += "</div>";
                                    videoHTML += "<div class='opacityInfo'>";
                                    videoHTML += "<div class='contents'>";
                                    videoHTML += "<span class='name'>Video</span> <span class='separator'>/</span> <span class='field'>" + videoTitle + "</span>";
                                    videoHTML += "<div class='info'><p>" + videoDescription + "</p></div>";
                                    videoHTML += "</div>";
                                    videoHTML += "</div>";
                                    videoHTML += "</div>";
                                    videoHTML += "</div>";
                                    videoHTML += "<!-- POPUP BLOCK -->";
                                }
                            } else {
                                //populate our array
                                videoList.push(slug);
                                videoHTML += "<!-- SERVICE WITH POPUP BLOCK -->";
                                videoHTML += "<div class='shadow fivehundo hover'>";
                                videoHTML += "<div class='five_hundo service boxpop " + slug + "' name='" + slug + "' rel='" + type + "'>";
                                videoHTML += "<div class='service' style='display:none;'>";
                                videoHTML += "<iframe class='video_frame' src='" + videoPath + "' frameborder='0'></iframe>";
                                videoHTML += "</div>";
                                videoHTML += "<img src='" + tileImage + "' />";
                                videoHTML += "<div class='contents'>";
                                videoHTML += "<span class='name'>Video</span> <span class='separator'>/</span> <span class='field'>" + videoTitle + "</span>";
                                videoHTML += "</div>";
                                videoHTML += "<div class='opacityInfo'>";
                                videoHTML += "<div class='contents'>";
                                videoHTML += "<span class='name'>Video</span> <span class='separator'>/</span> <span class='field'>" + videoTitle + "</span>";
                                videoHTML += "<div class='info'><p>" + videoDescription + "</p></div>";
                                videoHTML += "</div>";
                                videoHTML += "</div>";
                                videoHTML += "</div>";
                                videoHTML += "</div>";
                                videoHTML += "<!-- POPUP BLOCK -->";
                            }
                        });
                    });
                }

				if (projectList.length > 1) {
                    $("#cboxWrapper").append("<div class='projectControls'><div class='nextOverlay'><a class='nextControl'>Next Project</a></div></div>");
                }
                if (serviceList.length > 1) {
                    $("#cboxWrapper").append("<div class='serviceControls'><div class='nextOverlay'><a class='nextControl'>Next Service</a></div></div>");
                }
                if (photoList.length > 1) {
                    $("#cboxWrapper").append("<div class='albumControls'><div class='nextOverlay'><a class='nextControl'>Next Album</a></div></div>");
                }
                if (testimonialList.length > 1) {
                    $("#cboxWrapper").append("<div class='testimonialControls'><div class='nextOverlay'><a class='nextControl'>Next Client</a></div></div>");
                }
                if (awardList.length > 1) {
                    $("#cboxWrapper").append("<div class='awardControls'><div class='nextOverlay'><a class='nextControl'>Next Award</a></div></div>");
                }
                if (eventList.length > 1) {
                    $("#cboxWrapper").append("<div class='eventControls'><div class='nextOverlay'><a class='nextControl'>Next Event</a></div></div>");
                }
                if (jobList.length > 1) {
                    $("#cboxWrapper").append("<div class='jobControls'><div class='nextOverlay'><a class='nextControl'>Next Job</a></div></div>");
                }
                if (videoList.length > 1) {
                    $("#cboxWrapper").append("<div class='videoControls'><div class='nextOverlay'><a class='nextControl videoControl'>Next Video</a></div></div>");
                }
                if (peopleList.length > 1) {
                    $("#cboxWrapper").append("<div class='peopleControls'><div class='nextOverlay'><a class='nextControl'>Next Person</a></div></div>");
                }

                /* ORIGINAL NAVIGATION */
				/*
				if (projectList.length > 1) {
                    $("#cboxWrapper").append("<div class='projectControls'><div class='nextOverlay'><a class='nextControl'>Next Project</a></div><div class='lastOverlay'><a class='lastControl'>Last Project</a></div></div>");
                }
                if (serviceList.length > 1) {
                    $("#cboxWrapper").append("<div class='serviceControls'><div class='nextOverlay'><a class='nextControl'>Next Service</a></div><div class='lastOverlay'><a class='lastControl'>Last Service</a></div></div>");
                }
                if (photoList.length > 1) {
                    $("#cboxWrapper").append("<div class='albumControls'><div class='nextOverlay'><a class='nextControl'>Next Album</a></div><div class='lastOverlay'><a class='lastControl'>Last Album</a></div></div>");
                }
                if (testimonialList.length > 1) {
                    $("#cboxWrapper").append("<div class='testimonialControls'><div class='nextOverlay'><a class='nextControl'>Next Client</a></div><div class='lastOverlay'><a class='lastControl'>Last Client</a></div></div>");
                }
                if (awardList.length > 1) {
                    $("#cboxWrapper").append("<div class='awardControls'><div class='nextOverlay'><a class='nextControl'>Next Award</a></div><div class='lastOverlay'><a class='lastControl'>Last Award</a></div></div>");
                }
                if (eventList.length > 1) {
                    $("#cboxWrapper").append("<div class='eventControls'><div class='nextOverlay'><a class='nextControl'>Next Event</a></div><div class='lastOverlay'><a class='lastControl'>Last Event</a></div></div>");
                }
                if (jobList.length > 1) {
                    $("#cboxWrapper").append("<div class='jobControls'><div class='nextOverlay'><a class='nextControl'>Next Job</a></div><div class='lastOverlay'><a class='lastControl'>Last Job</a></div></div>");
                }
                if (videoList.length > 1) {
                    $("#cboxWrapper").append("<div class='videoControls'><div class='nextOverlay'><a class='nextControl videoControl'>Next Video</a></div><div class='lastOverlay'><a class='lastControl videoControl'>Last Video</a></div></div>");
                }
                if (peopleList.length > 1) {
                    $("#cboxWrapper").append("<div class='peopleControls'><div class='nextOverlay'><a class='nextControl'>Next Person</a></div><div class='lastOverlay'><a class='lastControl'>Last Person</a></div></div>");
                }*/
				
				$('.nextControl').live("click", function () {
                    loadColorbox("div." + $(this).attr("href").replace("#", ""));
                    return false;
                });

                /* OG CONTROLS */
				/*
				$('.nextOverlay').live("click", function () {
                    loadColorbox("div." + $(this).find('a').attr("href").replace("#", ""));
                    return false;
                });*/
                $('.lastOverlay').live("click", function () {
                    loadColorbox("div." + $(this).find('a').attr("href").replace("#", ""));
                    return false;
                });

                $("#albumHolder").append(photoHTML);
                $("#serviceHolder").append(serviceHTML);
                $("#projectHolder").append(projectHTML);
                $("#testimonialHolder").append(testimonialHTML);
                $("#awardHolder").append(awardHTML);
                $("#eventHolder").append(eventHTML);
                $("#jobHolder").append(jobHTML);
                $("#videoHolder").append(videoHTML);
                $("#peopleHolder").append(peopleHTML);

                $('.opacityInfo').css("opacity", "0");
                $("div.shadow.hover").hover(
					function () {
					    $(this).find('.opacityInfo').stop().animate({ "opacity": "1" }, { duration: 300 });
					},
					function () {
					    $(this).find('.opacityInfo').stop().animate({ "opacity": "0" }, { duration: 300 });
					});

                $("div.shadow.fade").hover(
					function () {
					    $(this).find('.award').animate({ backgroundColor: "#E1C736", color: "#666666" }, { duration: 300 });
					},
					function () {
					    $(this).find('.award').animate({ backgroundColor: "#FBDF41", color: "#666" }, { duration: 300 });
					});

                $("div.shadow.job").hover(
					function () {
					    $(this).find('.job').animate({ backgroundColor: "#5BBCB4", color: "#666666" }, { duration: 300 });
					},
					function () {
					    $(this).find('.job').animate({ backgroundColor: "#6ed7cf", color: "#666" }, { duration: 300 });
					});

                /*$("div.nextOverlay").hover(
					function () {
					    if ($(this).find('a').hasClass('videoControl')) {
					        $(this).find('a').animate({ right: "60px" }, { duration: 200 });
					    } else {
					        $(this).find('a').animate({ right: "0px" }, { duration: 250 });
					    }
					},
					function () {
					    if ($(this).find('a').hasClass('videoControl')) {
					        $(this).find('a').animate({ right: "-145px" }, { duration: 300 });
					    } else {
					        $(this).find('a').animate({ right: "-145px" }, { duration: 250 });
					    }

					});
                $("div.lastOverlay").hover(
					function () {
					    $(this).find('a').animate({ left: "0px" }, { duration: 250 });
					},
					function () {
					    $(this).find('a').animate({ left: "-145px" }, { duration: 250 });
					});
				*/

                //bind modal popup for projects
                jQuery("div.boxpop").each(function () {
                    if (jQuery(this).attr('rel').indexOf("project") != -1) {
                        var projects = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.serviceControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.albumControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.projectControls').show();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('#cboxContent').css('background', '#000');
                            changeHash(jQuery(this).attr('name'), "project");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("service") != -1) {
                        var service = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('id'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {

                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            var element = jQuery(this);
                            $('div.projectControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.albumControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.serviceControls').show();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('#cboxContent').css('background', '#51c4f4');

                            changeHash(element.attr('name'), "service");

                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("album") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.albumControls').show();
                            changeHash(jQuery(this).attr('name'), "album");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("testimonial") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.awardControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.testimonialControls').show();
                            changeHash(jQuery(this).attr('name'), "testimonial");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("award") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.awardControls').show();
                            changeHash(jQuery(this).attr('name'), "award");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("event") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.eventControls').show();
                            changeHash(jQuery(this).attr('name'), "event");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("job") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "703",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.eventControls').hide();
                            $('div.videoControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.jobControls').show();
                            changeHash(jQuery(this).attr('name'), "job");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("video") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 878,
                            initialWidth: "643",
                            initialHeight: "281",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
								$("#cboxPrevious").css("left", "788px");
								$("#cboxNext").css("left", "880px");
								$("#cboxCurrent").css("left", "818px");
                            }
                        }, function () {
							$("#cboxPrevious").css("left", "1728px");
							$("#cboxNext").css("left", "1820px");
							$("#cboxCurrent").css("left", "1758px");
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.peopleControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.videoControls').show();
                            changeHash(jQuery(this).attr('name'), "video");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                    if (jQuery(this).attr('rel').indexOf("person") != -1) {
                        var album = jQuery(this).colorbox({
                            html: jQuery(this).find('div').html(),
                            rel: jQuery(this).attr('name'),
                            height: 508,
                            width: 938,
                            initialWidth: "725",
                            initialHeight: "460",
                            transition: "fade",
                            current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>",
                            next: function () {
                            },
                            onClosed: function () {
                                $('#cboxContent').css('background', '#000');
                                $('div.nextOverlay').css("display", "none");
                                $('div.lastOverlay').css("display", "none");
                                $('#colorbox').css("display", "none");
                                $('#cboxContent').css("display", "none");
                            }
                        }, function () {
                            $('div.projectControls').hide();
                            $('div.serviceControls').hide();
                            $('div.albumControls').hide();
                            $('div.testimonialControls').hide();
                            $('div.awardControls').hide();
                            $('div.eventControls').hide();
                            $('div.jobControls').hide();
                            $('div.videoControls').hide();
                            $('div.nextOverlay').css("display", "block");
                            $('div.lastOverlay').css("display", "block");
                            $('div.peopleControls').show();
                            changeHash(jQuery(this).attr('name'), "person");
                            $('#colorbox').fadeTo(350, 1, function () { });
                        });
                    }
                });
                var switchTo5x = true;
                $.getScript('http://w.sharethis.com/button/buttons.js', function () {
                    stLight.options({ publisher: '64fba1c8-16e7-472c-bd93-b4c6c85dea8c', onhover: false });
                });
                //check for hashtag change:
                function changeHash(hash, type) {
                    var list;
                    if (type == "project") {
                        list = projectList;
                    } else if (type == "service") {
                        list = serviceList;
                    } else if (type == "album") {
                        list = photoList;
                    } else if (type == "testimonial") {
                        list = testimonialList;
                    } else if (type == "award") {
                        list = awardList;
                    } else if (type == "event") {
                        list = eventList;
                    } else if (type == "job") {
                        list = jobList;
                    } else if (type == "video") {
                        list = videoList;
                    } else if (type == "person") {
                        list = peopleList;
                    }

                    var nextValue = jQuery.inArray(hash, list) + 1;
                    var prevValue = jQuery.inArray(hash, list) - 1;

                    //index is too large we need to set nextValue to the smallest value then
                    if ((jQuery.inArray(hash, list) + 1) > (list.length - 1)) {
                        nextValue = 0;
                    }
                    //index is too small we need to set prevValue to the max value then
                    if ((jQuery.inArray(hash, list) - 1) < 0) {
                        prevValue = list.length - 1;
                    }
                    $(".nextControl").attr("href", "#" + list[nextValue]);
                    $(".lastControl").attr("href", "#" + list[prevValue]);

                    var switchTo5x = true;
                    $.getScript('http://w.sharethis.com/button/buttons.js', function () {
                        stLight.options({ publisher: '64fba1c8-16e7-472c-bd93-b4c6c85dea8c' });
                    });

                    window.location.hash = hash; //set hash
                    return false;
                }

                //check for a hashtag and pop up the window
                if (window.location.hash) {
                    loadColorbox("div." + window.location.hash.replace("#", ""));
                }

                function loadColorbox(divName) {
                    $(divName).colorbox({ open: true, current: "<span class='currentNum'>{current}</span> of <span class='totalNum'>{total}</span>" });
                }

                $('.nextControl').live("click", function () {
                    //$('#cboxContent').fadeTo(350, 0);
                });
                $('.lastControl').live("click", function () {
                    //$('#cboxContent').fadeTo(350, 0);
                });

            }
        });
    };
})(jQuery);
$(document).ready(function () {
	//initial layout positioning
	$('.footer').css("width",$(window).width());
	$('.middle').css("width",$(window).width());
	$('.footer').css("height",$(window).height()-$('.middle').height()-40);
	
	if($(window).width()>=960){
		$('.middle').css("width",$(window).width());
		$('.five_hundo_holder.square').css("margin","1px");
	}else{
		$('.five_hundo_holder.square').css("margin","none");
	}

	//window resizing for layout
	$(window).resize(function() {
		$('.footer').css("width",$(window).width());
		$('.footer').css("height",$(window).height()-$('.middle').height()-40);
		
		if($(window).width()>=960){
			$('.middle').css("width",$(window).width());
			$('.five_hundo_holder.square').css("margin","1px");
		}else{
			$('.five_hundo_holder.square').css("margin","none");
		}
	});

	var username='interknowlogy'; // set user name
	var format='json'; // set format, you really don't have an option on this one
	//var url='http://api.twitter.com/1/statuses/user_timeline/'+username+'.'+format+'?callback=?'; // make the url
	var url='http://search.twitter.com/search.json?q=' + username + '&callback=?';

	$.getJSON(url,function(tweet){ // get the tweets
		var m_names = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
		
		var picture = tweet.results[0].profile_image_url;
		var handle = "@" + tweet.results[0].from_user;
		var name = tweet.results[0].from_user;
		var content = tweet.results[0].text;
		var date = new Date(tweet.results[0].created_at);
		var replylink = "<a href='http://twitter.com/home?status=" + handle + "%20' target='_blank'>Reply</a>";
		var retweetlink = "<a href='http://twitter.com/home?status=RT%20" + handle + "%20" + content + "' target='_blank'>Retweet</a>";
 
		$('img.twitter_pic').attr('src',picture);
		$('span.twitter_handle').html(handle);
		$('span.twitter_name').html(name);
		
		$('#tweets').html("<p>" + content + "</p>");
		$('span#tweet_date').html(m_names[date.getMonth()] + " " + date.getDay());
		$('span#reply').html(replylink);
		$('span#retweet').html(retweetlink);


	});
	
	$('#menu ul li a')
		.css( {backgroundPosition: "-20px 70px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 150px)"}, {duration:300});
		}).mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(20px 70px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-20px 70px"})
			}})
		});
	return false;
});