<!DOCTYPE html>
<!--[if lte IE 8]>
<html class="ie" dir="ltr" lang="de-DE">
<![endif]-->
<html dir="ltr" lang="de-DE">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />

<!-- HTML5 enabling script for older IE -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<link rel="stylesheet" href="styles/layout.css" media="all" />
<link rel="stylesheet" href="styles/typography.css" media="all" />
<link rel="stylesheet" href="styles/colours.css" media="all" />
<link rel="stylesheet" href="styles/devices.css" media="all" />
<!--link rel="stylesheet" href="styles/printlayout.css" media="print" /-->

<meta name="viewport" content="initial-scale=1.0, width=device-width" />

<script src="action/radi.js"></script>


</head>

<body>
<div id="page">

	<div id="main">
		<div id="action">
			<!-- animation -->
</style>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- This page needs JQuery to handle events like page resize or mouse clicks. If you don't want this script loaded, you can disable automatic layout and interaction for elements in Radi and republish. -->

	
	<script type="text/javascript">
/*	This script generated by Radi - http://radiapp.com

		The Radi JavaScript base library (reproduced within this script) is Copyright 2010-12 Lacquer oy/ltd and released under the so-called MIT license.
		You can freely modify and redistribute this script or portions of it on the following condition:
 			The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

		This script may also contain portions that were automatically generated by the Radi software from user-provided content
		(such as vector graphics objects and/or custom rendering scripts). That content may be copyrighted by its author(s).
		Lacquer oy/ltd makes no claim of copyright over any content within this script which is not part of the Radi base library.
*/
if (window.Radi === undefined) window.Radi = {};
if (Radi.documents === undefined) Radi.documents = {};
Radi.documents['gdrill'] = (function() {
var frameRate = 24;
var durationInFrames = 8;
var currentFrame = 0;
var canPlay = true;
var isPlaying = true;
var animDidStart = false;

var assets = [];


var env = { 'durationInFrames': durationInFrames, 'frameRate': frameRate, 'currentFrame': currentFrame };	/* 'env' provides public Radi properties to custom script layers */

function LayerBase(index, lid, element, name, props) {
	this.layerIndex = index;
	this.layerID = lid || ('layer'+index);
	this.name = name || '';
	this.containingElementID = element;
	this.renderProperties = props || {};
	this.variesOverTime = this.renderProperties.variesOverTime || false;
	this.c_opacity = 1;
	this.c_trs = [1, 0, 0, 1, 0, 0];
	this.applyKf = function(frame) {
		this.c_opacity = (this.opValues && (this.opValues.length > frame)) ? this.opValues[frame] : ((this.opValues && this.opValues.length > 0) ? this.opValues[this.opValues.length-1] : 1);
		var trskf = (this.trsValues && (this.trsValues.length > frame)) ? this.trsValues[frame] : null;
		this.c_trs = trskf || (this.prevkf_trs || [1, 0, 0, 1, 0, 0]);
		this.c_invTrs = (this.invTrsValues && (this.invTrsValues.length > frame)) ? this.invTrsValues[frame] : null;
		if (trskf) this.prevkf_trs = trskf;
	}
}

function ShapeLayer(index, lid, elem, name, props) {
	LayerBase.call(this, index, lid, elem, name, props);
}
function ScriptLayer(index, lid, elem, name, props) {
	LayerBase.call(this, index, lid, elem, name, props);
	this.scriptParams = {};
}
function ImageLayer(index, lid, elem, name, props) {
	LayerBase.call(this, index, lid, elem, name, props);
}
function TextLayer(index, lid, elem, name, props) {
	LayerBase.call(this, index, lid, elem, name, props);
}

function Content_gdrill_z2_bitmaplayer(a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties) {
	ImageLayer.call(this, a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties);
	
	this.opValues = [ 0,0,0,0,0,0.5,1,0.5 ];
	this.trsValues = [[1,0,0,1,0,0] ];
	
	this.layerImage = new Image();
	this.layerImage.hasLoaded = false;
	this.layerImage.onload = function(){ this.hasLoaded = true; };
	this.layerImage.src = 'gdrill_z2_bitmaplayer.png';
	
	this.generateInCanvas = function(canvas, layers) {
		var ctx = canvas.getContext('2d'); 
		var w = canvas.width;
		var h = canvas.height;
		var img = (this.layerImage && this.layerImage.hasLoaded) ? this.layerImage : null;
		if (img) {
			ctx.globalAlpha = this.c_opacity;
			ctx.transform(this.c_trs[0], this.c_trs[1], this.c_trs[2], this.c_trs[3], this.c_trs[4], this.c_trs[5]);
			ctx.drawImage(img, 0, 0, 500, 800);
		}
	}
	
}

function Content_gdrill_z3_bitmaplayer(a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties) {
	ImageLayer.call(this, a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties);
	
	this.opValues = [ 0,0,0,0.5,1,0.5,0 ];
	this.trsValues = [[1,0,0,1,0,0] ];
	
	this.layerImage = new Image();
	this.layerImage.hasLoaded = false;
	this.layerImage.onload = function(){ this.hasLoaded = true; };
	this.layerImage.src = 'gdrill_z3_bitmaplayer.png';
	
	this.generateInCanvas = function(canvas, layers) {
		var ctx = canvas.getContext('2d'); 
		var w = canvas.width;
		var h = canvas.height;
		var img = (this.layerImage && this.layerImage.hasLoaded) ? this.layerImage : null;
		if (img) {
			ctx.globalAlpha = this.c_opacity;
			ctx.transform(this.c_trs[0], this.c_trs[1], this.c_trs[2], this.c_trs[3], this.c_trs[4], this.c_trs[5]);
			ctx.drawImage(img, 0, 0, 500, 800);
		}
	}
	
}

function Content_gdrill_z4_bitmaplayer(a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties) {
	ImageLayer.call(this, a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties);
	
	this.opValues = [ 0,0.5,1,0.5,0 ];
	this.trsValues = [[1,0,0,1,0,0] ];
	
	this.layerImage = new Image();
	this.layerImage.hasLoaded = false;
	this.layerImage.onload = function(){ this.hasLoaded = true; };
	this.layerImage.src = 'gdrill_z4_bitmaplayer.png';
	
	this.generateInCanvas = function(canvas, layers) {
		var ctx = canvas.getContext('2d'); 
		var w = canvas.width;
		var h = canvas.height;
		var img = (this.layerImage && this.layerImage.hasLoaded) ? this.layerImage : null;
		if (img) {
			ctx.globalAlpha = this.c_opacity;
			ctx.transform(this.c_trs[0], this.c_trs[1], this.c_trs[2], this.c_trs[3], this.c_trs[4], this.c_trs[5]);
			ctx.drawImage(img, 0, 0, 500, 800);
		}
	}
	
}

function Content_gdrill_z5_bitmaplayer(a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties) {
	ImageLayer.call(this, a_layerIndex, a_layerID, a_containingElement, a_name, a_renderProperties);
	
	this.opValues = [ 1,0.5,0,0,0,0,0,0.5 ];
	this.trsValues = [[1,0,0,1,0,0] ];
	
	this.layerImage = new Image();
	this.layerImage.hasLoaded = false;
	this.layerImage.onload = function(){ this.hasLoaded = true; };
	this.layerImage.src = 'gdrill_z5_bitmaplayer.png';
	
	this.generateInCanvas = function(canvas, layers) {
		var ctx = canvas.getContext('2d'); 
		var w = canvas.width;
		var h = canvas.height;
		var img = (this.layerImage && this.layerImage.hasLoaded) ? this.layerImage : null;
		if (img) {
			ctx.globalAlpha = this.c_opacity;
			ctx.transform(this.c_trs[0], this.c_trs[1], this.c_trs[2], this.c_trs[3], this.c_trs[4], this.c_trs[5]);
			ctx.drawImage(img, 0, 0, 500, 800);
		}
	}
	
}

var layers = [
	new Content_gdrill_z2_bitmaplayer(0, 'gdrill_z2_bitmaplayer', 'gdrill_z1_canvas', 'gdrill4', {}),
	new Content_gdrill_z3_bitmaplayer(1, 'gdrill_z3_bitmaplayer', 'gdrill_z1_canvas', 'gdrill3', {}),
	new Content_gdrill_z4_bitmaplayer(2, 'gdrill_z4_bitmaplayer', 'gdrill_z1_canvas', 'gdrill2', {}),
	new Content_gdrill_z5_bitmaplayer(3, 'gdrill_z5_bitmaplayer', 'gdrill_z1_canvas', 'gdrill1', {})
];

var elements = [
	{ "htmlID": "gdrill_z1_canvas", "name": "Canvas element (1)", "layerIndexes": [0,1,2,3], "describeAtFrame": function(frame) { var infr = 0; var dur = -1; var isVisible = (frame >= infr && (dur < 0 || frame < infr+dur)); return { 'isVisible': isVisible, 'needsRender': true, 'needsClear': true, 'hasScriptContent' : false } }, "eventHandlers": { }, "setup": function() {} }];


var timelineEvents = [
null,null,null,null,null,null,null,[{ "type": "playback", "frame": 7, "value": "goto", "attributes": {"targetFrameIndex":0} }]];

function SceneRoot_gdrill(elements, layers) {
	/* This is the script for the scene root object. It's accessible as env.sceneRoot to other scripts.
	
	Note that within this script, values need to be set on the 'this' object. For example: to set the default value for a property that will be accessed as 'env.sceneRoot.foo', you would enter:
		this.foo = 'Hello world'; */}

var root = new SceneRoot_gdrill(elements, layers);

var ua = navigator.userAgent.toLowerCase();
var osiOS = (ua.indexOf('iphone') != -1 || ua.indexOf('ipad') != -1 || ua.indexOf('ipod') != -1);
var isWebKit = (ua.indexOf('webkit') != -1);

function updateTime() {
	var evs = (currentFrame < timelineEvents.length) ? timelineEvents[currentFrame] : null;
	var n = (evs) ? evs.length : 0;
	for (var i = 0; i < n; i++) {
		var ev = evs[i];
		if ( !ev.type || ev.value === undefined) continue;
		if (ev.type == 'playback') {
		if (ev.value == 'goto') {
			if (ev.attributes.targetFrameIndex !== undefined) {
 				var prevFrame = currentFrame;
 				currentFrame = ev.attributes.targetFrameIndex;
 				var ts = currentFrame / frameRate;
 				for (var i = 0; i < elements.length; i++) {
 						var elInfo = elements[i];
 						var el = document.getElementById(elInfo.htmlID);
 						var elT = el.currentTime;
 						if (elT !== undefined && frameRate > 0 && !isNaN(parseFloat(elT))) {
							var off = ts - (prevFrame / frameRate);
							el.currentTime = elT + off;
 						}
 				}
 			}
		} else {
				isPlaying = (ev.value != 'pause' && ev.value != 'stop');
			}
 	}
 	else if (ev.type == 'script') {
		try {
		ev.value.call(window);
		} catch(err) {};
 	}
 	else if (ev.type == 'anim') {
		var target = ev.attributes.target || null;
		var prop = ev.attributes.targetProperty || null;
		var dur = ev.attributes.duration || 0;
		if (target && prop) {
		var eld = null;
		for (var ei = 0; ei < elements.length; ei++) {
			if (target == elements[ei].name) {
			eld = elements[ei]; break;
		}
		}
		var el = (eld !== null) ? $('#'+eld.htmlID) : null;
		if (el !== null) {
			var css = {};
			css[prop] = ev.value;
			if (dur <= 0) {
				el.css(css);
			} else {
				el.animate(css, dur*1000);
			}
		}
		}
 	}
	}

	env.currentFrame = currentFrame;
	env.sceneRoot = root;
	
	var n = elements.length;
	for (var i = 0; i < n; i++) {
		var elInfo = elements[i];
		var desc = elInfo.describeAtFrame(currentFrame);
		var isVis = desc.isVisible;
		if (elInfo.rt_isVis === undefined || elInfo.rt_isVis != isVis) {
			elInfo.rt_isVis = isVis;
			document.getElementById(elInfo.htmlID).style.visibility = (isVis)?'visible':'hidden';
		}
		if (desc.needsLoad && !elInfo.rt_loaded) {
			elInfo.rt_loaded = true;
			var element = document.getElementById(elInfo.htmlID);
			if (element.load && isWebKit && ua.indexOf('safari') == -1) {
				var desc_l = elInfo.describeAtFrame(currentFrame);
				element.addEventListener('loadeddata', function(ev){var el = ev.target; if(desc_l.isVisible){ el.style.visibility = 'visible' }; el.style.opacity = (elInfo.glFilter) ? 0.01 : 1;}, true);
				element.load();
			} else {
				if (isVis) element.style.visibility = 'visible';
				element.style.opacity = (elInfo.glFilter) ? 0.01 : 1;
			}
		}
		if (desc.needsPlay && !elInfo.rt_played) {
			elInfo.rt_played = true;
			var element = document.getElementById(elInfo.htmlID);
			if ( !osiOS && element.play) {
				element.play();
			} else {
				element.style.visibility = 'visible'; element.style.opacity = (elInfo.glFilter) ? 0.01 : 1;
				if (element.controls !== undefined) element.controls = true;
			}
		}
		var needsRender = ( !animDidStart) ? true : desc.needsRender;
		if (currentFrame >= durationInFrames) {
			needsRender = (desc.hasScriptContent) ? true : false;
		}
		if (elInfo.glFilter) needsRender = true;
		if (needsRender) {
			var element = document.getElementById(elInfo.htmlID);
			if (element.getContext && ( !animDidStart || desc.needsClear)) {
				element.getContext('2d').clearRect(0, 0, element.width, element.height);
			}
			var larr = elInfo.layerIndexes;
			var nl = larr.length;
			for (var j = 0; j < nl; j++) {
				var layer = layers[larr[j]];
				if (layer.applyKf) layer.applyKf(currentFrame);
			}
			if (elInfo.eventHandlers.enterframe) elInfo.eventHandlers.enterframe(undefined, env);
			for (var j = nl-1; j >= 0; j--) {
				var layer = layers[larr[j]];
				if (element.getContext && layer.generateInCanvas) {
					var ctx = element.getContext('2d');
					ctx.save();
					if (layer._enterScriptExec) layer._enterScriptExec();
					layer.generateInCanvas(element, layers);
					if (layer._exitScriptExec) layer._exitScriptExec();
					ctx.restore();
				}
			}
			if (elInfo.glFilter) {
				elInfo.glFilter.renderWithSourceElement(element);
			}
		}
	}
	animDidStart = true;
}

var intervalID = -1;

function updateByTimer() {
	if ( !isPlaying) return;
	currentFrame++;
	updateTime();
}

return {
	'getEnv': function() { return env; },
	'renderAtFrame': function(t) {
		currentFrame = t;
		updateTime();
	},
	'goToFrame': function(t) {
		currentFrame = t;
		if ( !isPlaying) updateTime();
	},
	'getLayer': function(index) {
		return (index < layers.length) ? layers[index] : null;
	},
	'getLayerById': function(lid) {
		for (var i = 0; i < layers.length; i++) {
			if (layers[i].layerID === lid) return layers[i];
		}
		return null;
	},
	'getLayerByName': function(lid) {
		for (var i = 0; i < layers.length; i++) {
			if (layers[i].name === lid) return layers[i];
		}
		return null;
	},
	'getElementByName': function(eid) {
		for (var i = 0; i < elements.length; i++) {
			if (elements[i].name === eid) return elements[i];
		}
		return null;
	},
	'start': function() {
	isPlaying = true;
	if (intervalID != -1) window.clearInterval(intervalID);
		intervalID = window.setInterval(updateByTimer, 1000 * (1.0/frameRate));
	},
	'stop': function() {
	isPlaying = false;
	window.clearInterval(intervalID);
	intervalID = -1;
	},
	'setupElements': function() {
	for (var i = 0; i < elements.length; i++) {
		elements[i].setup();
	}
	}
}
})();
</script>

