var image_dir = "workshop/"
var image_dir2 = "animation/"
var image_dir3 = "concepts/"
var image_dir4 = "about/"
var image_dir5 = "news/"
var logo_dir = "logo/"
var ImageNum = 0;
var ImageNum2 = 0;
var ImageNum3 = 0;
var ImageNum4 = 0;
var ImageNum5 = 0;
var logoNum = 0;
var workshoprollover = "nee";
var animationrollover = "nee";
var conceptsrollover = "nee";
var aboutrollover = "nee";
var newsrollover = "nee";
var jq=0;
var jq2=0;
var jq3=0;
var jq4=0;
var jq5=0;
var logo=0;
var interval = 40;
var intbut = 100;
var klik=0;
var check =0;
var lastchoice =0;
var pi = 1;

window.onresize = hoogte;
function pre(){
}

function hoogte() {
  var divh = 0, inwi = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    inwi = window.innerWidth;
    divh = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    inwi = document.documentElement.clientWidth;
    divh = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    inwi = document.body.clientWidth;
   divh = document.body.clientHeight;
  }

var target = document.getElementById('alles');
target.style.height = (divh)+"px";
target.style.width = (inwi)+"px";
var footer = document.getElementById('footer');
footer.style.top = (divh-633)+"px";
footer.style.height = "633px";
footer.style.left = ((inwi/2)-475)+"px";
//var glow = document.getElementById('glow'); glow.style.top = (divh-1500)+"px"; glow.style.height = "1500px"; glow.style.display = "block"; glow.style.left = ((inwi/2)-1500)+"px";
var mail = document.getElementById('mail'); mail.style.top = (divh-30)+"px"; mail.style.display = "block";
var preloaded = document.getElementById('preloaded'); preloaded.style.top = (divh-60)+"px"; preloaded.style.display = "block";
var cardboard = document.getElementById('cardboard');cardboard.style.top = (divh-151)+"px";cardboard.style.height = "302px";cardboard.style.left = ((inwi/2)-159)+"px";
var demo2 = document.getElementById('demo2');demo2.style.top = (divh-600)+"px";demo2.style.height = "460px";demo2.style.left = ((inwi/2)-345)+"px";
var animationdiv = document.getElementById('animationdiv');animationdiv.style.top = (0)+"px";animationdiv.style.height = "440px";animationdiv.style.left = (30)+"px";
var workshopdiv = document.getElementById('workshopdiv');workshopdiv.style.top = (0)+"px";workshopdiv.style.height = "440px";workshopdiv.style.left = (30)+"px";
var aboutdiv = document.getElementById('aboutdiv');aboutdiv.style.top = (0)+"px";aboutdiv.style.height = "440px";aboutdiv.style.left = (30)+"px";
var newsdiv = document.getElementById('newsdiv');newsdiv.style.top = (0)+"px";newsdiv.style.height = "440px";newsdiv.style.left = (30)+"px";
var conceptsdiv = document.getElementById('conceptsdiv');conceptsdiv.style.top = (0)+"px";conceptsdiv.style.height = "440px";conceptsdiv.style.left = (30)+"px";
var tablebig = document.getElementById('tablebig');tablebig.style.top = (divh-833)+"px";tablebig.style.height = "833px";tablebig.style.left = ((inwi/2)-625)+"px";
var piep = document.getElementById('piep');piep.style.top = ((divh/2)-190)+"px";piep.style.height = "375px";piep.style.left = (0)+"px";
var logosmall = document.getElementById('logosmall');logosmall.style.top = (divh-650)+"px";logosmall.style.height = "193px";logosmall.style.left = ((inwi/2)-87)+"px";
var logobig = document.getElementById('logobig');
logobig.style.top = (0)+"px";
logobig.style.height = "137px";
logobig.style.left = ((inwi/2)-337)+"px";
if (klik==0){
var footer = document.getElementById('footer');
footer.style.display = "block";
cardboard.style.display = "block";
var cardalles = document.getElementById('cardalles');cardalles.style.top = (divh-500)+"px";cardalles.style.height = "692px";cardalles.style.left = ((inwi/2)-345)+"px";
animationdiv.style.display = "none";
workshopdiv.style.display = "none";
newsdiv.style.display = "none";
aboutdiv.style.display = "none";
conceptsdiv.style.display = "none";}
if (klik==1){
var cardalles = document.getElementById('cardalles');cardalles.style.top = (divh-600)+"px";cardalles.style.height = "692px";cardalles.style.left = ((inwi/2)-345)+"px";}
//piep.style.display = "none";
}

function multishift(id, dir, total){
	var rightarrow = id+'_rechts';
	var leftarrow = id+'_links';
	var inputid = id+'input';
	var imulti = $(inputid).val(); 
	if (dir=="right"){
	imulti++;
	if (imulti==total){
		$(rightarrow).hide();
		}
		if (imulti==(2)){
		$(leftarrow).show();
		}
		var dividh = id+'-'+(imulti-1);
	$(dividh).hide();
			var divid = id+'-'+imulti;
	$(divid).show();
	$(inputid).val(imulti);
	}
	
	if (dir=="left"){
	imulti--;
		if (imulti==1){
		$(leftarrow).hide();
		}
		if (imulti==(total-1)){
		$(rightarrow).show();
		}
		var dividh = id+'-'+(imulti+1);
	$(dividh).hide();
			var divid = id+'-'+imulti;
	$(divid).show();
	$(inputid).val(imulti);}
	}
	
