var posX=0;
var posY=0;
var dX,dY,dXX,dYY,iXX,iYY;
var xT=100;
var k=10;
var zoomf=0.07;
var timer;
var activeObj;
var zoom=1;
var gozone=false;

var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;

if (checkIt('konqueror'))
{
	browser = "Konqueror";
	OS = "Linux";
}
else if (checkIt('safari')) browser = "Safari"
else if (checkIt('omniweb')) browser = "OmniWeb"
else if (checkIt('opera')) browser = "Opera"
else if (checkIt('webtv')) browser = "WebTV";
else if (checkIt('icab')) browser = "iCab"
else if (checkIt('msie')) browser = "Internet Explorer"
else if (!checkIt('compatible'))
{
	browser = "Netscape Navigator"
	version = detect.charAt(8);
}
else browser = "An unknown browser";

if (!version) version = detect.charAt(place + thestring.length);

if (!OS)
{
	if (checkIt('linux')) OS = "Linux";
	else if (checkIt('x11')) OS = "Unix";
	else if (checkIt('mac')) OS = "Mac"
	else if (checkIt('win')) OS = "Windows"
	else OS = "an unknown operating system";
}

function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

function music(id) {
	if (top.musicVar) top.location.href="index.php?menuid="+id;
	else top.location.href="spelenderwijs_music.php?menuid="+id;
}

function getW(obj){
   return obj.offsetWidth;
}

function getH(obj){
   return obj.offsetHeight;
}

function getX(obj){
   return( obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}

function getY(obj) {
   return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}

function d(obj) {
	if (!document.getElementById(obj)) {
		document.body.innerHTML+="<div id="+obj+"></div>";
	}
	return document.getElementById(obj);
}

function check(_me_out) {
	d("check").innerHTML=_me_out;
}

function setPos() {
	dX=window.event.x-posX;
	dY=window.event.y-posY;
	posX=window.event.x;
	posY=window.event.y;
	if (window.event.button===1 && gozone) {
		scroll();
	}
}
function scroll(){
	d('bgDiv').style.posLeft=d('bgDiv').style.posLeft+dX;
	d('ringDiv').style.posLeft=d('bgDiv').style.posLeft + ringX;
	d('logoDiv').style.posLeft=d('bgDiv').style.posLeft + logoX;
	d('musicDiv').style.posLeft=d('bgDiv').style.posLeft + musicX;
	d('contentDiv').style.posLeft=d('bgDiv').style.posLeft + contentX;
	d('controllerDiv').style.posLeft=d('logoDiv').style.posLeft;
	bX=(baseX-d('logoDiv').style.posLeft)/50;
	// wie_is_in_mijn_rondje();
}

var ringX, ringY, logoX, logoY, baseX, musicX;
function resizeMe() {
		d('bgDiv').style.height=(((window.innerHeight+95)<691)?(window.innerHeight+95):691)+"px";
}
function init() {
	if (browser=="Internet Explorer") {
		document.body.onmousemove=setPos;
		d('divContainer').style.zIndex=8;
	}
	else {
		d('subMenuDiv').style.width="482px";
		d('subMenuDiv').style.height="25px";
		d('bgDiv').style.height=(window.innerHeight+95)+"px";
		document.images.ringImg.src="img/ring_bg.png";
		window.onresize=resizeMe;

	}
	somewhere_over_the_rainbow();
	// alert(d('ringDiv').offsetLeft);
	d('ringDiv').style.left=getX(d('bgDiv'))+178;
	d('logoDiv').style.left=getX(d('bgDiv'))+125;
	d('musicDiv').style.left=getX(d('bgDiv'))+343;
	ringX=getX(d('ringDiv'))-getX(d('bgDiv'));
	logoX=getX(d('logoDiv'))-getX(d('bgDiv'));
	musicX=getX(d('musicDiv'))-getX(d('bgDiv'));
	contentX=getX(d('contentDiv'))-getX(d('bgDiv'));
	baseX=logoX;
}
var bX=0;
function scrollBlokjes() {
	if (browser=="Internet Explorer") {
		d('blokjesDiv').style.posLeft+=bX;
		d('blokjesDummyDiv').style.posLeft=d('blokjesDiv').style.posLeft;
	}
}
