##Check if page is in emergency mode
#set ($emergency = ($_XPathTool.selectSingleNode($contentRoot, "/system-index-block/calling-page/system-page/system-data-structure/emergency")))
#set ($emergencyYesNo = ($_XPathTool.selectSingleNode($emergency, "display-messages")))
#if ($emergencyYesNo.value == "Yes")
    #set ($emergencyMessages = ($_XPathTool.selectNodes($emergency, "message")))
    <div class="push">
        <div class="row">
        #foreach ($message in $emergencyMessages)
            #set ($color = ($_XPathTool.selectSingleNode($message, "color")))
            #set ($heading = ($_XPathTool.selectSingleNode($message, "heading")))
            #set ($text = ($_XPathTool.selectSingleNode($message, "text")))
            <div class="closures $color.value">
                <div class="container">
                    <h3>${_EscapeTool.html($heading.value)}</h3><br />
                    <p>$text.value</p>
                </div>
            </div>
        #end
        </div>
    </div>
#end


##CHECK IF SLIDESHOW SHOULD BE HIDDEN
#set ($slideShowHide = ($_XPathTool.selectSingleNode($emergency, "hide-slideshow")))
#if ($slideShowHide.value == "No")
#set($slides = $_XPathTool.selectNodes($contentRoot, "/system-index-block/calling-page/system-page/system-data-structure/slide[bannerImage[link]]"))
## If the slideshow should display, then output the DOM elements for it.
## The actual slideshow is populated by an RSS feed from UMSL Daily.
## Script for that is in umsl-main.js
<div class="row" id="js-disabled">
      
            #set($umsldailyYesNo = $_XPathTool.selectSingleNode($contentRoot, "//system-data-structure/slide/umsldaily1").value)
                                          
            
                #if($umsldailyYesNo == "Yes")
                <div class="hero-slideshow-wrapper">
                    <div class="hero-story">
                        <div class="hero-story-wrapper">
                            <img src="${slide.getChild('bannerImage').getChild('path').value}" />
                                <div class="hero-story-headline1">
                                    <div id="umsld-icon">
                                        <img class="umsl-daily-icon" src="${slide.getChild('umsldailyicon').getChild('path').value}"></img>
                                    </div>
                                    <h1>$_EscapeTool.xml($slide.getChild("headline").value)</h1>
                                    <p class="hidden-xs">$_EscapeTool.xml($slide.getChild("descriptiveText").value)</p>
                                    <div class="read-more-box">
                                        <p>$_EscapeTool.xml($slide.getChild("linkText").value) &#187;</p>
                                    </div>
                                </div>
                        </div>
                    </div>
                    </div>
                    
                    #else
                    
                    <div class="hero-slideshow-wrapper">
                    <div class="hero-story">
                        <div class="hero-story-wrapper">
                            <img src="${slide.getChild('bannerImage').getChild('path').value}" />
                                <div class="hero-story-headline1">
                                    <h1>$_EscapeTool.xml($slide.getChild("headline").value)</h1>
                                    <p class="hidden-xs">$_EscapeTool.xml($slide.getChild("descriptiveText").value)</p>
                                    <div class="read-more-box">
                                        <p>$_EscapeTool.xml($slide.getChild("linkText").value) &#187;</p>
                                    </div>
                                </div>
                        </div>
                    </div>
                    </div>
                    
        
         #end
        
    </div>
<div class="row js-enabled">
        <div class="col-sm-12 hero-slideshow-container">
            <div class="hero-slideshow-wrapper">
                #set($numArray = ["zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"])
                #foreach($slide in $slides)
                #set($link="${slide.getChild('thumb').getChild('path').value}")
                #if($slide.getChild("linkURL").getChild("link"))
                    #set($link = $_EscapeTool.xml($slide.getChild("linkURL").getChild("link").value))
                #elseif($slide.getChild("symlink").getChild("path").value != "/")
                    #set($link = $_EscapeTool.xml($slide.getChild("symlink").getChild("content").getChild("system-symlink").value))
                #end
                
                
                #set($umsldailyYesNo = $_XPathTool.selectSingleNode($contentRoot, "//system-data-structure/slide/umsldaily1").value)
                                    
                    #if($umsldailyYesNo == "Yes")
                    <a href="${link}">
                    <div class="hero-story">
                        <div class="hero-story-wrapper">
                            <img src="${slide.getChild('bannerImage').getChild('path').value}" />
                                <div class="hero-story-headline1">
                                    <div id="umsld-icon">
                                        <img class="umsl-daily-icon" src="${slide.getChild('umsldailyicon').getChild('path').value}"></img>
                                    </div>
                                    <h1>$_EscapeTool.xml($slide.getChild("headline").value)</h1>
                                    <p class="hidden-xs">$_EscapeTool.xml($slide.getChild("descriptiveText").value)</p>
                                    <div class="read-more-box">
                                        <p>$_EscapeTool.xml($slide.getChild("linkText").value) &#187;</p>
                                    </div>
                                </div>
                        </div>
                    </div>
                    </a>
                    
                    #else
                    <a href="${link}">
                    <div class="hero-story">
                        <div class="hero-story-wrapper">
                            <img src="${slide.getChild('bannerImage').getChild('path').value}" />
                                <div class="hero-story-headline1">
                                    <h1>$_EscapeTool.xml($slide.getChild("headline").value)</h1>
                                    <p class="hidden-xs">$_EscapeTool.xml($slide.getChild("descriptiveText").value)</p>
                                    <div class="read-more-box">
                                        <p>$_EscapeTool.xml($slide.getChild("linkText").value) &#187;</p>
                                    </div>
                                </div>
                        </div>
                    </div>
                    </a>
                    
                    #end

                #end
            </div>
        </div>  
