window.addEvent('load', function() {
	loadContent();
});

window.addEvent('domready', function() {
	initTabs();
	initLastfm();
});

function loadContent(){
	if (document.images){
	  pic1= new Image(637,20); 
	  pic1.src="img/section_plaat.jpg"; 
	  pic2= new Image(637,20); 
	  pic2.src="img/section_weblog.jpg"; 
	  pic3= new Image(637,20); 
	  pic3.src="img/section_werk.jpg"; 
	  pic4= new Image(81,81); 
	  pic4.src="img/lastfm.jpg"; 
	}
	
	
	setTimeout("dissapearLoader()", 1000)
}

function dissapearLoader(){
	$$('div#preloadcontainer').set('tween',{duration: 500});
	$$('div#preloadcontainer').tween('opacity', '0');
	$$('div#preloader').set('tween',{duration: 500});
	$$('div#preloader').tween('opacity', '0');
}

function initTabs(){
	werk = $('section2');
	weblog = $('section3');
	platen = $('section4');
	spacer = $('sectionspacer');
	
	startitem = platen;
	
	$('section_platen').getElement('.content').setStyle('display','block');
	$('section_platen').getElement('.content').setStyle('opacity','1');
	
	werk.addEvent('click',function(){viewPanel('werk');$('section_werk').setStyle('display','block');spacer.setStyle('background-image','url(img/section_werk.jpg)');});
	weblog.addEvent('click',function(){viewPanel('weblog');$('section_weblog').setStyle('display','block');spacer.setStyle('background-image','url(img/section_weblog.jpg)');});
	platen.addEvent('click',function(){viewPanel('platen');$('section_platen').setStyle('display','block');spacer.setStyle('background-image','url(img/section_plaat.jpg)');});
	
	werk.addEvent('mouseenter',function(){werk.getElements('p').setStyle('opacity','1');});
	weblog.addEvent('mouseenter',function(){weblog.getElements('p').setStyle('opacity','1');});
	platen.addEvent('mouseenter',function(){platen.getElements('p').setStyle('opacity','1');});
	
	werk.addEvent('mouseleave',function(){werk.getElements('p').setStyle('opacity','0.7');});
	weblog.addEvent('mouseleave',function(){weblog.getElements('p').setStyle('opacity','0.7');});
	platen.addEvent('mouseleave',function(){platen.getElements('p').setStyle('opacity','0.7');});
}

function viewPanel(panel){
	$$('.contentpanel').each(function(el,i){
		el.setStyle('display','none');
		el.getElement('.content').setStyle('display','none');
	});	
	var myEffect = new Fx.Morph($('section_'+panel), {duration: 'long', transition: Fx.Transitions.Back.easeInOut});
	myEffect.start({'height': [10, 133]});
	
	//loadcontent
	if(panel == "werk"){setTimeout("loadWerk()",700);}
	if(panel == "weblog"){setTimeout("loadWeblog()",700);}
	if(panel == "platen"){setTimeout("loadPlaten()",700);}
}

function loadWerk(){
	$('section_werk').getElement('.content').setStyle('display','block');
	$('section_werk').getElement('.content').setStyle('opacity','0');
	$('section_werk').getElement('.content').fade(1);
}
function loadWeblog(){
	$('section_weblog').getElement('.content').setStyle('display','block');
	$('section_weblog').getElement('.content').setStyle('opacity','0');
	$('section_weblog').getElement('.content').fade(1);
}
function loadPlaten(){
	$('section_platen').getElement('.content').setStyle('display','block');
	$('section_platen').getElement('.content').setStyle('opacity','0');
	$('section_platen').getElement('.content').fade(1);
}

function initLastfm(){
	lastfm = $('lastfm');
	lastfm.addEvent('mouseenter',function(){lastfm.setProperty('src','img/lastfm.jpg')});
	lastfm.addEvent('mouseleave',function(){lastfm.setProperty('src','img/lastfm_nh.jpg')});
}