function firstview(id, total){
	var divid = id+'-1';
	$(divid).show();
	var rightarrow = id+'_rechts';
	var leftarrow = id+'_links';
	$(leftarrow).hide();
	if (total==1){
		$(rightarrow).hide();
	} else {
		$(rightarrow).show();}}

function cardboardupwork(choice) {
if(check==0){
	check=3;
$("#cardboard").animate( { top:"-=225px" }, 800, "linear", function(){
var footer = document.getElementById('footer');
var cardboard = document.getElementById('cardboard');
var logosmall = document.getElementById('logosmall');
cardboard.style.display = "none";
footer.style.display = "none";
logosmall.style.display = "none";
var cardalles = document.getElementById('cardalles');
cardalles.style.display = "block";
var logobig = document.getElementById('logobig');
logobig.style.display = "block";
var piep = document.getElementById('piep');
piep.style.display = "block";
var tablebig = document.getElementById('tablebig');
tablebig.style.display = "block";})
$("#cardalles").animate( { top:"-=100px" }, 1000, "linear", function(){
		var demo2 = document.getElementById('demo2');
demo2.style.display = "block";
	var choicediv = document.getElementById(choice);
choicediv.style.display = "block";
ani_in();
check=2;
lastchoice=choice;
})} else if (check==2){
	check=3;
$("#demo2").css('z-index', 20);
$("#demo2").animate( { top:"+=450px" }, 800, "linear", function(){});
$("#cardalles").animate( { top:"+=450px" }, 800, "linear", function(){
			var lastchoicediv = document.getElementById(lastchoice);
lastchoicediv.style.display = "none";
			var choicediv = document.getElementById(choice);
choicediv.style.display = "block";
$("#demo2").animate( { top:"-=450px" }, 800, "linear", function(){});
	$("#cardalles").animate( { top:"-=450px" }, 800, "linear", function(){
		$("#demo2").css('z-index', 22);
lastchoice=choice;
ani_in();
		check=2;
	})
	})
}
}


//___________________________________________________________________________________________________________________ WORKSHOP


imageArray = new Array();
imageArray[ImageNum++] = image_dir + "in1copy.png";
imageArray[ImageNum++] = image_dir + "in2copy.png";
imageArray[ImageNum++] = image_dir + "in3copy.png";
imageArray[ImageNum++] = image_dir + "in4copy.png";
imageArray[ImageNum++] = image_dir + "in5copy.png";
imageArray[ImageNum++] = image_dir + "in6copy.png";
imageArray[ImageNum++] = image_dir + "in7copy.png";
imageArray[ImageNum++] = image_dir + "in8copy.png";
imageArray[ImageNum++] = image_dir + "in9copy.png";
imageArray[ImageNum++] = image_dir + "in10copy.png";
imageArray[ImageNum++] = image_dir + "in11copy.png";
imageArray[ImageNum++] = image_dir + "in12copy.png";
imageArray[ImageNum++] = image_dir + "in13copy.png";
imageArray[ImageNum++] = image_dir + "in14copy.png";
imageArray[ImageNum++] = image_dir + "in15copy.png";
imageArray[ImageNum++] = image_dir + "in16copy.png";
imageArray[ImageNum++] = image_dir + "in17copy.png";
imageArray[ImageNum++] = image_dir + "ro1.png";
imageArray[ImageNum++] = image_dir + "ro2.png";
imageArray[ImageNum++] = image_dir + "ro3.png";
imageArray[ImageNum++] = image_dir + "ro4.png";
imageArray[ImageNum++] = image_dir + "ro5.png";
imageArray[ImageNum++] = image_dir + "ro6.png";
imageArray[ImageNum++] = image_dir + "ro7.png";
imageArray[ImageNum++] = image_dir + "ro8.png";
imageArray[ImageNum++] = image_dir + "ro9.png";
imageArray[ImageNum++] = image_dir + "druk1copy.png";
imageArray[ImageNum++] = image_dir + "druk2copy.png";
imageArray[ImageNum++] = image_dir + "druk3copy.png";
imageArray[ImageNum++] = image_dir + "druk4copy.png";
imageArray[ImageNum++] = image_dir + "druk5copy.png";
imageArray[ImageNum++] = image_dir + "druk6copy.png";
imageArray[ImageNum++] = image_dir + "druk7copy.png";
imageArray[ImageNum++] = image_dir + "druk8copy.png";
imageArray[ImageNum++] = image_dir + "in16copy.png";
imageArray[ImageNum++] = image_dir + "in15copy.png";
imageArray[ImageNum++] = image_dir + "in14copy.png";
imageArray[ImageNum++] = image_dir + "in13copy.png";
imageArray[ImageNum++] = image_dir + "in12copy.png";
imageArray[ImageNum++] = image_dir + "in11copy.png";
imageArray[ImageNum++] = image_dir + "in10copy.png";
imageArray[ImageNum++] = image_dir + "in9copy.png";
imageArray[ImageNum++] = image_dir + "in8copy.png";
imageArray[ImageNum++] = image_dir + "in7copy.png";
imageArray[ImageNum++] = image_dir + "in6copy.png";
imageArray[ImageNum++] = image_dir + "in5copy.png";
imageArray[ImageNum++] = image_dir + "in4copy.png";
imageArray[ImageNum++] = image_dir + "in3copy.png";
imageArray[ImageNum++] = image_dir + "in2copy.png";
//imageArray[ImageNum++] = image_dir + "leeg.png";

