// wrapper placement
function placing(){
	canvasW = document.getElementById("canvas").offsetWidth;
	var wrapperW = 1050;
	wrapperX = (canvasW-wrapperW)/2;
	if( canvasW < wrapperW ){
		wrapperX = 0;	
	document.getElementById("wrapper").style.overflow = "auto";
	}
	document.getElementById("wrapper").style.left = wrapperX + "px";
}


// auto scroll settings
function toPoint(id, div){
	if(div == 'R'){ h = 0 };
	if(div == 'P'){ h = 0 };
	if(div == 'S'){ h = 0 };
	if(div == 'G'){ h = 0 };
	if(div == 'M'){ h = 0 };
	if(div == 'V'){ h = 0 };
	if(div == 'V2'){h = 180 };
	if(div == 'L'){ h = 200 };
	if(div == 'D'){ h = 220 };
	if(div == 'H'){ h = 240 };
	if(div == 'W'){ h = 260 };
	if(div == 'O'){ h = 280 };
	if(div == 'S2'){h = 300 };
	if(div == 'F'){ h = 320 };
	if(div == 'T'){ h = 340 };
	if(div == 'R2'){h = 400 };
	if(div == 'L2'){h = 400 };
	if(div == 'C'){ h = 400 };
	
	document.getElementById(id).scrollTop=h;
}

// collapse behaviour
animatedcollapse.addDiv('start', 'fade=1,speed=300,group=content,hide=0')
animatedcollapse.addDiv('deOaseContent', 'fade=1,speed=300,group=content,hide=1')
animatedcollapse.addDiv('behandelingenContent', 'fade=1,speed=300,group=content,hide=1')
animatedcollapse.addDiv('cadeaubonnenContent', 'fade=1,speed=300,group=content,hide=1')
animatedcollapse.addDiv('anniqueContent', 'fade=1,speed=300,group=content,hide=1')
animatedcollapse.addDiv('contactContent', 'fade=1,speed=300,group=content,hide=1')

animatedcollapse.addDiv('deOaseHeader1', 'fade=0,speed=1,group=deOaseHeader,hide=0')
animatedcollapse.addDiv('deOaseHeader2', 'fade=0,speed=1,group=deOaseHeader,hide=1')
animatedcollapse.addDiv('behandelingenHeader1', 'fade=0,speed=1,group=behandelingenHeader,hide=0')
animatedcollapse.addDiv('behandelingenHeader2', 'fade=0,speed=1,group=behandelingenHeader,hide=1')
animatedcollapse.addDiv('cadeaubonnenHeader1', 'fade=0,speed=1,group=cadeaubonnenHeader,hide=0')
animatedcollapse.addDiv('cadeaubonnenHeader2', 'fade=0,speed=1,group=cadeaubonnenHeader,hide=1')
animatedcollapse.addDiv('anniqueHeader1', 'fade=0,speed=1,group=anniqueHeader,hide=0')
animatedcollapse.addDiv('anniqueHeader2', 'fade=0,speed=1,group=anniqueHeader,hide=1')
animatedcollapse.addDiv('contactHeader1', 'fade=0,speed=1,group=contactHeader,hide=0')
animatedcollapse.addDiv('contactHeader2', 'fade=0,speed=1,group=contactHeader,hide=1')

animatedcollapse.addDiv('C', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('D', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('F', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('G', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('H', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('L', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('L2', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('M', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('O', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('P', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('R', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('R2', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('S', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('S2', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('T', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('V', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('V2', 'fade=1,speed=100,group=behandeling,hide=1')
animatedcollapse.addDiv('W', 'fade=1,speed=100,group=behandeling,hide=1')


animatedcollapse.addDiv('productInfo1', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo2', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo3', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo4', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo5', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo6', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo7', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo8', 'fade=1,speed=200,group=behandeling,hide=1')
animatedcollapse.addDiv('productInfo9', 'fade=1,speed=200,group=behandeling,hide=1')

animatedcollapse.init()