//alert('oleee');
//$('homecontainer').setStyles("opacity: 0.5");



var container01 = $('container01');
var bg01div = $('bg01div');
var info01div = $('info01div');
var info01content = $('info01content');
var form01div = $('form01div');


container01.fade('hide');
info01div.fade('hide');
form01div.fade('hide');
container01.setStyle('display', 'block');
	
								
var container02 = $('container02');
var bg02div = $('bg02div');
var info02div = $('info02div');
var info02content = $('info02content');
var form02div = $('form02div');

container02.fade('hide');
info02div.fade('hide');
form02div.fade('hide');
container02.setStyle('display', 'block');	

	
var container03 = $('container03');
var bg03div = $('bg03div');
var info03div = $('info03div');
var info03content = $('info03content');
var form03div = $('form03div');

container03.fade('hide');
info03div.fade('hide');
form03div.fade('hide');
container03.setStyle('display', 'block');

var x = new Chain();


function ChainFunction() 
{
	
	
	
		
	var prod01a = function(){
		var fxFadeInContainer01 = new Fx.Tween(container01, {duration: '1000'});
		fxFadeInContainer01.start('opacity', '0', '1');
	};
	
	var prod01b = function(){
		var fxFadeOutbg01 = new Fx.Tween(bg01div, {duration: '1000'});
		fxFadeOutbg01.start('opacity', '1', '0.3');
	};
	
	var prod01c = function(){
		var fxFadeInInfo01 = new Fx.Tween(info01div, {duration: '2000'});
		fxFadeInInfo01.start('opacity', '0', '1');
		
		var fxFadeInfoContent01 = new Fx.Tween(info01content, {duration: '1'});
		fxFadeInfoContent01.start('opacity', '0.8');
		
		info01div.setStyle('z-index', '10000');
		
	};
	
	var prod01d = function(){
		var fxFadeOutInfoContainer01 = new Fx.Tween(container01, {duration: '2000'});
		fxFadeOutInfoContainer01.start('opacity', '1', '0');
		
		var fxFadeOutInfo01 = new Fx.Tween(info01div, {duration: '2000'});
		fxFadeOutInfo01.start('opacity', '1', '0');
	};
	
	
	
	
	var prod02a = function(){
		var fxFadeInContainer02 = new Fx.Tween(container02, {duration: '1000'});
		fxFadeInContainer02.start('opacity', '0', '1');
	};
	
	var prod02b = function(){
		var fxFadeOutbg02 = new Fx.Tween(bg02div, {duration: '1000'});
		fxFadeOutbg02.start('opacity', '1', '0.3');
	};
	
	var prod02c = function(){
		var fxFadeInInfo02 = new Fx.Tween(info02div, {duration: '2000'});
		fxFadeInInfo02.start('opacity', '0', '1');
		
		var fxFadeInfoContent02 = new Fx.Tween(info02content, {duration: '1'});
		fxFadeInfoContent02.start('opacity', '0.8');
	};
	
	var prod02d = function(){
		var fxFadeOutInfoContainer02 = new Fx.Tween(container02, {duration: '2000'});
		fxFadeOutInfoContainer02.start('opacity', '1', '0');
		
		var fxFadeOutInfo02 = new Fx.Tween(info02div, {duration: '2000'});
		fxFadeOutInfo02.start('opacity', '1', '0');
	};
	
	
	
	
	
	var prod03a = function(){
		var fxFadeInContainer03 = new Fx.Tween(container03, {duration: '1000'});
		fxFadeInContainer03.start('opacity', '0', '1');
	};
	
	var prod03b = function(){
		var fxFadeOutbg03 = new Fx.Tween(bg03div, {duration: '1000'});
		fxFadeOutbg03.start('opacity', '1', '0.3');
	};
	
	var prod03c = function(){
		var fxFadeInInfo03 = new Fx.Tween(info03div, {duration: '2000'});
		fxFadeInInfo03.start('opacity', '0', '1');
		
		var fxFadeInfoContent03 = new Fx.Tween(info03content, {duration: '1'});
		fxFadeInfoContent03.start('opacity', '0.8');
	};
	
	var prod03d = function(){
		var fxFadeOutInfoContainer03 = new Fx.Tween(container03, {duration: '2000'});
		fxFadeOutInfoContainer03.start('opacity', '1', '0');
		
		var fxFadeOutInfo03 = new Fx.Tween(info03div, {duration: '2000'});
		fxFadeOutInfo03.start('opacity', '1', '0');
	};
	
	
	
	
	x.chain(prod01a);
	x.chain(prod01b);
	x.chain(prod01c);
	x.chain(prod01d);
	
	x.chain(prod02a);
	x.chain(prod02b);
	x.chain(prod02c);
	x.chain(prod02d);
	
	x.chain(prod03a);
	x.chain(prod03b);
	x.chain(prod03c);
	x.chain(prod03d);
	
	x.chain(ChainFunction);
	
	x.callChain();
	x.callChain.delay(1000, x);
	x.callChain.delay(2000, x);
	x.callChain.delay(8000, x);
	
	x.callChain.delay(10000, x);
	x.callChain.delay(11000, x);
	x.callChain.delay(12000, x);
	x.callChain.delay(18000, x);
	
	x.callChain.delay(20000, x);
	x.callChain.delay(21000, x);
	x.callChain.delay(22000, x);
	x.callChain.delay(28000, x);
	
	//roept zichzelf aan voor oneindige repeat
	x.callChain.delay(30000, x);
	
}


ChainFunction();
	


function expandform(buttonid, form) {


	formobj = $(form);
	button = $(buttonid);
	
	formobj.tween('opacity', '0', '0.8');
	x.clearChain();
	
	//var myEffect = new Fx.Morph('form01div', {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	//myEffect.start({
	//    'left': [60, 401], //Morphs the 'height' style from 10px to 100px.
	//    'opacity': [0, 0.8],  //Morphs the 'width' style from 900px to 300px.
	//    'width': [0, 500]  //Morphs the 'width' style from 900px to 300px.
	//});

	button.fade('out');
	
}



function toggleHarmonica(a, id)
{
	
	//eerst alles dichtklappen
	$('harmonica').getChildren().each(function(el, i){
		
		if(el.className == 'contentContainer' && el.id != id)
		{
			el.setStyle('display', 'none');
		}
		else
		{
			el.setStyle('opacity', '0.7');
			el.setStyle('color', '#8b9396');
		}
		
	});
	
	
	e = $(id);
	if(e.getStyle('display') == 'none')
	{
		e.setStyle('display', 'block');
		a.setStyle('opacity', '1');
		a.setStyle('color', '#000');
		
	}	
	else
	{
		e.setStyle('display', 'none');
		a.setStyle('opacity', '0.7');
		a.setStyle('color', '#8b9396');	
	}	
	a.blur();
	return false;
}