<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Unscheduled Website Maintenance</TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
	//var active = 'game1';
		function flip_divs(activegame)
	{
		if (activegame == 'game1') {
			$('#game2').hide();
			$('#game3').hide();
			$('#game1').show();
		} else if (activegame == 'game2') {
			$('#game1').hide();
			$('#game3').hide();
			$('#game2').show();
		} else if (activegame == 'game3') {
			$('#game1').hide();
			$('#game2').hide();
			$('#game3').show();
		}
	}
	
</script>
</HEAD>

<BODY>

<style>
body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #333;
	background: #fff;
}
img {
	border: 0;
}
a:link, a:visited {
   color:#FF6600;
   text-decoration:underline;
}
a:hover {
   color:#666;
   text-decoration:none;
}
.wrap {
   margin: 0px auto;
   width: 800px;
   padding: 0px;
   min-height: 924px;
	_height: 924px;
}
.logo {
  float:left;
   width:190px;
   height:100px;
}
.logo-right {
  float:left;
  width:610px;
   height:100px;
}
.content {
   float:left;
   width:500px;
   text-align:left;
   padding:0;
   margin-right:50px;
}
.content p {
  line-height:1.4em;
  padding:3px 0;
  margin:0;
}
.content-wrap {
   margin:5px 0 0;
  padding-left:12px;
}
.title {
   font:normal 24px Arial, Helvetica, sans-serif;
   font-style:italic;
   text-align:left;
   line-height:1.4em;
   padding:0px 0;
}
.choosegames {
   margin:2px 0;
   padding:2px 0;
}
.right {
   float:left;
   width:250px;
   padding:0;
}
.email {
  margin:10px 0 0;
  text-align:left;
  background:#f2f2f2;
  padding:5px;
}
.right p {
  line-height:1.4em;
  padding:3px 0 2px;
  margin:0px 0 0;
}
.game {
   float:left;
   width:500px;
   padding:0;
   margin-right:50px;
}
.status {
   float:left;
   width:250px;
 }
.clear {
  clear:both;
}

</style>

<div class="wrap">
        <div class="logo"><img src="http://spocosy.oleole.com/images/images/logo.jpg"></div>
        <div class="logo-right"></div>
     <div class="clear"></div>
        <div class="content">
          <div class="content-wrap">
              <div class="title">OleOle is temporarily offline.</div>
              <p>OleOle is temporarily offline for scheduled maintenance.</p>
               <p>Thank you for your patience, we will be back soon. In the meantime, enjoy a little game or two!</p><br />
              <div class="choosegames">Choose game: <a href="#" onclick="flip_divs('game1'); return false">super kickups</a> |  <a href="#" onclick="flip_divs('game2'); return false">pacman</a> | <a href="#" onclick="flip_divs('game3'); return false">space invaders</a></div>
         </div>
       </div>
        <div class="right">
          <div class="email">
          <p><strong>Email Notification:</strong><br /> email <script type="text/javascript">
<!--
	var string1 = "siteupdates";
	var string2 = "@";
	var string3 = "oleole.com?subject=Website%20Status%20Updates%20Request";
	var string4 = "us";
	document.write("<a href=" + "mail" + "to:" + string1 + string2 + string3 + ">" + string4 + "</a>");
//-->
</script> to be notified when OleOle is available again.</p>
          <p><strong>Twitter Updates:</strong><br /> for sites update via twitter, follow <a href="http://www.twitter.com/oleoleupdates" target="_blank">@oleoleupdates</a>.</p>
          </div>
       </div>
<div class="clear"></div><br />
<div class="game">
       <div id="game1">
        <object width="485" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
          <param value="http://www.isuc.net/files/file/kickups_pp.swf" name="movie"/>
          <param value="high" name="quality"/>
          <param value="false" name="menu"/>
          <embed width="485" height="400" menu="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.isuc.net/files/file/kickups_pp.swf"/>
        </object>
        </div>
        <div id="game2" style="display:none;">
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" width="360px" height="443px" id="InsertWidget_e862e417-a4b0-4c5d-af59-ce0e66c48748" align="middle"><param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"/><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="r=2&appId=e862e417-a4b0-4c5d-af59-ce0e66c48748" /><param name="allowScriptAccess" value="sameDomain" /> <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"  name="InsertWidget_e862e417-a4b0-4c5d-af59-ce0e66c48748"  width="360px" height="443px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle"  allowScriptAccess="sameDomain" flashvars="r=2&appId=e862e417-a4b0-4c5d-af59-ce0e66c48748" /></object>
        </div>
        <div id="game3" style="display:none;">
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" width="500px" height="433px" id="InsertWidget_1d1c8c2c-a6d2-4e3a-bd96-8a03f8907ee3" align="middle"><param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"/><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="r=2&appId=1d1c8c2c-a6d2-4e3a-bd96-8a03f8907ee3" /><param name="allowScriptAccess" value="sameDomain" /> <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"  name="InsertWidget_1d1c8c2c-a6d2-4e3a-bd96-8a03f8907ee3"  width="500px" height="433px" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" align="middle"  allowScriptAccess="sameDomain" flashvars="r=2&appId=1d1c8c2c-a6d2-4e3a-bd96-8a03f8907ee3" /></object>
        </div>
</div>

<div class="status"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('oleoleupdates').start();
</script>
</div><div class="clear"></div>
</div>
</BODY>
</HTML>
