$('body,html').bind('scroll mousedown DOMMouseScroll mousewheel keyup', function(e){
 if ( e.which > 0 || e.type == "mousedown" || e.type == "mousewheel"){
  $("html,body").stop();
 }
});


function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfY;
}

$(window).scroll(function () { 
if(getScrollXY()>5){
$('#mannetje').css('position','fixed');
$('#mannetjebinnen').css('marginLeft','50px');
$("#textnav").css('opacity', 1);
$("#arrowup").css('opacity', 1);
	}else{
$('#mannetje').css('position','absolute');
$('#mannetjebinnen').css('marginLeft','0px');
$("#textnav").css('opacity', 0);	
$("#arrowup").css('opacity', 0);	
	}
    });
    
    




var IE = document.all?true:false;
var tempX = 0;
var tempY = 0;


/*
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
  }
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;}
  
  $('#bergen1').css('marginLeft',(-1*(tempX/10)+50)+"px").css('marginTop',(-1*(tempY/11)+30)+"px");
  $('#bergen2').css('marginLeft',(-1*(tempX/8)+50)+"px").css('marginTop',(-1*(tempY/9)+30)+"px");
  $('#bergen3').css('marginLeft',(-1*(tempX/7)+50)+"px").css('marginTop',(-1*(tempY/7)+30)+"px");
  
  return true;
}


if (!IE) {document.captureEvents(Event.MOUSEMOVE);}
document.getElementById('wrapper').onmousemove = getMouseXY;
*/



