ÿþ<!DOCTYPE html> <html> <head> <title>Onvii</title> <link href="css/home.css" type="text/css" rel="Stylesheet" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> <script type="text/javascript"> (function($){ $.fn.extend({ center: function () { return this.each(function() { var top = 0; //($(window).height() - $(this).outerHeight()) / 2; var left = ($(window).width() - $(this).outerWidth()) / 2; $(this).css({position:'absolute', margin:0, top: (top > 0 ? top : 0)+'px', left: (left > 0 ? left : 0)+'px'}); }); } }); })(jQuery); $(document).ready(function(){ $('#fullbody').center(); $(window).bind('resize', function() { $('#fullbody').center(); }); setTimeout("slideShow('screenmainpane', 0, 1)", 4000); }); function slideShow(containerId, cCycle, nCycle) { var c = $('#'+containerId).children(); if (nCycle >= c.length) nCycle = 0; c.eq(cCycle).fadeOut(200); c.eq(nCycle).fadeIn(200); setTimeout("slideShow('" + containerId + "', " + nCycle + ", " + (nCycle + 1) + ")", 3000); } function toggle(divname, c1, c2) { //alert($('#'+divname).attr('class')); var currentClass = $('#'+divname).attr('class'); var newClass = currentClass == c1 ? c2 : c1; $('#'+divname).attr('class', newClass); } function hover(divname, c1) { $('#'+divname).attr('class', c1); } function lightbox() { document.getElementById('box').style.display='block'; document.getElementById('shadowing').style.display='block'; } </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-20806457-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <div id="fullbody"><div id="fullcontent"> <div id="header"> <div id="headline">online video interactive</div> <div id="subheadline">innovative digital media design and technology </div> <div id="lang"> <a href="/">english</a> | <a href="fr/">français</a> </div> </div> <div id="boxlane"> <a href="en/produce"> <div id="boxproducepane" class="boxpane" onmouseover="hover('boxproducepane', 'boxpanedropped');" onmouseout="hover('boxproducepane', 'boxpane');"> <div class="section"> <div class="section_title">PRODUCE</div> <div class="section_content"> Interested in creating web series or streaming events?<br/><br/> Check out our Studio, OnSite and Affiliate solutions. </div> <div class="button_more">Learn More</div> </div> </div> </a> <a href="en/broadcast"> <div id="boxbroadcastpane" class="boxpane" onmouseover="hover('boxbroadcastpane', 'boxpanedropped');" onmouseout="hover('boxbroadcastpane', 'boxpane');"> <div class="section"> <div class="section_title">BROADCAST</div> <div class="section_content"> Time to stream on demand HD video on web and mobile?<br/><br/> Start now with Box, Platform and Network solutions. </div> <div class="button_more">Learn More</div> </div> </div> </a> <a href="en/monetize"> <div id="boxmonetizepane" class="boxpane" onmouseover="hover('boxmonetizepane', 'boxpanedropped');" onmouseout="hover('boxmonetizepane', 'boxpane');"> <div class="section"> <div class="section_title">MONETIZE</div> <div class="section_content"> Aiming to maximize your video asset revenues?<br/><br/> Go with our Store, Partner and Consulting solutions. </div> <div class="button_more">Learn More</div> </div> </div> </a> </div> <div id="screenlane"> <div id="screenmainpane" class="screenpane"> <div class="section" id="screen1"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen2"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen3"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen4"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen5"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen6"> <div class="section_title"></div> <div class="section_content"> </div> </div> <div class="section" id="screen7"> <div class="section_title"></div> <div class="section_content"> </div> </div> </div> </div> <!-- <div id="storelane"> <div id="storemainpane" class="storepane"> <div class="section"> <div class="section_title"></div> <div class="section_content"> </div> </div> </div> </div> --> <div id="infolane"> <a href="#about" onclick="lightbox();"> <div id="infoaboutpane" class="infopane"> <div class="section"> <div class="section_title">Stream to Web and Mobile</div> <div class="section_content"> Reach the world on PC - Mac - iOs - Android! </div> </div> </div> </a> <a href="#infostudio" onclick="lightbox();"> <div id="infostudiopane" class="infopane"> <div class="section"> <div class="section_title">Calling all Beta testers</div> <div class="section_content"> Help us shape the future of online video! </div> </div> </div> </a> </div> <div id="footer"></div> </div></div> <div id="box" > <div id="boxheader"> <span id="boxclose" onclick="document.getElementById('box').style.display='none';document.getElementById('shadowing').style.display='none'"> &nbsp;X&nbsp; </span> </div> <div id="boxtitle">How to get started?</div> <div id="boxcontent">Onvii is offering hands-on services and turnkey solutions tailored to your specific needs.</div> <div id="boxcontent">We want to hear about your online video projects and help you offer the most innovative solution.</div> <div id="boxcontent">Contact us today to start your project!</div> <div id="boxcontent"><a href="mailto:contact@onvii.com">contact@onvii.com</a></div> </div> <div id="shadowing"></div> </body> </html>