function rotateImage() {
jq=0;
var times=17;
 $(document).everyTime(interval, function(i) { 
jq++;
var new_image = imageArray[jq];
 $("#workshop").attr("src",new_image);
 }, times);}

function rotaterollover() {
workshoprollover = "ja";
$('#n2').unbind('mouseover')
jq = 17;
var times=9;
 $(document).everyTime(interval, function(i) { 
jq++;
if(jq==26&&workshoprollover=="ja"){
	rotaterollover();
	}
if(jq==26&&workshoprollover=="nee"){
$('#n2').mouseover(function() {rotaterollover();});
}

var new_image = imageArray[jq];
 $("#workshop").attr("src",new_image);
 }, times);
 }
 
 function rotaterollout() {
workshoprollover = "nee";}

 function rotatemousedown() {
jq = 27;
var times=23;
 $(document).everyTime(interval, function(i) { 
jq++;
var new_image = imageArray[jq];
 $("#workshop").attr("src",new_image);
 }, times);
}

//___________________________________________________________________________________________________________________ ANIMATION

imageArray2 = new Array();
imageArray2[ImageNum2++] = image_dir2 + "animation18.png";
imageArray2[ImageNum2++] = image_dir2 + "animation17.png";
imageArray2[ImageNum2++] = image_dir2 + "animation16.png";
imageArray2[ImageNum2++] = image_dir2 + "animation15.png";
imageArray2[ImageNum2++] = image_dir2 + "animation14.png";
imageArray2[ImageNum2++] = image_dir2 + "animation13.png";
imageArray2[ImageNum2++] = image_dir2 + "animation12.png";
imageArray2[ImageNum2++] = image_dir2 + "animation11.png";
imageArray2[ImageNum2++] = image_dir2 + "animation10.png";
imageArray2[ImageNum2++] = image_dir2 + "animation09.png";
imageArray2[ImageNum2++] = image_dir2 + "animation08.png";
imageArray2[ImageNum2++] = image_dir2 + "animation07.png";
imageArray2[ImageNum2++] = image_dir2 + "animation06.png";
imageArray2[ImageNum2++] = image_dir2 + "animation05.png";
imageArray2[ImageNum2++] = image_dir2 + "animation04.png";
imageArray2[ImageNum2++] = image_dir2 + "animation03.png";
imageArray2[ImageNum2++] = image_dir2 + "animation02.png";
imageArray2[ImageNum2++] = image_dir2 + "animation01.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro8.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro1.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro2.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro3.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro4.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro5.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro6.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro7.png";
imageArray2[ImageNum2++] = image_dir2 + "aniro8.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress1.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress2.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress3.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress4.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress5.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress6.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress7.png";
imageArray2[ImageNum2++] = image_dir2 + "anipress8.png";
imageArray2[ImageNum2++] = image_dir2 + "animation01.png";
imageArray2[ImageNum2++] = image_dir2 + "animation02.png";
imageArray2[ImageNum2++] = image_dir2 + "animation03.png";
imageArray2[ImageNum2++] = image_dir2 + "animation04.png";
imageArray2[ImageNum2++] = image_dir2 + "animation05.png";
imageArray2[ImageNum2++] = image_dir2 + "animation06.png";
imageArray2[ImageNum2++] = image_dir2 + "animation07.png";
imageArray2[ImageNum2++] = image_dir2 + "animation08.png";
imageArray2[ImageNum2++] = image_dir2 + "animation09.png";
imageArray2[ImageNum2++] = image_dir2 + "animation10.png";
imageArray2[ImageNum2++] = image_dir2 + "animation11.png";
imageArray2[ImageNum2++] = image_dir2 + "animation12.png";
imageArray2[ImageNum2++] = image_dir2 + "animation13.png";
imageArray2[ImageNum2++] = image_dir2 + "animation14.png";
imageArray2[ImageNum2++] = image_dir2 + "animation15.png";
imageArray2[ImageNum2++] = image_dir2 + "animation16.png";
imageArray2[ImageNum2++] = image_dir2 + "animation17.png";
imageArray2[ImageNum2++] = image_dir2 + "animation18.png";
//imageArray2[ImageNum2++] = image_dir2 + "leeg.png";

function rotateImage2() {
jq2=0;
var times=18;
 $(document).everyTime(interval, function(i) { 
jq2++;
var new_image2 = imageArray2[jq2];
 $("#animation").attr("src",new_image2);
 }, times);}