</div>
<!-- END HERO STORY -->
<!-- LARGE DISPLAY. EVERYTHING HERE HIDDEN ON PHONE -->
<div class="hidden-xs">
<!-- ADDITIONAL STORIES-->
<div class="additional-stories js-enabled">
    <div class="container">
        <div class="row">
            #foreach($slide in $slides)
                #set($thisCount = $foreach.count - 1)
                #set($class = "col-xs-3 additional-story selected-story")
                #set($classthumb = "col-xs-3 additional-story selected-story")
                #if($foreach.count > 1)
                    #set($class = "col-xs-3 additional-story selected-story-" + "${thisCount}")
                #end
                <div class="${class}" id="story-${thisCount}" data-slide-number="${thisCount}">
                    <img id="thumbnail-${foreach.count}" src="${slide.getChild('thumb').getChild('path').value}" alt="UMSL Daily Slideshow" />
                </div>
            #end
        </div>
    </div>
</div>
</div>
#end
##End of slideshow

##Main Nav Segment

#set ($mainNavCategory = ($_XPathTool.selectNodes($contentRoot, "/system-index-block/calling-page/system-page/system-data-structure/main-nav/category")))
#set ($collegeLinks = ($_XPathTool.selectNodes($contentRoot, "/system-index-block/calling-page/system-page/system-data-structure/colleges/link")))
## Loop through categories for the main nav

<div class="hidden-xs">
<div class="main-nav">
    <div class="container">
        <div class="row">
            #foreach ($category in $mainNavCategory)
                #set ($categoryTitle = ($_XPathTool.selectSingleNode($category, "category-title")))
                #set ($links = ($_XPathTool.selectNodes($category, "link")))
                <div class="col-xs-3">
                    <p>${_EscapeTool.html($categoryTitle.value)}</p>
                    
                    ##Loop through each link within category
                    #foreach ($link in $links)
                        #set ($linkTitle = ($_XPathTool.selectSingleNode($link, "link-title")))
                        #set ($linkTarget = ($_XPathTool.selectSingleNode($link, "link-target/content/system-symlink")))
                        
                        <a href="${_EscapeTool.html($linkTarget.value)}">${_EscapeTool.html($linkTitle.value)}</a>
                    #end
                </div>
            #end
        </div>
        ##Loop through colleges for main nav
        <div class="row colleges-and-schools">
            <div class="col-sm-6">
                <p>Colleges ${_EscapeTool.html("&")} Schools</p>
                    ##Set count so we can make a new column at appropriate time
                    #set ($count = 0)
                    #foreach ($link in $collegeLinks)
                        #set ($linkTitle = ($_XPathTool.selectSingleNode($link, "link-title")))
                        #set ($linkTarget = ($_XPathTool.selectSingleNode($link, "link-target/content/system-symlink")))
                        <a href="${_EscapeTool.html($linkTarget.value)}">${_EscapeTool.html($linkTitle.value)}</a>
                        #set ($count = $count + 1)
                        #if ($count == 5)
            </div>
            <div class="col-sm-6">
                        #end
                    #end
            </div>
        </div>
    </div>
</div>
</div>
##Mobile Main Nav - Repeat nav loops to output mobile nav
<div class="visible-xs">
    <div class="mobile-main-nav">
        <div class="container">
            <div class="row">
                <ul>
                    #foreach ($category in $mainNavCategory)
                        #set ($categoryTitle = ($_XPathTool.selectSingleNode($category, "category-title")))
                        #set ($links = ($_XPathTool.selectNodes($category, "link")))
                        <li><a href="#">${_EscapeTool.html($categoryTitle.value)}</a>
                            <ul>
                                ##Loop through each link within category
                                #foreach ($link in $links)
                                    #set ($linkTitle = ($_XPathTool.selectSingleNode($link, "link-title")))
                                    #set ($linkTarget = ($_XPathTool.selectSingleNode($link, "link-target/content/system-symlink")))
                                    <li><a href="${_EscapeTool.html($linkTarget.value)}">${_EscapeTool.html($linkTitle.value)}</a></li>
                                #end
                            </ul>
                        </li>
                    #end
                    ##Now Loop through college links
                    <li><a href="#">Colleges and Schools</a>
                        <ul>
                        #foreach ($link in $collegeLinks)
                            #set ($linkTitle = ($_XPathTool.selectSingleNode($link, "link-title")))
                            #set ($linkTarget = ($_XPathTool.selectSingleNode($link, "link-target/content/system-symlink")))
                            <li><a href="${_EscapeTool.html($linkTarget.value)}">${_EscapeTool.html($linkTitle.value)}</a></li>
                        #end
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>