//	HYPE.documents["waypoints"]

(function(){(function k(){function l(a,b,d){var c=!1;null==window[a]&&(null==window[b]?(window[b]=[],window[b].push(k),a=document.getElementsByTagName("head")[0],b=document.createElement("script"),c=h,false==!0&&(c=""),b.type="text/javascript",b.src=c+"/"+d,a.appendChild(b)):window[b].push(k),c=!0);return c}var h="waypoints.hyperesources",c="waypoints",e="waypoints_hype_container";if(false==!1)try{for(var f=document.getElementsByTagName("script"),
a=0;a<f.length;a++){var b=f[a].src,d=null!=b?b.indexOf("/waypoints_hype_generated_script.js"):-1;if(-1!=d){h=b.substr(0,d);break}}}catch(n){}if(false==!1&&(a=navigator.userAgent.match(/MSIE (\d+\.\d+)/),a=parseFloat(a&&a[1])||null,a=l("HYPE_596","HYPE_dtl_596",!0==(null!=a&&10>a||false==!0)?"HYPE-596.full.min.js":"HYPE-596.thin.min.js"),false==!0&&(a=a||l("HYPE_w_596","HYPE_wdtl_596","HYPE-596.waypoints.min.js")),a))return;f=window.HYPE.documents;
if(null!=f[c]){b=1;a=c;do c=""+a+"-"+b++;while(null!=f[c]);d=document.getElementsByTagName("div");b=!1;for(a=0;a<d.length;a++)if(d[a].id==e&&null==d[a].getAttribute("HYP_dn")){var b=1,g=e;do e=""+g+"-"+b++;while(null!=document.getElementById(e));d[a].id=e;b=!0;break}if(!1==b)return}b=[];b=[{name:"waypoint",source:"function(hypeDocument, element, event) {\t\n\t\n\t$('#redbox').waypoint (function(){\n\t\thypeDocument.startTimelineNamed('bluebox');\n\t}, { offset: 'bottom-in-view' });\n\n\t\n}",identifier:"5"}];d={};g={};for(a=0;a<b.length;a++)try{g[b[a].identifier]=b[a].name,d[b[a].name]=eval("(function(){return "+b[a].source+"})();")}catch(m){window.console&&window.console.log(m),d[b[a].name]=
function(){}}a=new HYPE_596(c,e,{"-1":{n:"PIE.htc"},"-2":{n:"blank.gif"}},h,[],d,[{n:"Untitled Scene",o:"1",X:[0]}],[{A:{a:[{p:4,h:"5"}]},o:"10",p:"600px",cA:false,Y:600,Z:2000,c:"#F0FFF9",L:[],bY:1,d:600,U:{},T:{"7":{i:"7",n:"bluebox",z:1,b:[],a:[{f:"c",y:0,z:1,i:"b",e:1638,s:1740,o:"11"},{f:"c",y:0,z:1,i:"g",e:"#2035FD",s:"#FF3422",o:"11"},{f:"c",y:0,z:1,i:"f",e:-90,s:0,o:"11"},{f:"c",y:0,z:1,i:"a",e:223,s:249,o:"11"},{f:"c",y:0,z:1,i:"b",e:1658,s:1629,o:"12"},{f:"c",y:0,z:1,i:"a",e:368,s:600,o:"12"},{y:1,i:"g",s:"#2035FD",z:0,o:"11",f:"c"},{y:1,i:"f",s:-90,z:0,o:"11",f:"c"},{y:1,i:"a",s:223,z:0,o:"11",f:"c"},{y:1,i:"b",s:1638,z:0,o:"11",f:"c"},{y:1,i:"b",s:1658,z:0,o:"12",f:"c"},{y:1,i:"a",s:368,z:0,o:"12",f:"c"}],f:30},kTimelineDefaultIdentifier:{i:"kTimelineDefaultIdentifier",n:"Main Timeline",z:0,b:[],a:[],f:30}},bZ:180,O:["15","12","11","13","14"],n:"Untitled Layout","_":0,v:{"13":{c:100,bS:36,d:100,I:"Solid",J:"Solid",f:0,K:"Solid",g:"#FF3422",L:"Solid",M:1,N:1,A:"#A0A0A0",x:"visible",j:"absolute",B:"#A0A0A0",k:"div",O:1,C:"#A0A0A0",z:2,P:1,D:"#A0A0A0",a:249,b:1740},"12":{aV:8,w:"This timeline starts when&nbsp;<div>the Red box is visible.&nbsp;</div>",x:"visible",a:600,Z:"break-word",b:1629,y:"preserve",j:"absolute",z:5,k:"div",s:"Helvetica,Arial,Sans-Serif",aT:8,d:36,c:216,aS:8,t:16,G:"#000000",aU:8,r:"inline"},"15":{aV:8,w:"When you scroll down to the&nbsp;<div>red box, a a timeline will be triggered</div><div>The name of the timeline started is: bluetimeline&nbsp;</div><div><br></div><div>This waypoints function is setup to run \u2018On Scene Load\u2019&nbsp;</div><div>for this scene. (Check the 'waypoint' JavaScript function in JavaScript tab).&nbsp;</div><div><br></div><div>For this to work, this document loads the following JavaScript libraries in the head of the document.&nbsp;You can edit the contents of the &lt;head&gt;\u2026&lt;/head&gt; of your exported .html file by clicking on 'Edit HTML Head' in the Document Inspector.&nbsp;</div><div><br></div><div><div><font size=\"2\">&lt;script src=\"http://code.jquery.com/jquery-1.11.0.min.js\"&gt;&lt;/script&gt;</font></div><div><span style=\"font-size: small; background-color: rgb(240, 255, 249);\">&lt;script src=\"http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.2/waypoints.min.js\"&gt;&lt;/script&gt;</span><br></div></div><div><br></div><div>To see this in action, preview this in a browser, and scroll down.&nbsp;</div>",x:"visible",a:102,Z:"break-word",b:90,y:"preserve",j:"absolute",z:1,k:"div",s:"Helvetica,Arial,Sans-Serif",aT:8,d:365,c:450,aS:8,t:16,G:"#000000",aU:8,r:"inline"},"11":{c:100,d:100,I:"Solid",J:"Solid",f:0,K:"Solid",g:"#FF3422",L:"Solid",M:1,i:"redbox",N:1,A:"#A0A0A0",x:"visible",j:"absolute",B:"#A0A0A0",k:"div",O:1,C:"#A0A0A0",z:3,P:1,D:"#A0A0A0",a:249,b:1740},"14":{aV:8,w:"The Unique Element ID<div>of this box is:</div><div><i>redbox</i></div>",x:"visible",a:360,Z:"break-word",b:1756,y:"preserve",j:"absolute",z:4,yy:"nowrap",s:"Helvetica,Arial,Sans-Serif",aT:8,k:"div",aS:8,t:16,r:"inline",aU:8,G:"#000000"}}}],{},g,{},null,false,true,-1,true,true,true,true);f[c]=a.API;document.getElementById(e).setAttribute("HYP_dn",
c);a.z_o(this.body)})();})();