function rotaterollover2() {
animationrollover = "ja";
$('#n1').unbind('mouseover')
jq2 = 18;
var times=9;
 $(document).everyTime(interval, function(i) { 
jq2++;
if(jq2==27&&animationrollover=="ja"){
	rotaterollover2();
	}
if(jq2==27&&animationrollover=="nee"){
$('#n1').mouseover(function() {rotaterollover2();});
}

var new_image2 = imageArray2[jq2];
 $("#animation").attr("src",new_image2);
 }, times);
 }
 
 function rotaterollout2() {
animationrollover = "nee";}

 function rotatemousedown2() {
jq2 = 28;
var times=26;
 $(document).everyTime(interval, function(i) { 
jq2++;
var new_image2 = imageArray2[jq2];
 $("#animation").attr("src",new_image2);
 }, times);
}

//___________________________________________________________________________________________________________________ concepts

imageArray3 = new Array();
imageArray3[ImageNum3++] = image_dir3 + "in29.png";
imageArray3[ImageNum3++] = image_dir3 + "in28.png";
imageArray3[ImageNum3++] = image_dir3 + "in27.png";
imageArray3[ImageNum3++] = image_dir3 + "in26.png";
imageArray3[ImageNum3++] = image_dir3 + "in25.png";
imageArray3[ImageNum3++] = image_dir3 + "in24.png";
imageArray3[ImageNum3++] = image_dir3 + "in23.png";
imageArray3[ImageNum3++] = image_dir3 + "in22.png";
imageArray3[ImageNum3++] = image_dir3 + "in21.png";
imageArray3[ImageNum3++] = image_dir3 + "in20.png";
imageArray3[ImageNum3++] = image_dir3 + "in19.png";
imageArray3[ImageNum3++] = image_dir3 + "in18.png";
imageArray3[ImageNum3++] = image_dir3 + "in17.png";
imageArray3[ImageNum3++] = image_dir3 + "in16.png";
imageArray3[ImageNum3++] = image_dir3 + "in15.png";
imageArray3[ImageNum3++] = image_dir3 + "in14.png";
imageArray3[ImageNum3++] = image_dir3 + "ro13.png";
imageArray3[ImageNum3++] = image_dir3 + "ro06.png";
imageArray3[ImageNum3++] = image_dir3 + "ro07.png";
imageArray3[ImageNum3++] = image_dir3 + "ro08.png";
imageArray3[ImageNum3++] = image_dir3 + "ro09.png";
imageArray3[ImageNum3++] = image_dir3 + "ro10.png";
imageArray3[ImageNum3++] = image_dir3 + "ro11.png";
imageArray3[ImageNum3++] = image_dir3 + "ro12.png";
imageArray3[ImageNum3++] = image_dir3 + "ro13.png";
imageArray3[ImageNum3++] = image_dir3 + "indr05.png";
imageArray3[ImageNum3++] = image_dir3 + "indr04.png";
imageArray3[ImageNum3++] = image_dir3 + "indr03.png";
imageArray3[ImageNum3++] = image_dir3 + "indr02.png";
imageArray3[ImageNum3++] = image_dir3 + "indr01.png";
imageArray3[ImageNum3++] = image_dir3 + "indr02.png";
imageArray3[ImageNum3++] = image_dir3 + "indr03.png";
imageArray3[ImageNum3++] = image_dir3 + "indr04.png";
imageArray3[ImageNum3++] = image_dir3 + "indr05.png";
imageArray3[ImageNum3++] = image_dir3 + "in14.png";
imageArray3[ImageNum3++] = image_dir3 + "in15.png";
imageArray3[ImageNum3++] = image_dir3 + "in16.png";
imageArray3[ImageNum3++] = image_dir3 + "in17.png";
imageArray3[ImageNum3++] = image_dir3 + "in18.png";
imageArray3[ImageNum3++] = image_dir3 + "in19.png";
imageArray3[ImageNum3++] = image_dir3 + "in20.png";
imageArray3[ImageNum3++] = image_dir3 + "in21.png";
imageArray3[ImageNum3++] = image_dir3 + "in22.png";
imageArray3[ImageNum3++] = image_dir3 + "in23.png";
imageArray3[ImageNum3++] = image_dir3 + "in24.png";
imageArray3[ImageNum3++] = image_dir3 + "in25.png";
imageArray3[ImageNum3++] = image_dir3 + "in26.png";
imageArray3[ImageNum3++] = image_dir3 + "in27.png";
imageArray3[ImageNum3++] = image_dir3 + "in28.png";
imageArray3[ImageNum3++] = image_dir3 + "in29.png";
//imageArray3[ImageNum3++] = image_dir3 + "leeg.png";

function rotateImage3() {
jq3=0;
var times=16;
 $(document).everyTime(interval, function(i) { 
jq3++;
var new_image3 = imageArray3[jq3];
 $("#concepts").attr("src",new_image3);
 }, times);}

