var p=0;var r=250;var origPos=[];var mouseOffset={top:0,left:0};var offset3D={x:180,y:25};function split(){splitToSpan($("#main p b"),"div");splitToSpan($("#main p:gt(1):lt(2)"),"div");splitToSpan($("#main p a"),null);splitToSpan($("#main p:gt(3) span:not([class*=3dpoint])"),null);} function splitToSpan(toSplit,wrapper){var smsg="";toSplit.each(function(idx){var h=$(this).text();var rpl="";if(wrapper!=null)rpl="<"+wrapper+">";for(var i=0;i"+x+"";} if(wrapper!=null)rpl+="";$(this).html(rpl);});} var rotationAngles={x:0,y:0,z:0};var rotationVector={x:0.01,y:0.01,z:0.01};var animationStep=0.05;var objectPoints=[];function setWTLogo(){rotationAngles={x:0,y:0,z:0};rotationVector={x:0,y:0,z:0.03};animationStep=0.03;objectPoints=WTLogo();} function setSphere(){rotationAngles={x:0,y:0,z:0};rotationVector={x:0.03,y:0.05,z:0.08};animationStep=0.05;objectPoints=MakeSphere(126);} function setSpiral(){rotationAngles={x:0,y:0,z:0};rotationVector={x:0.03,y:0.05,z:0.08};animationStep=0.05;var sp=Math.PI*4;objectPoints=[];var b=0.078;for(var i=sp;i>0;i-=sp/120){var point={x:b*i*Math.cos(i*2),y:b*i*Math.sin(i*2),z:Math.sin(i/4)};objectPoints.push(point);}} var animationStopCallback=null;function step(){var o=$("span.3dpoint");var to=Math.PI*2;if(p==0){if(o.length>objectPoints.length){alert("Have "+o.length+" display objects, got only "+objectPoints.length+" in the model");return;} o.each(function(idx){var pos=$(this).position();origPos[idx]=pos;});} if(p>to){o.each(function(idx){$(this).css('position','relative').css('left','').css('top','').css('opacity','').css('z-index','0');if($.browser.msie)$(this).get(0).style.removeAttribute('filter');});p=0;if(animationStopCallback!=null){animationStopCallback();} return;} var easing=Math.sin((p/to)*Math.PI);o.each(function(idx){var op=origPos[idx];var sph=objectPoints[idx];var rotatedPoint=Rotate(sph,rotationAngles.x,rotationAngles.y,rotationAngles.z);var dr=r*easing;var x=rotatedPoint.x*dr;var y=rotatedPoint.y*dr;x-=op.left*easing;y-=op.top*easing;x+=offset3D.x*easing;y+=offset3D.y*easing;$(this).css('left',x+'px');$(this).css('top',y+'px');});p+=animationStep;var p2=Math.PI*2;rotationAngles.z+=rotationVector.z;rotationAngles.y+=rotationVector.y;rotationAngles.x+=rotationVector.x;if(rotationAngles.z>p2) {rotationAngles.z=(rotationAngles.z%p2);} if(rotationAngles.y>p2) {rotationAngles.y=(rotationAngles.y%p2);} if(rotationAngles.x>p2) {rotationAngles.x=(rotationAngles.x%p2);} setTimeout("step()",20);} function MakeSphere(wantPoints){var sqrtp=Math.sqrt(wantPoints);var sphere=[];for(var ia=0;ia | sphere | spiral | RUN");$("#linkwtlogo").click(function(){setWTLogo();});$("#linksphere").click(function(){setSphere();});$("#linkspiral").click(function(){setSpiral();});$("#3dgo").click(function(e){step();return false;});setSphere();}});var gesturesCanvas;var gesturesColor="#FF0000";var gesturesPreviousPos=null;var gestureMatch=false;var gesturesIsDebug=false;var gesturesEnabled=false;function drawline(previous,cur){var context=document.getElementById('gesturesCanvasElement').getContext('2d');context.strokeStyle=gesturesColor;context.beginPath();context.moveTo(previous.x,previous.y);context.lineTo(cur.x,cur.y);context.closePath();context.stroke();} function GesturesResize(){gesturesCanvas.hide().css({position:'fixed',top:0,left:0,}).attr({height:$(window).height(),width:$(window).width()}).show();gesturesCanvasDebug.hide().css({position:'fixed',top:0,left:0,}).attr({height:100,width:100}).show();} function GesturesStart(){if(gesturesIsDebug){$('body').append('');gesturesCanvas=$('#gesturesCanvasElement');$('body').append('');gesturesCanvasDebug=$('#gesturesCanvasDebug');$.each(gesturesData,function(idx,g){var id="gesturesCanvasGesture"+idx;$('body').append('');var c=document.getElementById(id).getContext('2d');var p=copyPoints(g.points);$.each(p,function(ii,point){point.x=Math.floor((point.x*200)+30);point.y=Math.floor((point.y*100)+25);});drawShape(c,p);});$(window).resize(GesturesResize);GesturesResize();$("body").append("
");}
$("body").append("
");GesturesEnable();}
function GesturesEnable(){$('body').mousemove(function(e){gesturesMousePosition={x:e.clientX,y:e.clientY};});gesturesSampleIntervalID=setInterval("GesturesSampleMouse()",70);gesturesEnabled=true;}
var gesturesSampleIntervalID;function GesturesDisable(){$('body').unbind('mousemove');clearTimeout(gesturesSampleIntervalID);gesturesMousePositionHistory=[];gesturesEnabled=false;}
var gesturesMousePosition=null;var gesturesMousePositionPrev=null;var gesturesMousePositionHistory=[];function getGestureColor(i,l){var f=i/l;var d=Math.floor(f*255);var x=(l-i)/l;var g=Math.floor(x*255);var c="#"+d.toString(16)+g.toString(16)+d.toString(16);return c;}
function d2h(x){if(x==0)return"0";return x.toString(16);}
function drawShape(context,points){if(points.length<=2)return;var hasStarted=false;$.each(points,function(idx,pos){context.beginPath();context.strokeStyle=getGestureColor(idx,points.length);if(idx==0){}else{context.moveTo(points[idx-1].x,points[idx-1].y);context.lineTo(pos.x,pos.y);}
context.stroke();});}
function GesturesSampleMouse(){gestureMatch=false;if(gesturesIsDebug){var context=document.getElementById('gesturesCanvasElement').getContext('2d');context.clearRect(0,0,2000,2000);if(gesturesMousePositionHistory.length>1){drawShape(context,gesturesMousePositionHistory);}}
if(gesturesMousePosition!=null)gesturesMousePositionHistory.push(gesturesMousePosition);if(gesturesMousePositionHistory.length>40){gesturesMousePositionHistory.shift();}
if(gesturesMousePositionHistory.length>1){if(gesturesIsDebug){var cc=document.getElementById('gesturesCanvasDebug').getContext('2d');cc.clearRect(0,0,100,100);}
if(TryToMatch(copyPoints(gesturesMousePositionHistory))){gesturesMousePositionHistory=[];}
if(gesturesIsDebug&&gesturesMousePositionHistory.length!=0){var ppp=copyPoints(gesturesMousePositionHistory);recenter(ppp);$.each(ppp,function(idx,point){point.x=point.x*100;point.y=point.y*100;});drawShape(cc,ppp);}}}
function copyPoints(points){var outPoints=[];$.each(points,function(idx,point){outPoints.push({x:point.x,y:point.y});});return outPoints;}
function getMinMax(points){var min={x:5000,y:5000};var max={x:-5000,y:-5000};$.each(points,function(idx,point){min.x=Math.min(point.x,min.x);min.y=Math.min(point.y,min.y);max.x=Math.max(point.x,max.x);max.y=Math.max(point.y,max.y);});return{min:min,max:max};}
function recenter(points){if(points.length<2){return;}
var minMax=getMinMax(points);var min=minMax.min;var max=minMax.max;var avg={x:(min.x+max.x)/2,y:(min.y+max.y)/2};var screenDelta={x:max.x-min.x,y:max.y-min.y};$.each(points,function(idx,point){point.x=point.x-avg.x;point.y=point.y-avg.y;});min.x=min.x-avg.x;min.y=min.y-avg.y;max.x=max.x-avg.x;max.y=max.y-avg.y;var fitMin={x:0,y:0};var fitMax={x:1,y:1};var fmax=Math.max(Math.abs(min.x),Math.abs(min.y),Math.abs(max.x),Math.abs(max.y));$.each(points,function(idx,point){point.x=point.x/fmax;point.x=(point.x/2)+0.5;point.y=point.y/fmax;point.y=(point.y/2)+0.5;});if(screenDelta.x<=10||screenDelta.y<=10)return false;return true;}
function TryToMatch(points){var l=points.length;for(var i=0;i30)ConsoleClear();$("#console").append(msg+"\n");}
function ConsoleClear(){$("#console").html("");consoleMsg=0;}
function DoMatching(screen,gesture){var maxDist=0.20;gestureMatch=false;var i=0;var j=1;var iMax=gesture.points.length-1;var penalty=0;var maxMissedGesturePoints=2;var maxMissedScreenPoints=5;var gestureAdvance=0;var screenAdvance=0;var isMatch=false;var avgDistance=0;while(true){if(gestureAdvance>maxMissedGesturePoints||screenAdvance>maxMissedScreenPoints){break;}
if(j>screen.length-1){break;}
if(i>gesture.points.length-1){break;}
var gesturePoint=gesture.points[i];var screenPoint=screen[j];if(gestureAdvance==0&&(i==0||i==iMax)){var d=pointToSegment(screen[j-1],screen[j],gesturePoint);if(dhalfLen){newX=newX-halfLen;return Math.sqrt(newX*newX+newY*newY);}
return newY;}
function SetGesturesDebug(){gesturesIsDebug=true;}
var gesturesData=[{onMatch:function(){GesturesDisable();setSphere();step();},points:[{x:0,y:0.5},{x:0.16,y:0.87},{x:0.5,y:1},{x:0.85,y:0.85},{x:1,y:0.5},{x:0.87,y:0.16},{x:0.5,y:0},{x:0.15,y:0.15},{x:0,y:0.5}]},{onMatch:function(){GesturesDisable();setSphere();step();},points:[{x:0,y:0.5},{x:0.15,y:0.15},{x:0.5,y:0},{x:0.87,y:0.16},{x:1,y:0.5},{x:0.85,y:0.85},{x:0.5,y:1},{x:0.16,y:0.87},{x:0,y:0.5}]},{onMatch:function(){GesturesDisable();setWTLogo();step();},points:[{x:0.39,y:0.04},{x:0.24,y:0.45},{x:0.25,y:0.79},{x:0.49,y:0.93},{x:0.77,y:0.78},{x:0.74,y:0.52},{x:0.45,y:0.45}]}];$(document).ready(function(){if(document.URL.indexOf("?debug")!=-1)gesturesIsDebug=true;GesturesStart();animationStopCallback=function(){GesturesEnable();};});$(document).ready(function(){var img=$("#main img");$(img).wrap("");var s="";s+="#wtLogoInvImg { margin-left: auto; margin-right: auto; width: 266px; text-indent: -9999px; height: 128px; display: block; } ";s+="#wtLogoInv1, #wtLogoInv2, #wtLogoInv3 { float: left; background-image: url('logo.png'); background-repeat: repeat-x; display: block; height: 128px; } ";s+="#wtLogoInv1 { width: 128px; background-position: -138px; } ";s+="#wtLogoInv2 { width: 10px; background-position: -128px; } ";s+="#wtLogoInv3 { width: 128px; background-position: 0px; } ";s+="#wtLogoInverted { margin-left: auto; margin-right: auto; display: block; width: 266px; height: 128px; } ";s+="p, div { clear: left; } ";$("head").append("");var wl=$("");$("#wtLogoInverted").append(wl);wl.hide();$("#wtLogoInverted").mouseenter(function(){$("#main img").toggle();$("#wtLogoInvImg").toggle();});});