// JavaScript Document

$(function() {

   // install flowplayer into flowplayer container
   var player = $f("player", "http://resource.onlinetech.com/flowplayer/flowplayer-3.1.5.swf",

{ 
    clip: { 
        onFinish: function() { 
            player.unload();
            $('#player').hide();
            $('#cta').fadeIn("1200");
            } 
    },


plugins:{
		gatracker: {
			url: "http://resource.onlinetech.com/flowplayer/flowplayer.analytics-3.2.0.swf",
			trackingMode: "Bridge",
			// flowplayer.org uses and older version of the Analytics JS code, 
			// we need to modify the name of the tracker object accordingly
			bridgeObject: "window.pageTracker",
			debug: false
		        
		}	
}
    
}





);

   
   // setup button action. it will fire our overlay 
   $("a[rel]").overlay({
      
      // use the Apple effect for overlay
      effect: 'apple', expose: '#000',
      
      // when overlay is opened, load our player
      onLoad: function() {
         player.load();
         
      },
      
      // when overlay is closed, unload our player
      onClose: function() {
         player.load();
         $('#cta').hide();
         $('#player').show();
      }
          
   });
         
});

document.write('<div id="cta" style="display: none;"><br />');
document.write('<p style="font-weight: bold; font-size: 1.1em; padding-bottom: 5px;">To learn more about our hosting solutions, <br />');
document.write('click on one of the links below:</p>');
document.write('<div style="clear: both;">&nbsp;</div>');
document.write('<div style="width: 300px; float: left; margin-left: 60px;font-size:.9em;">');
document.write('<img height="87" width="70" style="float: left; margin: 0pt 15px 0pt 0pt;" alt="" src="/images/misc/our_value.png" />');
document.write('<div style="width: 175px; float: left;">');
document.write('<p style="font-size: 0.9em; font-weight: bold;">Managed Servers:</p>');
document.write('<ul style="text-align: left; font-size: 0.7em;">');
document.write('<li><a href="/managed_servers/server_packages/" style="font-weight: normal;">Server Packages</a></li>');
document.write('<li><a href="/managed_servers/fully_managed_services/" style="font-weight: normal;">Included Services</a></li>');
document.write('<li><a href="/managed_servers/benefits/" style="font-weight: normal;">Benefits</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');
document.write('<div style="width: 380px; float: right;font-size:.9em;">');
document.write('<img height="86" width="88" alt="" style="float: left; margin: 0pt 15px 0pt 0pt;" src="/images/misc/basic_3rack.png" />');
document.write('<div style="width: 225px; float: left;">');
document.write('<p style="font-size: 0.9em; text-align: left; font-weight: bold;">Colocation:</p>');
document.write('<ul style="text-align: left; font-size: 0.7em;">');
document.write('<li><a href="/colocation/colocation_packages/" style="font-weight: normal;">Colocation Packages</a></li>');
document.write('<li><a href="/colocation/colocation_services/" style="font-weight: normal;">Colocation Services</a></li>');
document.write('<li><a href="/colocation/benefits/" style="font-weight: normal;">Benefits</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');
document.write('<div style="clear: both;">&nbsp;</div>');
document.write('<div style="width: 425px; font-size:.9em;margin: 0 auto;">');
document.write('<img height="90" width="158" alt="" style="float: left; margin: 0pt 15px 0pt 0pt;" src="/images/misc/private-cloud-sc.png" />');
document.write('<div style="width: 225px; float: left;">');
document.write('<p style="font-size: 0.9em; text-align: left; font-weight: bold;">Private Cloud:</p>');
document.write('<ul style="text-align: left; font-size: 0.7em;">');
document.write('<li><a href="/managed_servers/private_cloud/" style="font-weight: normal;">Private Cloud Offering</a></li>');
document.write('<li><a href="/managed_servers/virtualization/" style="font-weight: normal;">Virtualization Options</a></li>');
document.write('<li><a href="/managed_servers/benefits/" style="font-weight: normal;">Benefits</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');
document.write('<div style="clear: both;">&nbsp;</div>');
document.write('<p style="font-size: 0.9em;">Or give us a call @ 1-877-740-5028 <br />');
document.write('or by filling out a form <a href="/contact">here.</a></p>');
document.write('</div>');