function rotaterollover3() {
conceptsrollover = "ja";
$('#n3').unbind('mouseover')
jq3 = 17;
var times=8;
 $(document).everyTime(interval, function(i) { 
jq3++;
if(jq3==25&&conceptsrollover=="ja"){
	rotaterollover3();
	}
if(jq3==25&&conceptsrollover=="nee"){
$('#n3').mouseover(function() {rotaterollover3();});
}

var new_image3 = imageArray3[jq3];
 $("#concepts").attr("src",new_image3);
 }, times);
 }
 
 function rotaterollout3() {
conceptsrollover = "nee";}

 function rotatemousedown3() {
jq3 = 26;
var times=25;
 $(document).everyTime(interval, function(i) { 
jq3++;
var new_image3 = imageArray3[jq3];
 $("#concepts").attr("src",new_image3);
 }, times);
}

//___________________________________________________________________________________________________________________ about

imageArray4 = new Array();
imageArray4[ImageNum4++] = image_dir4 + "in28.png";
imageArray4[ImageNum4++] = image_dir4 + "in27.png";
imageArray4[ImageNum4++] = image_dir4 + "in26.png";
imageArray4[ImageNum4++] = image_dir4 + "in25.png";
imageArray4[ImageNum4++] = image_dir4 + "in24.png";
imageArray4[ImageNum4++] = image_dir4 + "in23.png";
imageArray4[ImageNum4++] = image_dir4 + "in22.png";
imageArray4[ImageNum4++] = image_dir4 + "in21.png";
imageArray4[ImageNum4++] = image_dir4 + "in20.png";
imageArray4[ImageNum4++] = image_dir4 + "in19.png";
imageArray4[ImageNum4++] = image_dir4 + "in18.png";
imageArray4[ImageNum4++] = image_dir4 + "in17.png";
imageArray4[ImageNum4++] = image_dir4 + "in16.png";
imageArray4[ImageNum4++] = image_dir4 + "in15.png";
imageArray4[ImageNum4++] = image_dir4 + "in14.png";
imageArray4[ImageNum4++] = image_dir4 + "indr05.png";
imageArray4[ImageNum4++] = image_dir4 + "ro00.png";
imageArray4[ImageNum4++] = image_dir4 + "ro01.png";
imageArray4[ImageNum4++] = image_dir4 + "ro02.png";
imageArray4[ImageNum4++] = image_dir4 + "ro03.png";
imageArray4[ImageNum4++] = image_dir4 + "ro04.png";
imageArray4[ImageNum4++] = image_dir4 + "ro05.png";
imageArray4[ImageNum4++] = image_dir4 + "ro06.png";
imageArray4[ImageNum4++] = image_dir4 + "ro07.png";
imageArray4[ImageNum4++] = image_dir4 + "indr05.png";
imageArray4[ImageNum4++] = image_dir4 + "indr04.png";
imageArray4[ImageNum4++] = image_dir4 + "indr03.png";
imageArray4[ImageNum4++] = image_dir4 + "indr02.png";
imageArray4[ImageNum4++] = image_dir4 + "indr01.png";
imageArray4[ImageNum4++] = image_dir4 + "indr02.png";
imageArray4[ImageNum4++] = image_dir4 + "indr03.png";
imageArray4[ImageNum4++] = image_dir4 + "indr04.png";
imageArray4[ImageNum4++] = image_dir4 + "indr05.png";
imageArray4[ImageNum4++] = image_dir4 + "in14.png";
imageArray4[ImageNum4++] = image_dir4 + "in15.png";
imageArray4[ImageNum4++] = image_dir4 + "in16.png";
imageArray4[ImageNum4++] = image_dir4 + "in17.png";
imageArray4[ImageNum4++] = image_dir4 + "in18.png";
imageArray4[ImageNum4++] = image_dir4 + "in19.png";
imageArray4[ImageNum4++] = image_dir4 + "in20.png";
imageArray4[ImageNum4++] = image_dir4 + "in21.png";
imageArray4[ImageNum4++] = image_dir4 + "in22.png";
imageArray4[ImageNum4++] = image_dir4 + "in23.png";
imageArray4[ImageNum4++] = image_dir4 + "in24.png";
imageArray4[ImageNum4++] = image_dir4 + "in25.png";
imageArray4[ImageNum4++] = image_dir4 + "in26.png";
imageArray4[ImageNum4++] = image_dir4 + "in27.png";
imageArray4[ImageNum4++] = image_dir4 + "in28.png";
imageArray4[ImageNum4++] = image_dir4 + "leeg.png";

function rotateImage4() {
jq4=0;
var times=15;
 $(document).everyTime(interval, function(i) { 
jq4++;
var new_image4 = imageArray4[jq4];
 $("#about").attr("src",new_image4);
 }, times);}

function rotaterollover4() {
aboutrollover = "ja";
$('#n4').unbind('mouseover')
jq4 = 16;
var times=8;
 $(document).everyTime(interval, function(i) { 
jq4++;
if(jq4==24&&aboutrollover=="ja"){
	rotaterollover4();
	}
if(jq4==24&&aboutrollover=="nee"){
$('#n4').mouseover(function() {rotaterollover4();});
}

var new_image4 = imageArray4[jq4];
 $("#about").attr("src",new_image4);
 }, times);
 }
 
 function rotaterollout4() {
aboutrollover = "nee";}

 function rotatemousedown4() {
jq4 = 25;
var times=24;
 $(document).everyTime(interval, function(i) { 
jq4++;
var new_image4 = imageArray4[jq4];
 $("#about").attr("src",new_image4);
 }, times);
}