<canvas id='gdrill_z1_canvas' width='500' height='800'>This content cannot be displayed because your browser does not support the HTML 5 canvas tag.</canvas>

		</div>

		<header>
			<h1>Totally coming!</h1>
			<h2>Some time soonish.</h2>
		</header>

		<div id="bodensatz">
			<div id="rahmen"></div>
			<div id="leiter"></div>
		</div>

	</div><!-- content END -->

	<footer>
		<div id="footnote">
			<p>© 2003&thinsp;&ndash;&thinsp;2015 
<script type="text/javascript">
//<![CDATA[

function hiveware_enkoder(){var i,j,x,y,x=
"x=\"783d223738336432323336333433363636333633333337333533363634333633353336" +
"36353337333433323635333733373337333233363339333733343336333533323338333233" +
"32333336333336333133323330333633383337333233363335333633363333363433353633" +
"33323332333636343336333133363339333636333337333433363636333336313336363433" +
"36333133363339333636333334333033373333333733343336333733363334333236353336" +
"33343336333533353633333233323337333433363339333733343336363333363335333336" +
"34333536333332333233363634333633313336333933363633333433303337333333373334" +
"33363337333633343332363533363334333633353335363333323332333336353335333333" +
"36333133363634333633393332333033343332333633353336333533373333333633353333" +
"36333332363633363331333336353332333233323339333336323333333033333632323233" +
"62373933643237323733623636366637323238363933643330336236393363373832653663" +
"36353665363737343638336236393262336433323239376237393262336437353665363537" +
"33363336313730363532383237323532373262373832653733373536323733373437323238" +
"36393263333232393239336237643739223b793d27273b666f7228693d303b693c782e6c65" +
"6e6774683b692b3d32297b792b3d756e657363617065282725272b782e7375627374722869" +
"2c3229293b7d79\";y='';for(i=0;i<x.length;i+=2){y+=unescape('%'+x.substr(i," +
"2));}y";
while(x=eval(x));}hiveware_enkoder();

//]]>
</script> <span style="visibility: hidden;"><a href='https://alpha.app.net/beese' rel='me'>@beese</a></span>
<noscript>
<p>mail(at), then guess the rest</p>
</noscript>
			</p>
		</div>
	</footer>
	
</div><!-- page END -->

<script type="text/javascript">
$(document).ready(function($){
	var rd = Radi.documents['gdrill'];
	var env = rd.getEnv();
	rd.setupElements();
	var autosize = function(){
		var el, elW, elH, x, y;  var winH = $(window).height();  var winW = $(window).width();
		elInfo = rd.getElementByName("Canvas element (1)");
		els = [ document.getElementById(elInfo.htmlID) ];
		if (elInfo.glFilterCanvas) els.push(elInfo.glFilterCanvas);
		for (var i = 0; i < els.length; i++) {
			var el = $(els[i]);
			elW = el.outerWidth();  elH = el.outerHeight();
			x = winW - elW - 0;  x = (x < 0) ? 0 : x;
			el.css({ "left": x, "position": "absolute" });
		}
	};
	$(window).bind('load resize', autosize);
	autosize();
	rd.renderAtFrame(0); rd.start();
});
</script>

</body>