http://www.cubeyou.com/e67ce6a7

1. <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String play = request.getParameter("play");
%>
<div id="pagcontienedemo">
<div id="contienetuttoconnect">
<div id="pagSuperioreDemo">
<div id="titolovideodemo" class="titolovideodemo">
<fmt:message key="keytitolovideodemo" />
</div>
<div id="pagcontienedemomenu">
<ul>
<li id="licubeyoudemo" class="bottone verde m-over">
<a href="#demo/cubeyoudemo" onclick="navigazione('demo');">
<span class="puntino bianco"></span>
<fmt:message key="text_Connetit" />
</a>
</li>
<li id="liconnectit" class="bottone grigio m-over unselected">
<a href="#demo/connectit" onclick="navigazione('connect');">
<span class="puntino grigio"></span>
<fmt:message key="text_demo" />
</a>
</li>
</ul>
</div>
<div id="radiofrecciadueduedemo"></div>
<div id="demosocial">
<div id="divseeding">
</div>
<div class="separatore_gino"> <div class="hrsepform"></div></div>
<div ><fmt:message key="sociallabel" /></div>
<div class="separatore_gino"> <div class="hrsepform"></div></div>
<div id="divsocial">
<ul class="uldemosocial">
<li id="whatfacebook" title="Facebook" style="background-position:
-123px -183px; width: 44px;" ><a href="#demo"
onclick="go(1,'whattextfacebook');"></a></li>
<li id="whattwitter" title="Twitter" ><a href="#demo"
onclick="go(2,'whattexttwitter');"></a></li>
<li id="whatblogger" title="Blogger"><a href="#demo"
onclick="go(6,'whattextwhatblogger');"></a></li>
<li id="whattumbler" title="Tumblr"><a href="#demo"
onclick="go(7,'whattextwhattumbler');"></a></li>
<li id="whatmeme" title="Meme"><a href="#demo"
onclick="go(8,'whattextwhatmeme');"></a></li>
</ul>
</div>
<div class="separatore_gino"> <div class="hrsepform"></div></div>
<div ><fmt:message key="seedinglabel" /></div>
<div class="separatore_gino"> <div class="hrsepform"></div></div>
<ul class="uldemosocial">
<li id="whatmyspace" title="Google"><a href="#demo"
onclick="go(3,'whattextmyspace');"></a></li>

2. <li id="whatflicker" title="Flickr"><a href="#demo"
onclick="go(10,'whattextwhatflicker');"></a></li>
<li id="whatdelicius" title="Delicious"><a href="#demo"
onclick="go(4,'whattextwhatdelicius');"></a></li>
<li id="whatvimeo" title="Vimeo"><a href="#demo"
onclick="go(11,'whattextwhatvimeo');"></a></li>
<li id="whatviddler" title="Viddler"><a href="#demo"
onclick="go(13,'whattextwhatviddler');"></a></li>
</ul>
<ul class="uldemosocial">
<li id="whatyoutube" title="You Tube"><a href="#demo"
onclick="go(14,'whattextwhatyoutube');"></a></li>
<li id="whatgooglemaps" title="Google Maps"><a href="#demo"
onclick="go(17,'whattextgooglempas');"></a></li>
<li id="whatslideshare" title="Slide Share"><a href="#demo"
onclick="go(9,'whattextwhatslideshare');"></a></li>
<li id="whatpicasa" title="Picasa"><a href="#demo"
onclick="go(12,'whattextwhatpicasa');"></a></li>
<li id="whattwwww" title="WWW"><a href="#demo"
onclick="go(16,'whattextwww');"></a></li>
</ul>
<ul class="uldemosocial">
<li id="whatemail" title="E-mail"><a href="#demo"
onclick="go(18,'whattextemail');"></a></li>
<li id="whatbarcode" title="2D Bar Code"><a href="#demo"
onclick="go(15,'whattextbarcode');"></a></li>
</ul>
</div>
<div id="demovideo">
<div id="imgblogger"></div>
<div id="imgdbarcode"></div>
<div id="imgdelicious"></div>
<div id="imgeamil"></div>
<div id="imgflickr"></div>
<div id="imggoogle"></div>
<div id="imggooglemaps"></div>
<div id="imgmeme"></div>
<div id="imgpicasa"></div>
<div id="imgslideshere"></div>
<div id="imgtumblr"></div>
<div id="imgtwitter"></div>
<div id="imgviddler"></div>
<div id="imgvimeo"></div>
<div id="imgwebsite"></div>
<div id="imgyoutube"></div>
<div id="imgfacebook"></div>
<div id="generalconnectionvideo" class="video-js-box cube-css"
></div>
<div id="cotienesceltaterzapagina">
</div>
</div>
</div>
<a id="top" ></a>
<div id="divdemotext">
<div id="demotext" >