//___________________________________________________________________________________________________________________ about

imageArray5 = new Array();
imageArray5[ImageNum5++] = image_dir5 + "in30.png";
imageArray5[ImageNum5++] = image_dir5 + "in29.png";
imageArray5[ImageNum5++] = image_dir5 + "in28.png";
imageArray5[ImageNum5++] = image_dir5 + "in27.png";
imageArray5[ImageNum5++] = image_dir5 + "in26.png";
imageArray5[ImageNum5++] = image_dir5 + "in25.png";
imageArray5[ImageNum5++] = image_dir5 + "in25.png";
imageArray5[ImageNum5++] = image_dir5 + "in23.png";
imageArray5[ImageNum5++] = image_dir5 + "in22.png";
imageArray5[ImageNum5++] = image_dir5 + "in21.png";
imageArray5[ImageNum5++] = image_dir5 + "in20.png";
imageArray5[ImageNum5++] = image_dir5 + "in19.png";
imageArray5[ImageNum5++] = image_dir5 + "in18.png";
imageArray5[ImageNum5++] = image_dir5 + "in17.png";
imageArray5[ImageNum5++] = image_dir5 + "in16.png";
imageArray5[ImageNum5++] = image_dir5 + "in15.png";
imageArray5[ImageNum5++] = image_dir5 + "in14.png";
imageArray5[ImageNum5++] = image_dir5 + "ro13.png";
imageArray5[ImageNum5++] = image_dir5 + "ro06.png";
imageArray5[ImageNum5++] = image_dir5 + "ro07.png";
imageArray5[ImageNum5++] = image_dir5 + "ro08.png";
imageArray5[ImageNum5++] = image_dir5 + "ro09.png";
imageArray5[ImageNum5++] = image_dir5 + "ro10.png";
imageArray5[ImageNum5++] = image_dir5 + "ro11.png";
imageArray5[ImageNum5++] = image_dir5 + "ro12.png";
imageArray5[ImageNum5++] = image_dir5 + "ro13.png";
imageArray5[ImageNum5++] = image_dir5 + "indr05.png";
imageArray5[ImageNum5++] = image_dir5 + "indr04.png";
imageArray5[ImageNum5++] = image_dir5 + "indr03.png";
imageArray5[ImageNum5++] = image_dir5 + "indr02.png";
imageArray5[ImageNum5++] = image_dir5 + "indr01.png";
imageArray5[ImageNum5++] = image_dir5 + "indr02.png";
imageArray5[ImageNum5++] = image_dir5 + "indr03.png";
imageArray5[ImageNum5++] = image_dir5 + "indr04.png";
imageArray5[ImageNum5++] = image_dir5 + "indr05.png";
imageArray5[ImageNum5++] = image_dir5 + "in14.png";
imageArray5[ImageNum5++] = image_dir5 + "in15.png";
imageArray5[ImageNum5++] = image_dir5 + "in16.png";
imageArray5[ImageNum5++] = image_dir5 + "in17.png";
imageArray5[ImageNum5++] = image_dir5 + "in18.png";
imageArray5[ImageNum5++] = image_dir5 + "in19.png";
imageArray5[ImageNum5++] = image_dir5 + "in20.png";
imageArray5[ImageNum5++] = image_dir5 + "in21.png";
imageArray5[ImageNum5++] = image_dir5 + "in22.png";
imageArray5[ImageNum5++] = image_dir5 + "in23.png";
imageArray5[ImageNum5++] = image_dir5 + "in24.png";
imageArray5[ImageNum5++] = image_dir5 + "in25.png";
imageArray5[ImageNum5++] = image_dir5 + "in26.png";
imageArray5[ImageNum5++] = image_dir5 + "in27.png";
imageArray5[ImageNum5++] = image_dir5 + "in28.png";
imageArray5[ImageNum5++] = image_dir5 + "in29.png";
imageArray5[ImageNum5++] = image_dir5 + "in30.png";
imageArray5[ImageNum5++] = image_dir5 + "leeg.png";

function rotateImage5() {
jq5=0;
var times=17;
 $(document).everyTime(interval, function(i) { 
jq5++;
var new_image5 = imageArray5[jq5];
 $("#news").attr("src",new_image5);
 }, times);}

function rotaterollover5() {
newsrollover = "ja";
$('#n5').unbind('mouseover')
jq5 = 18;
var times=8;
 $(document).everyTime(interval, function(i) { 
jq5++;
if(jq5==26&&newsrollover=="ja"){
	rotaterollover5();
	}
if(jq5==26&&newsrollover=="nee"){
$('#n5').mouseover(function() {rotaterollover5();});
}

var new_image5 = imageArray5[jq5];
 $("#news").attr("src",new_image5);
 }, times);
 }
 
 function rotaterollout5() {
newsrollover = "nee";}

 function rotatemousedown5() {
jq5 = 27;
var times=27;
 $(document).everyTime(interval, function(i) { 
jq5++;
var new_image5 = imageArray5[jq5];
 $("#news").attr("src",new_image5);
 }, times);
}

//-----------------------------------------------------------------------------------------------------------------------

