/* concept & design by formalism 2005 */
/* realization by basten & daan 2006 */	


function pixcount()
{
navpix = 125;
halfx = parseInt(document.body.clientWidth / 2);
halfy = parseInt(document.body.clientHeight / 2);
halfsq = halfy - navpix;
startx = halfx - halfsq;
starty = halfy - halfsq;
endx = halfx + halfsq;
endy = halfy + halfsq;
lineth = 6;
linelo = halfsq * 2;
}

function timediv(identify)
{
if (identify == 'past')
{
pastformat();
}
if (identify == 'now')
{
nowformat();
}
if (identify == 'future')
{
futureformat();
}
mainformat();
}

function mainformat()
{
document.write('<style type=\"text/css\">div.past{position:absolute; padding:0px; margin:0px; top:0px; left:0px; text-align:right; width:'+ (startx - 10) + 'px; }div.pastsub{position:absolute; margin:0px; padding:0px; top:' + (starty + 10) + 'px; left:0px; text-align:right; width:' + (startx - 10) +'px; }div.now{position:absolute; padding:0px; left:' + (endx + 12) + 'px; text-align:left; }div.nowsub{position:absolute; padding:0px; top:' + (starty + 10) + 'px; left:' + (endx + 16)+ 'px; text-align:left; z-index:2;}div.future{position:absolute; padding:0px; left:' + (endx + 12) + 'px; top:' + (endy + 6) + 'px; background-color:white; text-align:left; }div.futuresub{position:absolute; padding:0px; top:' + (starty) + '; left:' + (endx + 12) + 'px; height:' + (linelo) + 'px; width: '+ (startx - 26) +'px; text-align:left; z-index:2; }div.maincontent{position:absolute; padding:0px; overflow:auto; top:' + (starty + 5) + 'px; left:' + (startx + 10) + 'px; z-index:10; width:' + (halfsq + halfx - 10) + 'px; height:' + (halfsq + halfsq - 20) + 'px; text-align:left; vertical-align:top; padding-top:0px; z-index:1;}div.maintext{width:' + (halfsq + halfsq - 20) + 'px;} div.links{position: absolute;	left: 5px; top:9px;}div.topline{position:absolute; top:' + (starty - 1) + 'px; left:' + startx + 'px; height:3px; width:' + linelo + 'px; z-index:200; }div.rightline{position:absolute; top:' + starty + 'px; left:' + (endx - 1) + 'px; height:' + (linelo - 12) + 'px; width:' + lineth + 'px; z-index:200; }div.pastlineh{position:absolute; top:' + (starty - 1) + 'px; left:-100px; height:' + lineth + 'px; width:' + (startx + 100) + 'px; z-index:195; }div.pastlinev{position:absolute; top:-100px; left:' + (startx - 1) + 'px; height:' + (starty + 100) + 'px; width:' + lineth + 'px; z-index:195; }div.nowlineh{position:absolute; top:' + (starty - 1) + 'px; left:' + endx + 'px; height:' + lineth + 'px; width:' + (startx + 100) + 'px; z-index:195; }div.nowlinev{position:absolute; top:-100px; left:' + (endx - 1) + 'px;height:' + (starty + 100) + 'px; width:' + lineth + 'px; z-index:195; }div.futurelineh{position:absolute; top:' + (endy - 5) + 'px; left:' + endx + 'px; height:' + lineth + 'px; width:' + (startx + 100) + 'px; z-index:195; }div.futurelinev{position:absolute; top:' + (endy) + 'px; left:' + (endx - 1) + 'px; height:' + (starty + 100) + 'px; width:' + lineth + 'px; z-index:195; }div.aslineh{position:absolute; top:' + (endy - 1) + 'px; left:' + (startx - 10) + 'px; height:3px; width:10px; z-index:195; }div.aslinev{position:absolute; top:' + (endy) + 'px; left:' + (startx - 1) + 'px; height:' + (starty + 10) + 'px; width:' + lineth + 'px; z-index:195; }div.topleftdot{position:absolute; top:' + (starty - 1) + 'px; left:' + (startx - 1) + 'px; height:' + lineth + 'px; width:' + lineth + 'px; z-index:200; }div.toprightdot{position:absolute; top:' + (starty - 1) + 'px; left:' + (endx - 1) + 'px; height:' + lineth + 'px; width:' + lineth + 'px; z-index:200; }div.bottomleftdot{position:absolute; top:' + (endy - 1) + 'px; left:' + (startx - 1) + 'px; height:' + lineth + 'px; width:' + lineth + 'px; z-index:200; }div.bottomrightdot{position:absolute; top:' + (endy - 6) + 'px; left:' + (endx - 1) + 'px; height:' + lineth + 'px; width:' + lineth + 'px; z-index:200; }div.astext{position:absolute; padding:0px; padding-top:0px; top:' + (endy) + 'px; right:' + (endx) + 'px; height:100px; width:' + (startx) + 'px; z-index:200; text-align:right;vertical-align:top;}</style><div class=\"topline\"><img src=\"format/graphics/x-redblue.jpg\" width=\"' + linelo + 'px\" height=\"' + lineth + 'px\"></div><div class=\"rightline\"><img src=\"format/graphics/y-bluegreen.jpg\" width=\"' + lineth + '\" height=\"' + (linelo) + '\"></div><div class=\"topleftdot\"><img src=\"format/graphics/d-red.jpg\" width=\"' + lineth + '\" height=\"' + lineth + '\"></div><div class=\"toprightdot\"><img src=\"format/graphics/d-blue.jpg\" width=\"' + lineth + '\" height=\"' + lineth + '\"></div><div class=\"bottomrightdot\"><img src=\"format/graphics/d-green.jpg\" width=\"' + lineth + '\" height=\"' + lineth + '\"></div><div class=\"astext\"><div class=\"links\" align=\"left\"><a href="http://www.kabk.nl" target="_blank"><IMG SRC="format/graphics/kabk2.jpg" BORDER="0" align="bottom"></a> <a href="http://www.koncon.nl" target="_blank"><IMG SRC="format/graphics/kc2.jpg"  BORDER="0" align="bottom"></a> <a href=\"http://mediatechnology.liacs.nl\" target=\"blank\"> <IMG SRC="format/graphics/mt2.jpg" BORDER="0" align="bottom"></a></div><a href="index.php"><IMG SRC=\"format/graphics/as.jpg\" border=\"0px\"></a></div>');
}