3. <div id="whattextfacebook">
<div class="textyoutube">
<fmt:message key="text_Facebook" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Facebook" />
</div>
</div>
<div id="whattextmyspace">
<div class="textyoutube">
<fmt:message key="text_Google" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Google" />
</div>
</div>
<div id="whattexttwitter">
<div class="textyoutube">
<fmt:message key="text_Twitter" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Twitter" />
</div>
</div>
</div>
<div id="demo1-images">
<img alt="cubeyou page"
src="http://www.cubeyou.com/videocovers/cubeyoupage.jpg">
<div class="small-img-container">
<img alt="map and visual"
src="http://www.cubeyou.com/videocovers/mapandvisua2.jpg">
<div class="img-text"><fmt:message
key="map_visual"></fmt:message> </div>
</div>
<div class="small-img-container">
<img alt="like & checkin"
src="http://www.cubeyou.com/videocovers/likesancheckin.jpg">
<div class="img-text"><fmt:message
key="facebook_checkins"></fmt:message></div>
</div>
<div id="whattextbarcode">
<div class="textyoutube">
<fmt:message key="text_Barcode" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Barcode" />
</div>
</div>
<div id="whattextwhatdocsto">
<div class="textyoutube">
<fmt:message key="text_DocStoc" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_DocStoc" />
</div>
</div>
<div id="whattextwhatblogger">
<div class="textyoutube">
<fmt:message key="text_Blogger" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Blogger" />

4. </div>
</div>
<div id="whattextwhattumbler">
<div class="textyoutube">
<fmt:message key="text_Thumblr" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Thumblr" />
</div>
</div>
<div id="whattextwhatmeme">
<div class="textyoutube">
<fmt:message key="text_Meme" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Meme" />
</div>
</div>
<div id="whattextwhatslideshare">
<div class="textyoutube">
<fmt:message key="text_SlidShere" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_SlidShere" />
</div>
</div>
<div id="whattextwhatflicker">
<div class="textyoutube">
<fmt:message key="text_Flicker" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Flicker" />
</div>
</div>
<div id="whattextwhatvimeo">
<div class="textyoutube">
<fmt:message key="text_Vimeo" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Vimeo" />
</div>
</div>
<div id="whattextwhatpicasa">
<div class="textyoutube">
<fmt:message key="text_Picasa" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Picasa" />
</div>
</div>
<div id="whattextwhatviddler">
<div class="textyoutube">
<fmt:message key="text_Viddler" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Viddler" />
</div>
</div>
<div id="whattextwhatyoutube">
<div class="textyoutube">
<fmt:message key="text_Youtube" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Youtube" />

5. </div>
</div>
<div id="whattextwww">
<div class="textyoutube">
<fmt:message key="text_Www" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_www" />
</div>
</div>
<div id="whattextgooglempas">
<div class="textyoutube">
<fmt:message key="text_GoogleMaps" />
</div>
<div class="titleSocial">
<fmt:message key="textTitle_Gmaps" />
</div>
</div>
</div>
</div>
</div>
<!--
<div id="footerdemo">
<div id="footercontenitore">
<div id="map">
<ul id="site-map">
<li><div class="regola1"><a class="fragger-link"
href="#overview">Home</a>
<ul>
<li><a href="#overview"
onclick="navigazione('overview');"><fmt:message key="menuOverview"/></a></li>
<li><a href="#overview"
onclick="navigazione('overview');">How does it work</a></li>
</ul>
</div>
</li>
<li><div class="regola1"><a href="#overview"
onclick="navigazione('overview');"><fmt:message key="text_demo"/></a>
<ul>
<li><a href="#overview"
onclick="navigazione('overview');"><fmt:message key="text_Connetit"/></a></li>
<li><a href="#overview"
onclick="navigazione('overview');"><fmt:message key="text_demo"/></a></li>
</ul>
</div>
</li>
<li>
<div class="regola1"><a href="#why-cubeyou"
onclick="navigazione('why-cubeyou');"><fmt:message key="menuwhycubeyou"/></a>
<ul>
<li><a href="#overview"
onclick="navigazione('overview');">Social-Live</a></li>
<li><a href="#overview"
onclick="navigazione('overview');">Everywhere-Mobile</a></li>
<li><a href="#overview"
onclick="navigazione('overview');">Cool</a></li>
</ul>
</div>
</li>
<li>
<div class="regola1"><a href="#get-started"
onclick="navigazione('get-started');"><fmt:message key="menugetStarted"/></a>
<ul>