logoArray = new Array();
logoArray[logoNum++] = logo_dir + "logo02.png";
logoArray[logoNum++] = logo_dir + "logo03.png";
logoArray[logoNum++] = logo_dir + "logo04.png";
logoArray[logoNum++] = logo_dir + "logo05.png";
logoArray[logoNum++] = logo_dir + "logo06.png";
logoArray[logoNum++] = logo_dir + "logo07.png";
logoArray[logoNum++] = logo_dir + "logo08.png";
logoArray[logoNum++] = logo_dir + "logo09.png";
logoArray[logoNum++] = logo_dir + "logo10.png";
logoArray[logoNum++] = logo_dir + "logo11.png";
logoArray[logoNum++] = logo_dir + "logo12.png";
logoArray[logoNum++] = logo_dir + "logo13.png";
logoArray[logoNum++] = logo_dir + "logo14.png";
logoArray[logoNum++] = logo_dir + "logo15.png";
logoArray[logoNum++] = logo_dir + "logo16.png";
logoArray[logoNum++] = logo_dir + "logo17.png";
logoArray[logoNum++] = logo_dir + "logo18.png";
logoArray[logoNum++] = logo_dir + "logo19.png";
logoArray[logoNum++] = logo_dir + "logo20.png";
logoArray[logoNum++] = logo_dir + "logo21.png";
logoArray[logoNum++] = logo_dir + "logo22.png";
logoArray[logoNum++] = logo_dir + "logo23.png";
logoArray[logoNum++] = logo_dir + "logo24.png";
logoArray[logoNum++] = logo_dir + "logo25.png";
logoArray[logoNum++] = logo_dir + "logo26.png";
logoArray[logoNum++] = logo_dir + "logo27.png";
logoArray[logoNum++] = logo_dir + "logo28.png";
logoArray[logoNum++] = logo_dir + "logo29.png";
logoArray[logoNum++] = logo_dir + "logo30.png";
logoArray[logoNum++] = logo_dir + "logo31.png";
logoArray[logoNum++] = logo_dir + "logo32.png";
logoArray[logoNum++] = logo_dir + "logo33.png";
logoArray[logoNum++] = logo_dir + "logo34.png";
logoArray[logoNum++] = logo_dir + "logo35.png";
logoArray[logoNum++] = logo_dir + "logo36.png";
logoArray[logoNum++] = logo_dir + "logo37.png";
logoArray[logoNum++] = logo_dir + "logo38.png";
logoArray[logoNum++] = logo_dir + "logo39.png";
logoArray[logoNum++] = logo_dir + "logo40.png";
logoArray[logoNum++] = logo_dir + "logo41.png";
logoArray[logoNum++] = logo_dir + "logo42.png";
logoArray[logoNum++] = logo_dir + "logo43.png";
logoArray[logoNum++] = logo_dir + "logo44.png";
logoArray[logoNum++] = logo_dir + "logo45.png";
logoArray[logoNum++] = logo_dir + "logo46.png";
logoArray[logoNum++] = logo_dir + "logo47.png";
logoArray[logoNum++] = logo_dir + "logo48.png";
logoArray[logoNum++] = logo_dir + "logo49.png";
logoArray[logoNum++] = logo_dir + "logo50.png";
logoArray[logoNum++] = logo_dir + "logo51.png";
logoArray[logoNum++] = logo_dir + "logo52.png";
logoArray[logoNum++] = logo_dir + "logo53.png";
logoArray[logoNum++] = logo_dir + "logo54.png";
logoArray[logoNum++] = logo_dir + "logo55.png";
logoArray[logoNum++] = logo_dir + "logo56.png";
logoArray[logoNum++] = logo_dir + "logo57.png";
logoArray[logoNum++] = logo_dir + "logo58.png";
logoArray[logoNum++] = logo_dir + "logo59.png";
logoArray[logoNum++] = logo_dir + "logo60.png";
logoArray[logoNum++] = logo_dir + "logo61.png";
logoArray[logoNum++] = logo_dir + "logo62.png";
logoArray[logoNum++] = logo_dir + "logo63.png";
logoArray[logoNum++] = logo_dir + "logo64.png";
logoArray[logoNum++] = logo_dir + "logo65.png";
logoArray[logoNum++] = logo_dir + "logo66.png";
logoArray[logoNum++] = logo_dir + "logo67.png";
logoArray[logoNum++] = logo_dir + "logo68.png";
logoArray[logoNum++] = logo_dir + "logo69.png";
logoArray[logoNum++] = logo_dir + "logo70.png";
logoArray[logoNum++] = logo_dir + "logo71.png";
logoArray[logoNum++] = logo_dir + "logo72.png";
logoArray[logoNum++] = logo_dir + "logo73.png";
logoArray[logoNum++] = logo_dir + "logo74.png";
logoArray[logoNum++] = logo_dir + "logo75.png";
logoArray[logoNum++] = logo_dir + "logo76.png";
logoArray[logoNum++] = logo_dir + "logo77.png";
logoArray[logoNum++] = logo_dir + "logo78.png";
logoArray[logoNum++] = logo_dir + "logo79.png";
logoArray[logoNum++] = logo_dir + "logo80.png";
logoArray[logoNum++] = logo_dir + "logo81.png";
logoArray[logoNum++] = logo_dir + "logo82.png";
logoArray[logoNum++] = logo_dir + "logo83.png";
logoArray[logoNum++] = logo_dir + "logo84.png";
logoArray[logoNum++] = logo_dir + "logo85.png";
logoArray[logoNum++] = logo_dir + "logo86.png";
logoArray[logoNum++] = logo_dir + "logo87.png";
logoArray[logoNum++] = logo_dir + "logo88.png";
logoArray[logoNum++] = logo_dir + "logo89.png";
logoArray[logoNum++] = logo_dir + "logo90.png";
logoArray[logoNum++] = logo_dir + "logo91.png";
logoArray[logoNum++] = logo_dir + "logo92.png";
logoArray[logoNum++] = logo_dir + "logo93.png";
// JavaScript Document
function rotatelogo() {
logo=0;
var times=92;
 $(document).everyTime(interval, function(i) { 
logo++;
var new_logo = logoArray[logo];
 $("#logo").attr("src",new_logo);
if (logo==91){
	//ani_in();
	}
 }, times);}