function randomXToY(minVal,maxVal,floatVal)
{
  var randVal = minVal+(Math.random()*(maxVal-minVal));
  return typeof floatVal==='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
}


        function animUpbergen1() {
$("#bergen1").animate({ top: "10px",left: "3px"}, 2926, "swing", $("#bergen1").animate({ top: "-10px",left: "-2px"}, 1741, "swing", animUpbergen1));
}
        function animUpmannetjebinnen() {
$("#mannetjebinnen").animate({ top: "10px"}, 2926, "swing", $("#mannetjebinnen").animate({ top: "-10px"}, 1741, "swing", animUpmannetjebinnen));
}

        function animUpberg1() {
$("#berg1").animate({ marginTop: "3px",marginLeft: "1px"}, 2254, "swing", $("#berg1").animate({ marginTop: "-2px",marginLeft: "0px"}, 830, "swing", animUpberg1));
}
        function animUpberg10() {
$("#berg10").animate({ marginTop: "5px",marginLeft: "3px"}, 1349, "swing", $("#berg10").animate({ marginTop: "-1px",marginLeft: "-2px"}, 671, "swing", animUpberg10));

}
        function animUpberg11() {
$("#berg11").animate({ marginTop: "5px",marginLeft: "1px"}, 2085, "swing", $("#berg11").animate({ marginTop: "-3px",marginLeft: "-2px"}, 1032, "swing", animUpberg11));

}
        function animUpberg12() {
$("#berg12").animate({ marginTop: "6px",marginLeft: "4px"}, 2943, "swing", $("#berg12").animate({ marginTop: "-1px",marginLeft: "-2px"}, 737, "swing", animUpberg12));

}
        function animUpberg13() {
$("#berg13").animate({ marginTop: "3px",marginLeft: "4px"}, 2596, "swing", $("#berg13").animate({ marginTop: "-1px",marginLeft: "-2px"}, 1750, "swing", animUpberg13));

}
        function animUpberg2() {
$("#berg2").animate({ marginTop: "1px",marginLeft: "1px"}, 986, "swing", $("#berg2").animate({ marginTop: "-3px",marginLeft: "0px"}, 1139, "swing", animUpberg2));

}
        function animUpberg3() {
$("#berg3").animate({ marginTop: "1px",marginLeft: "3px"}, 922, "swing", $("#berg3").animate({ marginTop: "-2px",marginLeft: "0px"}, 1790, "swing", animUpberg3));

}
        function animUpberg4() {
$("#berg4").animate({ marginTop: "4px",marginLeft: "4px"}, 979, "swing", $("#berg4").animate({ marginTop: "-1px",marginLeft: "-2px"}, 1930, "swing", animUpberg4));

}
        function animUpberg5() {
$("#berg5").animate({ marginTop: "4px",marginLeft: "3px"}, 2785, "swing", $("#berg5").animate({ marginTop: "-2px",marginLeft: "0px"}, 1391, "swing", animUpberg5));

}
        function animUpberg6() {
$("#berg6").animate({ marginTop: "5px",marginLeft: "2px"}, 1514, "swing", $("#berg6").animate({ marginTop: "-2px",marginLeft: "0px"}, 874, "swing", animUpberg6));

}
        function animUpberg7() {
$("#berg7").animate({ marginTop: "3px",marginLeft: "1px"}, 2084, "swing", $("#berg7").animate({ marginTop: "-2px",marginLeft: "0px"}, 1481, "swing", animUpberg7));

}
        function animUpberg8() {
$("#berg8").animate({ marginTop: "0px",marginLeft: "2px"}, 1489, "swing", $("#berg8").animate({ marginTop: "0px",marginLeft: "0px"}, 1300, "swing", animUpberg8));

}
        function animUpberg9() {
$("#berg9").animate({ marginTop: "0px",marginLeft: "3px"}, 1482, "swing", $("#berg9").animate({ marginTop: "-1px",marginLeft: "0px"}, 816, "swing", animUpberg9));

}
        function animUpboom1() {
$("#boom1").animate({ marginTop: "1px",marginLeft: "3px"}, 2865, "swing", $("#boom1").animate({ marginTop: "0px",marginLeft: "0px"}, 565, "swing", animUpboom1));

}
        function animUpboom10() {
$("#boom10").animate({ marginTop: "5px",marginLeft: "0px"}, 2071, "swing", $("#boom10").animate({ marginTop: "0px",marginLeft: "-2px"}, 1504, "swing", animUpboom10));

}
        function animUpboom11() {
$("#boom11").animate({ marginTop: "2px",marginLeft: "0px"}, 2984, "swing", $("#boom11").animate({ marginTop: "0px",marginLeft: "-2px"}, 954, "swing", animUpboom11));

}
        function animUpboom11_blad() {
$("#boom11_blad").animate({ marginTop: "4px",marginLeft: "4px"}, 2544, "swing", $("#boom11_blad").animate({ marginTop: "0px",marginLeft: "0px"}, 1816, "swing", animUpboom11_blad));

}
        function animUpboom12() {
$("#boom12").animate({ marginTop: "4px",marginLeft: "1px"}, 1988, "swing", $("#boom12").animate({ marginTop: "0px",marginLeft: "-1px"}, 1410, "swing", animUpboom12));

}
        function animUpboom12_blad() {
$("#boom12_blad").animate({ marginTop: "1px",marginLeft: "3px"}, 1166, "swing", $("#boom12_blad").animate({ marginTop: "0px",marginLeft: "-2px"}, 1327, "swing", animUpboom12_blad));

}
        function animUpboom12_blad2() {
$("#boom12_blad2").animate({ marginTop: "1px",marginLeft: "3px"}, 2048, "swing", $("#boom12_blad2").animate({ marginTop: "-3px",marginLeft: "-2px"}, 962, "swing", animUpboom12_blad2));

}
        function animUpboom12_blad3() {
$("#boom12_blad3").animate({ marginTop: "3px",marginLeft: "1px"}, 1629, "swing", $("#boom12_blad3").animate({ marginTop: "-2px",marginLeft: "0px"}, 867, "swing", animUpboom12_blad3));

}
        function animUpboom13() {
$("#boom13").animate({ marginTop: "5px",marginLeft: "4px"}, 782, "swing", $("#boom13").animate({ marginTop: "-2px",marginLeft: "0px"}, 838, "swing", animUpboom13));

}
        function animUpboom13_blad() {
$("#boom13_blad").animate({ marginTop: "3px",marginLeft: "3px"}, 1604, "swing", $("#boom13_blad").animate({ marginTop: "0px",marginLeft: "-2px"}, 1931, "swing", animUpboom13_blad));

}
        function animUpboom14() {
$("#boom14").animate({ marginTop: "4px",marginLeft: "4px"}, 2286, "swing", $("#boom14").animate({ marginTop: "-3px",marginLeft: "0px"}, 1457, "swing", animUpboom14));

}
        function animUpboom14_blad() {
$("#boom14_blad").animate({ marginTop: "3px",marginLeft: "1px"}, 1295, "swing", $("#boom14_blad").animate({ marginTop: "0px",marginLeft: "0px"}, 740, "swing", animUpboom14_blad));

}
        function animUpboom2() {
$("#boom2").animate({ marginTop: "3px",marginLeft: "3px"}, 1535, "swing", $("#boom2").animate({ marginTop: "-3px",marginLeft: "0px"}, 1569, "swing", animUpboom2));

}
        function animUpboom3() {
$("#boom3").animate({ marginTop: "1px",marginLeft: "0px"}, 2277, "swing", $("#boom3").animate({ marginTop: "-1px",marginLeft: "-2px"}, 1704, "swing", animUpboom3));

}
        function animUpboom4() {
$("#boom4").animate({ marginTop: "3px",marginLeft: "1px"}, 1807, "swing", $("#boom4").animate({ marginTop: "-3px",marginLeft: "0px"}, 895, "swing", animUpboom4));

}
        function animUpboom5() {
$("#boom5").animate({ marginTop: "6px",marginLeft: "0px"}, 1088, "swing", $("#boom5").animate({ marginTop: "-2px",marginLeft: "-2px"}, 1076, "swing", animUpboom5));

}
        function animUpboom6() {
$("#boom6").animate({ marginTop: "1px",marginLeft: "2px"}, 2384, "swing", $("#boom6").animate({ marginTop: "-2px",marginLeft: "-2px"}, 1959, "swing", animUpboom6));

}
        function animUpboom6_blad() {
$("#boom6_blad").animate({ marginTop: "5px",marginLeft: "0px"}, 2272, "swing", $("#boom6_blad").animate({ marginTop: "0px",marginLeft: "0px"}, 1935, "swing", animUpboom6_blad));

}
        function animUpboom7() {
$("#boom7").animate({ marginTop: "5px",marginLeft: "0px"}, 545, "swing", $("#boom7").animate({ marginTop: "-2px",marginLeft: "-1px"}, 1568, "swing", animUpboom7));

}
        function animUpboom8() {
$("#boom8").animate({ marginTop: "2px",marginLeft: "4px"}, 2784, "swing", $("#boom8").animate({ marginTop: "-3px",marginLeft: "-2px"}, 828, "swing", animUpboom8));

}
        function animUpboom9() {
$("#boom9").animate({ marginTop: "0px",marginLeft: "3px"}, 1086, "swing", $("#boom9").animate({ marginTop: "-1px",marginLeft: "-1px"}, 841, "swing", animUpboom9));

}
        function animUpbox() {
$("#box").animate({ marginTop: "5px",marginLeft: "2px"}, 2372, "swing", $("#box").animate({ marginTop: "-2px",marginLeft: "0px"}, 1126, "swing", animUpbox));

}
        function animUpbox2() {
$("#box2").animate({ marginTop: "3px",marginLeft: "4px"}, 1854, "swing", $("#box2").animate({ marginTop: "0px",marginLeft: "-2px"}, 1359, "swing", animUpbox2));

}
        function animUpbox3() {
$("#box3").animate({ marginTop: "1px",marginLeft: "4px"}, 2389, "swing", $("#box3").animate({ marginTop: "0px",marginLeft: "-1px"}, 805, "swing", animUpbox3));

}
        function animUpclose() {
$("#close").animate({ marginTop: "6px",marginLeft: "3px"}, 852, "swing", $("#close").animate({ marginTop: "-3px",marginLeft: "-1px"}, 515, "swing", animUpclose));

}
        function animUpcurrentwrap() {
$("#currentwrap").animate({ marginTop: "0px",marginLeft: "3px"}, 2412, "swing", $("#currentwrap").animate({ marginTop: "0px",marginLeft: "0px"}, 676, "swing", animUpcurrentwrap));

}
        function animUpdata() {
$("#data").animate({ marginTop: "3px",marginLeft: "4px"}, 2270, "swing", $("#data").animate({ marginTop: "0px",marginLeft: "-1px"}, 1780, "swing", animUpdata));

}

        function animUphuisje() {
$("#huisje").animate({ marginTop: "5px",marginLeft: "1px"}, 1830, "swing", $("#huisje").animate({ marginTop: "-2px",marginLeft: "-1px"}, 1872, "swing", animUphuisje));

}
        function animUpjplayer() {
$("#jplayer").animate({ marginTop: "5px",marginLeft: "1px"}, 2130, "swing", $("#jplayer").animate({ marginTop: "-3px",marginLeft: "0px"}, 901, "swing", animUpjplayer));

}
        function animUpmannetje() {$('#mannetjebinnen').css('backgroundImage','url(/site/img/mannetje2.png)');
$("#mannetje").animate({ marginTop: "6px",marginLeft: "200px"}, 60000, "swing", function(){$('#mannetjebinnen').css('backgroundImage','url(/site/img/mannetje.png)');$("#mannetje").animate({ marginTop: "-2px",marginLeft: "-300px"}, 60000, "swing", animUpmannetje);});

}


        function animUpmenu() {
$("#menu").animate({ marginTop: "5px",marginLeft: "4px"}, 631, "swing", $("#menu").animate({ marginTop: "-1px",marginLeft: "0px"}, 1193, "swing", animUpmenu));

}
        function animUppieces() {
$("#pieces").animate({ marginTop: "2px",marginLeft: "3px"}, 1395, "swing", $("#pieces").animate({ marginTop: "0px",marginLeft: "-2px"}, 1174, "swing", animUppieces));

}
        function animUpplayer() {
$("#player").animate({ marginTop: "5px",marginLeft: "3px"}, 2232, "swing", $("#player").animate({ marginTop: "-1px",marginLeft: "0px"}, 658, "swing", animUpplayer));

}
        function animUprook() {
$("#rook").animate({ marginTop: "1px",marginLeft: "4px"}, 1503, "swing", $("#rook").animate({ marginTop: "-3px",marginLeft: "-2px"}, 1237, "swing", animUprook));

}
        function animUpscrollbar() {
$("#scrollbar").animate({ marginTop: "0px",marginLeft: "2px"}, 1989, "swing", $("#scrollbar").animate({ marginTop: "0px",marginLeft: "0px"}, 1924, "swing", animUpscrollbar));

}
        function animUpscrollpane() {
$("#scrollpane").animate({ marginTop: "1px",marginLeft: "4px"}, 2445, "swing", $("#scrollpane").animate({ marginTop: "-1px",marginLeft: "-1px"}, 1749, "swing", animUpscrollpane));

}
        function animUptitle() {
$("#title").animate({ marginTop: "5px",marginLeft: "3px"}, 1824, "swing", $("#title").animate({ marginTop: "0px",marginLeft: "-2px"}, 1116, "swing", animUptitle));

}

           function init() {
           	$('#subtitle').html('a forest without trees');
           	//$('#preloader').animate({ opacity: "0"}, 1000);      
            //$('#preloader').hide();      
            $('#loading').hide();      
            $('#pieces').show();
           	$("#pieces").animate({ opacity: "1"}, 1000);
           	animUpbergen1()
           	animUpmannetje();
           	animUpmannetjebinnen();
           	animUpberg1();
            animUpberg10();
            animUpberg11();
            animUpberg12();
            animUpberg13();
            animUpberg2();
            animUpberg3();
            animUpberg4();
            animUpberg5();
            animUpberg6();
            animUpberg7();
            animUpberg8();
            animUpberg9();
            animUpboom1();
            animUpboom10();
            animUpboom11();
            animUpboom11_blad();
            animUpboom12();
            animUpboom12_blad();
            animUpboom12_blad2();
            animUpboom12_blad3();
            animUpboom13();
            animUpboom13_blad();
            animUpboom14();
            animUpboom14_blad();
            animUpboom2();
            animUpboom3();
            animUpboom4();
            animUpboom5();
            animUpboom6();
            animUpboom6_blad();
            animUpboom7();
            animUpboom8();
            animUpboom9();
            animUpcurrentwrap();
            animUphuisje();
            animUpmenu();
            animUppieces();
            animUprook();
            
              };


 $(document).ready(function(){
        $(document).pngFix();
	
	
	$("a#inline").fancybox({
		'hideOnContentClick': false,
		'overlayOpacity':0.5,
		'overlayColor':'#663c17',
		'showCloseButton':true
	});
/*

if ($.browser.msie && $.browser.version.substr(0,1)<7) {
init();
}else{
$.imgpreload(['img/berg1.png','img/berg2.png','img/berg3.png','img/berg4.png','img/berg5.png','img/berg6.png','img/berg7.png','img/berg8.png','img/berg9.png','img/berg10.png','img/berg11.png','img/berg12.png','img/berg13.png','img/boom1.png','img/boom2.png','img/boom3.png','img/boom4.png','img/boom5.png','img/boom6.png','img/boom6_blad.png','img/boom7.png','img/boom8.png','img/boom9.png','img/boom10.png','img/boom11.png','img/boom11_blad.png','img/boom12.png','img/boom12_blad.png','img/boom12_blad2.png','img/boom12_blad3.png','img/boom13.png','img/boom13_blad.png','img/boom14.png','img/boom14_blad.png','img/box.png','img/box4.png','img/close.png','img/mannetje.png','img/huisje.png','img/rook.png','js/fancybox/close.png'],
{
	each: function()
	{
	$('#loading').html(this.src.replace(/\\/g,'/').replace( /.*\//, '' ).replace('_',' '));	
		// this = new image object
		// callback executes on every image load
	//	alert('this.src');
	},
	all: function()
	{
		// this = array of new image objects
		// callback executes when all images are loaded
		init();
	}
});

}

*/

init();
    });