6. <li><a href="#overview"
onclick="navigazione('overview');">FAQ</a></li>
<li><a href="#overview"
onclick="navigazione('overview');">API</a></li>
<li><a href="#overview"
onclick="navigazione('overview');">Search</a></li>
</ul>
</div></li>
</ul>
</div>
<div id="followsubscribe">
<div id="key_subscribe"><fmt:message
key="key_mesubscribe"/></div>
<div id="subscribe">
<form name='modulo' method='post' action='/#'
enctype='multipart/form-data'>
<table>
<tr>
<td>
<input class="subscribetext" type='text'
name='enteryouremail'/>
</td>
<td>
<div id="gosubscirbe" onclick=""><div
id="mesubscribe"><fmt:message key="gosubscirbe" /></div></div>
</td>
</tr>
</table>
</form>
</div>
<div id="key_follow"><fmt:message key="key_mefollow"/></div>
<div id="follow">
<ul id="follous">
<li id="facebookcss" title="Facebook" ><a
href="www.cubeyou.com"></a></li>
<li id="twittercss" title="Twitter"><a
href="www.twitter.com/cubeyou" ></a></li>
<li id="youtubecss" title="You Tube"><a
href="www.cubeyou.com"></a></li>
<li id="flickercss" title="Flicker"><a
href="www.cubeyou.com"></a></li>
<li id="picasacss" title="Picasa"><a
href="www.cubeyou.com"></a></li>
<li id="bloggercss" title="Blogger"><a
href="www.cubeyou.com"></a></li>
<li id="tumblercss" title="Tumbler"><a
href="www.cubeyou.com"></a></li>
<li id="meme" title="Meme"><a
href="www.cubeyou.com"></a></li>
<li id="slidesharecss" title="Slide Share"><a
href="www.cubeyou.com"></a></li>
<li id="googlemapcss" title="Google Maps"><a
href="www.cubeyou.com"></a></li>
<li id="deliciuscss" title="Delicius"><a
href="www.cubeyou.com"></a></li>
<li id="vimeocss" title="Vimeo"><a
href="www.cubeyou.com"></a></li>
<li id="viddlercss" title="Viddler"><a
href="www.cubeyou.com"></a></li>

7. </ul>
</div>
</div>
</div>
</div>
-->
</div>
<script language="javascript" type="text/javascript" >
//alert('carica terza pagina');
document.getElementById('divdemotext').style.display = 'block';
document.getElementById('demotext').style.display = 'none' ;
document.getElementById('divgrafic').style.display ='none';
caricavideoterzapagina('',<%=play%>);
primovideo();
</script>
<script type="text/javascript">
$(document).ready(function() {
setAllStats("facebook.com", 130);
$("#income").bind("plothover", pieHover2);
$("#income").mouseout(function(){
$("#incomeInfo").hide();
});
$("#gender").bind("plothover", pieHover1);
$("#gender").mouseout(function(){
$("#genderInfo").hide();
});
$("#age").bind("plothover", pieHover3);
$("#age").mouseout(function(){
$("#ageInfo").hide();
});
$("#visitBut").bind("click",function (event) {
event.preventDefault();
$("#visitBut").removeClass('grigio');
$("#visitBut").addClass('verde');
$("#visitBut").find('.puntino').removeClass('grigio');
$("#visitBut").find('.puntino').addClass('bianco');
$("#pageViewBut").removeClass('verde');

8. $("#pageViewBut").addClass('grigio');
$("#pageViewBut").find('.puntino').removeClass('bianco');
$("#pageViewBut").find('.puntino').addClass('grigio');
$("#visits").css("z-index", "1");
$("#pageview").css("z-index", "-1");
});
$("#pageViewBut").bind("click",function (event) {
event.preventDefault();
$("#pageViewBut").removeClass('grigio');
$("#pageViewBut").addClass('verde');
$("#pageViewBut").find('.puntino').removeClass('grigio');
$("#pageViewBut").find('.puntino').addClass('bianco');
$("#visitBut").removeClass('verde');
$("#visitBut").addClass('grigio');
$("#visitBut").find('.puntino').removeClass('bianco');
$("#visitBut").find('.puntino').addClass('grigio');
$("#visits").css("z-index", "-1");
$("#pageview").css("z-index", "1");
});
});
</script>