//-----------------------------------------------------------------------------------------------------------------------
 
 var prelogo =0;
 function preloadlogo() {
	 prelogo++;
	 var pre_logo = logoArray[prelogo];
	 var image = new Image();
	 image.src = pre_logo;
// $("#logo").attr("src",pre_logo);
 $(image).one("load",function(){
if(prelogo>=91){ 
	$('#mail').html("complete");
		$(this).unbind("load");
		logosmall.style.display = "block";
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
	rotatelogo();
	preloadarray(imageArray, ia);
} else {
	preloadlogo();
$('#mail').html(prelogo + " / 92");
	//$(this).unbind("load");
	//rotatelogo();
	}
})
.each(function(){
if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) 
$(this).trigger("load");
});}

//-----------------------------------------------------------------------------------------------------------------------

var ia = imageArray.length;
var ia2 = imageArray2.length;
var ia3 = imageArray3.length;
var ia4 = imageArray4.length;
var ia5 = imageArray5.length;
var total = (ia+ia2+ia3+ia4+ia5);

//-----------------------------------------------------------------------------------------------------------------------


 var prearray =0;
 
 function preloadarray(imgar,ial) {
	 var imgarr =imgar;
	 prearray++;
	 var pre_array = imgarr[prearray];
	 var image = new Image();
	 image.src = pre_array;
	 //alert(pre_array);
// $("#logo").attr("src",pre_logo);
 $(image).one("load",function(){
if(prearray>=(ial-1)){ 
	$('#mail').html("complete");
	prearray = 0;
		$(this).unbind("load");
		followup();
	//rotatelogo();
} else {
	preloadarray(imgarr, ial);
$('#mail').html(prearray + " / " + ial);
	//$(this).unbind("load");
	//rotatelogo();
	}
})
.each(function(){
if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) 
$(this).trigger("load");
});}

var fu = 1;
function followup(){
	fu++;
	if (fu==2){
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
		preloadarray(imageArray2, ia2);
		} 
		else if (fu==3){
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
		preloadarray(imageArray3, ia3);
		} 
		else if (fu==4){
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
		preloadarray(imageArray4, ia4);
		} 
		else if (fu==5){
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
		preloadarray(imageArray5, ia5);
		} 
		else if (fu==6){
		$('#preloaded').html(fu + " of 6 image sequences loaded.");
ani_in();
	prelogo = 0;
		} }
//-----------------------------------------------------------------------------------------------------------------------



function mouse_down(choice, animation, workshop, concepts, about, news) {
klik=1;
$(document).everyTime((1200), function(i) {cardboardupwork(choice);}, 1);
$(document).everyTime((animation*intbut), function(i) {rotatemousedown2();}, 1);
$(document).everyTime((workshop*intbut), function(i) {rotatemousedown();}, 1);
$(document).everyTime((concepts*intbut), function(i) {rotatemousedown3();}, 1);
$(document).everyTime((about*intbut), function(i) {rotatemousedown4();}, 1);
$(document).everyTime((news*intbut), function(i) {rotatemousedown5();}, 1);
$('#n1').unbind('mouseover');
$('#n2').unbind('mouseover');
$('#n3').unbind('mouseover');
$('#n4').unbind('mouseover');
$('#n5').unbind('mouseover');}


function ani_in(){
		$("#preloaded").css("display", "none");
		$("#mail").css("display", "none");
$(document).everyTime((intbut), function(i) {rotateImage2();}, 1);
$(document).everyTime((2*intbut), function(i) {rotateImage();}, 1);
$(document).everyTime((3*intbut), function(i) {rotateImage3();}, 1);
$(document).everyTime((4*intbut), function(i) {rotateImage4();}, 1);
$(document).everyTime((5*intbut), function(i) {rotateImage5();}, 1);
$('#n1').mouseover(function() {rotaterollover2();});
$('#n2').mouseover(function() {rotaterollover();});
$('#n3').mouseover(function() {rotaterollover3();});
$('#n4').mouseover(function() {rotaterollover4();});
$('#n5').mouseover(function() {rotaterollover5();});}