diff --git a/landing/index.html b/landing/index.shtml
similarity index 61%
rename from landing/index.html
rename to landing/index.shtml
index 51b4b394612ad24cf4e9fe849c8ad64ec2afb7e0..36bbf1bed78e2c40768848afcfa72a038e05b1fd 100644
--- a/landing/index.html
+++ b/landing/index.shtml
@@ -31,18 +31,147 @@
<title>UNL | Alumni Around the World</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<!-- Place optional header elements here -->
-<script type="text/javascript" src="http://globe.poly9.com/api.js"></script>
+
+
+<style type="text/css">
+ .footer_col {
+ display:none;
+ }
+
+ /** css for main story rotator **/
+ #splash {height:480px;margin:0px;border-top:1px solid #ddd;padding:1px 0 1px 0;border-bottom:1px solid #ddd;}
+ #splash ul {width:320px;height:480px;float:right;margin:0;padding:0;}
+ #splash ul li {list-style: none outside none;}
+ #splash ul li {margin:0;padding-left:20px;z-index:69;position:relative;background:transparent;}
+ #splash ul li.active {background:url('http://ucommcoleman.unl.edu/workspace/wdntemplates/wdn/templates_3.0/css/variations/images/splash_selector.png') no-repeat 0 30%;}
+ #splash ul li a {background:#efefef;color:#666;text-decoration:none;padding:10px;display:block;border-top:1px #ccc solid;height:139px;}
+ #splash ul li a:focus{color:#efefef !important;}
+ #splash ul li a span {display:block;font-size:11px;padding-top:7px;}
+ #splash ul li:first-child a {border-top:1px #efefef solid;}
+ #splash ul li.active a, #splash ul li a:hover {background:#b80302;color:#fff;border-top:1px #600 solid;}
+ #splash ul li.active:first-child a, #splash ul li:first-child a:hover {border-top:1px #900 solid;}
+
+ #posters {position:relative;}
+ #posters div {width:640px;height:480px;position:absolute;top:0;z-index:1;}
+ #posters div .logo {position:absolute; top:80px; left:28px;}
+ #posters div p {width:200px; color:#666; position:absolute; top:100px; left:30px;}
+ #posters div p#preview {width:100%; height:100%; top:0; left:0;}
+
+</style>
+
<script type="text/javascript">
-//<![CDATA[
+var posters,headlines,thisPoster,nextPoster,posterState,currentSplash=0,splashDelay=10000,transtitonSpeed=20,control=1,loopswitch=1,looptime=0;
+
+function rotatePoster(){
+ var postergroup = document.getElementById('posters');
+ posters = postergroup.getElementsByTagName('div');
+ for (var i=0; i < posters.length; i++) {
+ if (i==0) {posters[i].style.opacity = 1;}
+ else {
+ posters[i].style.opacity = 0;
+ posters[i].style.filter = 'alpha(opacity=0)';
+ posters[i].style.display = 'none';
+ }
+ }
+ loopPosters();
+}
+
+function loopPosters(){
+ var headlinegroup = document.getElementById('headlines');
+ headlines = headlinegroup.getElementsByTagName('li');
+ if(currentSplash>=posters.length) currentSplash = 0;
+ for (var i=0; i < headlines.length; i++) {
+ headlines[i].className = '';
+ }
+ headlines[currentSplash].className = 'active';
+
+ thisPoster = (nextPoster)?nextPoster:posters[currentSplash];
+ nextPoster = (posters[++currentSplash])?posters[currentSplash]:posters[currentSplash = 0];
+ thisPoster.style.display = 'block';
+ posterState = 'on';
+ control = 1;
+ looptime = window.setTimeout(posterFader,splashDelay);
+}
+
+function posterFader(){
+ if (loopswitch==1) {
+ if (posterState=='on') {
+ control = control - 0.1;
+ control = parseInt(control*100)/100;
+ if (control >= 0) {
+ thisPoster.style.opacity = control;
+ thisPoster.style.filter = 'alpha(opacity='+(control*100)+')';
+ looptime = window.setTimeout(posterFader,transtitonSpeed);
+ } else {
+ thisPoster.style.display = 'none';
+ nextPoster.style.display = 'block';
+ posterState='off';
+ looptime = window.setTimeout(posterFader,transtitonSpeed);
+ }
+ } else if (posterState=='off') {
+ control = control + 0.1;
+ control = parseInt(control*100)/100;
+ if(control <= 1){
+ nextPoster.style.opacity = control;
+ nextPoster.style.filter = 'alpha(opacity='+(control*100)+')';
+ looptime = window.setTimeout(posterFader,transtitonSpeed);
+ } else {loopPosters();}
+ }
+}};
+
+function select(node,selected) {
+ loopswitch = 0;
+ window.clearTimeout(looptime);
+ var postergroup = document.getElementById('posters');
+ posters = postergroup.getElementsByTagName('div');
+ for (var i=0; i < posters.length; i++) {
+ posters[i].style.opacity = 0;
+ posters[i].style.filter = 'alpha(opacity=0)';
+ posters[i].style.display = 'none';
+ }
+ var currentPoster = document.getElementById(selected);
+ currentPoster.style.opacity = 1
+ currentPoster.style.filter = 'alpha(opacity=1)';
+ currentPoster.style.display = 'block';
+ var headlinegroup = document.getElementById("headlines");
+ headlines = headlinegroup.getElementsByTagName("li");
+ for (var i=0; i < headlines.length; i++) {
+ headlines[i].className = '';
+ }
+ node.parentNode.className='active';
+};
-
+
+// event listener
+if(window.addEventListener) window.addEventListener('load', rotatePoster, false);
+else if(document.addEventListener) document.addEventListener('load', rotatePoster, false);
+else if(window.attachEvent) {
+ window.attachEvent('onload', rotatePoster);
+} else {
+ if(typeof window.onload == 'function') {
+ var existing = onload;
+ window.onload = function() {
+ existing();
+ rotatePoster();
+ }
+ } else {
+ window.onload = function() {
+ rotatePoster();
+ }
+ }
+}
+</script>
+
+
+<!-- begin poly9 globe js -->
+<script type="text/javascript" src="http://globe.poly9.com/api.js"></script>
+<script type="text/javascript">
+//<![CDATA[
function createOnClick(country) {
return function(marker) {
marker.openInfoWindowHtml('Hello from ' + country + '!', 200, 32);
}
- }
-
-
+ }
function onMapLoad() {
// start the globe out with Lincoln
var LincolnNE = new FE.LatLng(40.813620,-96.707739);
@@ -57,12 +186,8 @@ function onMapLoad() {
};
FE.Event.addListener(herbieLabel, 'click', window.openHerbie );
this.addOverlay(herbieLabel);
-
-
-
-
+
var sandiegoCA = new FE.LatLng(32.715685,-117.161724);
-
};
jQuery(document).ready(function() {
@@ -73,6 +198,9 @@ jQuery(document).ready(function() {
//]]>
</script>
+<!-- end poly9 globe js -->
+
+
<!-- InstanceEndEditable -->
</head>
<body class="fixed">
@@ -135,10 +263,71 @@ jQuery(document).ready(function() {
<div id="maincontent">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" -->
-
+
+
+
+<!-- begin splash code from ucommcoleman/workspace/wdntempaltes/splash.shtml -->
+
+<div class="four_col">
+ <div id="splash" class="section">
+ <ul id="headlines">
+
+ <li class="active">
+ <a href="#" onclick="javascript:select(this,'splash1');return false;">
+ <strong>Alumni Around the World</strong>
+ <span>Alumni of the University of Nebraska-Lincoln do fantastic stuff around the world. Check out these alums:</span>
+ <span>
+ <img onclick="window.openHerbie(window.herbieLabel);return false;" src="http://ucommjuhl.unl.edu/UNL_Elgg/elgg/mod/profile/icondirect.php?lastcache=1245432975&username=demouser&size=tiny" />
+ </span>
+ </a>
+
+ </li>
+ <li class=""><a href="#" onclick="javascript:select(this,'splasstrong');return false;"><strong>Join the Network</strong><span>All University of Nebraska-Lincoln alums are encouraged to be part of the conversation. It's alums like you that are the <strong>Power of Red</strong></span></a></li>
+ <li class=""><a href="#" onclick="javascript:select(this,'splash3');return false;"><strong>National TV Spot</strong><span>Check out the commercial, created by Chris Evan, a Class of '00 Alum, that is played during every televised Husker sporting event.</span></a></li>
+ </ul>
+ <div id="posters">
+ <div style="opacity: 1; display: block;" id="splash1">
+ <div id="globeInner" style="opacity:1 !important; display: block !important;width:640px;height:480px;background-color:#000;"></div>
+ </div>
+ <div style="opacity: 0; display: none;" id="splash2">
+ <p>Beginning May 11, several of the artist's large ceramic pieces will be placed in Sheldon's Great Hall. On June 19, his paintings and works on paper will open in three second-floor galleries. The exhibition will be on view through Oct. 11. <a href="http://newsroom.unl.edu/releases/2009/04/29/Paintings%2C+objects+of+Jun+Kaneko+opens+May+11+at+Sheldon+Museum+of+Art">Read the full news release.</a></p>
+ </div>
+
+ <div style="opacity: 0; display: none;" id="splash3">
+
+ <object data="http://www.youtube.com/v/-omonwFkkrY%26hl=en%26fs=1%26color1=0x3a3a3a%26color2=0x999999%26enablejsapi=1%26playerapiid=video1" wmode="transparent" id="video1" type="application/x-shockwave-flash" height="340" width="640"><param value="always" name="allowScriptAccess"></object>
+
+ <!-- Note that the JavaScript below says that you need Flash 9 or better! -->
+ <script type="text/javascript">
+ var params = {allowScriptAccess: "always"};
+ var attrs = {id: "video1", wmode: "transparent"}
+ swfobject.embedSWF("http://www.youtube.com/v/-omonwFkkrY%26hl=en%26fs=1%26color1=0x3a3a3a%26color2=0x999999%26enablejsapi=1%26playerapiid=video1", "videobox1", "640", "340", "9", null, null, params, attrs);
+ </script>
+
+ </div>
+ </div>
+ </div>
+</div>
+<!-- end moded splash code -->
+
+
+
+
+
+
+<br style="clear:both" /><br />
+
+
+
+
+
+
+
+
+<!-- begin juhl's original splash code
<div id="globeOuter" style="width:100%; border-top: #f0f0f0 2px solid; border-bottom: #f0f0f0 2px solid; padding: 1px 0; height: 480px; margin-bottom: 20px;">
<div id="globeSidebar" style="float:right;width:300px; height: 480px; ">
- <div id="globeSidebarPod1" style="width: 260px; height: 120px; padding: 20px; color: #FFF;background-color:#B90302;">
+ <div id="globeSidebarPod1" style="border:1px solid green;width: 260px; height: 120px; padding: 20px; color: #FFF;background-color:#B90302;">
<h2 style="color:#FFF">Alumni Around the World</h2>
<p>Alumni of the University of Nebraska-Lincoln do fantastic stuff around the world. Check out these alums:</p>
<p><a href="#" onclick="window.openHerbie(window.herbieLabel);return false;"><img src="http://ucommjuhl.unl.edu/UNL_Elgg/elgg/mod/profile/icondirect.php?lastcache=1245432975&username=demouser&size=tiny" style="float:left; padding: 0 6px 6px 0;" /></a></p>
@@ -155,8 +344,10 @@ jQuery(document).ready(function() {
<div id="globeInner" style="width:640px;height:480px;background-color:#000;"></div>
</div>
+ end juhl's original splash code -->
+
- <h1 style="padding-bottom: 0px; margin-bottom: 10px; border-bottom: #e5e5e5 1px solid;">The Latest Happenings</h1>
+ <h1 style="clear:both; padding-bottom: 0px; margin-bottom: 10px; border-bottom: #e5e5e5 1px solid;">The Latest Happenings</h1>
<div class="col left">
<h2 style="padding-left: 6px;">New Groups</h2>