var currentImage = 1;//nog uit cookie halen
var imageAmount = 3;
var prevOpen = false;
var nextOpen = false;
var player;
var playerIsReady = false;
window.addEvent('domready', function(){
	
	//grootte van venster bepalen
	windowSize = window.getSize();
	windowWidth = windowSize.x;
	windowHeight = windowSize.y;
	
	//achtergrondafbeelding genereren/laden
	setBackgroundImage(currentImage, windowWidth, windowHeight);

	//content resizen
	resizeContent(windowWidth, windowHeight);
	
	//volgende/vorige weergeven
	$('content_wrapper').addEvent('mousemove', function(e){
		var event = new Event(e);
		mouseX = event.page.x;
		mouseY = event.page.y;
				
		//grootte van verschillende elementen bepalen
		headerSize = $('header_wrapper').getSize();
		contentWindowSize = $('content_window').getSize();
		prevNextSize = $('prev').getSize();
		if(mouseX < windowWidth/2 - 200){ //prev
			$('prev').setStyle('left', Math.ceil(((windowWidth - contentWindowSize.x) / 4) - (prevNextSize.x / 2)));
			$('prev').setStyle('top', Math.ceil((headerSize.y/2) + ((windowHeight / 2) - (prevNextSize.y / 2))));
			$('next').setStyle('left', '-3000px');
		}else if(mouseX > windowWidth/2 + 200){ //next
			$('next').setStyle('left', Math.ceil(windowWidth - ((windowWidth - contentWindowSize.x) / 4) - (prevNextSize.x / 2)));
			$('next').setStyle('top', Math.ceil((headerSize.y/2) + ((windowHeight / 2) - (prevNextSize.y / 2))));
			$('prev').setStyle('left', '-3000px');
		}else{	
			$('prev').setStyle('left', '-3000px');
			$('next').setStyle('left', '-3000px');
		}
	});
	
	//volgende/vorige niet weergeven als muis over content window bewogen wordt
	$('content_window').addEvent('mousemove', function(e){
		e = new Event(e).stop();
		nextOpen = false;
		$('prev').setStyle('left' , '-3000px');
		$('next').setStyle('left' , '-3000px');
	});
	$('header_wrapper').addEvent('mousemove', function(e){
		e = new Event(e).stop();
		nextOpen = false;
		$('prev').setStyle('left' , '-3000px');
		$('next').setStyle('left' , '-3000px');
	});	
	
	//vorige navigatie
	$('prev').addEvent('click', function(){
		if((currentImage - 1) > 0){
			setBackgroundImage((currentImage - 1), windowWidth, windowHeight);
			currentImage--;
		}else {
			currentImage = imageAmount;
			setBackgroundImage(imageAmount, windowWidth, windowHeight);
		}
	});

	//volgende navigatie
	$('next').addEvent('click', function(){
		if((currentImage + 1) <=  imageAmount){
			setBackgroundImage((currentImage + 1), windowWidth, windowHeight);
			currentImage++;
		}else {
			currentImage = 1;
			setBackgroundImage(1, windowWidth, windowHeight);
		}
	});
	
	//venster sluiten
	$('close_button').addEvent('click', function(){
		$('content_window').fade(0);
	});

	//start/stop audio stream
	$('play_pause').addEvent('click', function(){
		if(playerIsReady){
			
			var playerCookie = Cookie.read('a3nn_player');
			if(!playerCookie || playerCookie == 'play'){
				playerCookie = Cookie.write('a3nn_player', 'pause');
				$('music_player').sendEvent('PLAY' ,'false');
				$('play_pause').setStyles({
					'background-image': 'url(' + templateFolder + 'images/speaker_off.gif)',
					'background-repeat': 'no-repeat'	
				});
			}else {
				playerCookie = Cookie.write('a3nn_player', 'play');
				$('music_player').sendEvent('PLAY' ,'true');
				$('play_pause').setStyles({
					'background-image': 'url(' + templateFolder + 'images/speaker_on.gif)',
					'background-repeat': 'no-repeat'	
				});
			}
		}
	});
	
	//scollaria
	wrapperHeight = $('content').getHeight();
	scrollSize = $('content').getScrollSize();
	contentHeight = scrollSize.y;
	if(contentHeight > wrapperHeight){
		$('scroller').setStyle('display', 'block');
		
		//omhoog scrollen
		$('scroll_up').addEvent('mouseover', function(){
			periodical = scrollUp.periodical(5);
		});
		$('scroll_up').addEvent('mouseout', function(){
			$clear(periodical);
		});		
		
		//omlaag scrollen
		$('scroll_down').addEvent('mouseover', function(){
			periodical = scrollDown.periodical(5);
		});
		$('scroll_down').addEvent('mouseout', function(){
			$clear(periodical);
		});
	}	
	
	function scrollDown(){
		$('content').scrollTop += 2;
	}
	function scrollUp(){
		$('content').scrollTop -= 2;
	}	
}).addEvent('resize', function(){
	windowSize = window.getSize();
	windowWidth = windowSize.x;
	windowHeight = windowSize.y;	
	setBackgroundImage(currentImage, windowWidth, windowHeight);
	resizeContent(windowWidth, windowHeight);
});	


//mp3 player
var flashvars = {};
flashvars.file = templateFolder + 'flash/playlist_' + page + '.xml';
flashvars.eepeat = 'list';
var params = {};
params.menu = "false";
params.wmode = "opaque";
params.allowscriptaccess = "always";
swfobject.embedSWF(templateFolder + "flash/player.swf", "music_player", "1", "1", "9.0.0", templateFolder + "flash/expressInstall.swf", flashvars, params);

//player starten / pauzeren			
function playerReady(obj) {
	playerIsReady = true;

	var playerCookie = Cookie.read('a3nn_player');
	if(!playerCookie || playerCookie == 'play'){
		playerCookie = Cookie.write('a3nn_player', 'play');
		$('music_player').sendEvent('PLAY' ,'true');
		$('play_pause').setStyles({
			'background-image': 'url(' + templateFolder + 'images/speaker_on.gif)',
			'background-repeat': 'no-repeat'	
		});
	}else {
		playerCookie = Cookie.write('a3nn_player', 'pause');
		$('music_player').sendEvent('PLAY' ,'false');
		$('play_pause').setStyles({
			'background-image': 'url(' + templateFolder + 'images/speaker_off.gif)',
			'background-repeat': 'no-repeat'	
		});
	}	
};


//achtergrondafbeelding genereren/laden
function setBackgroundImage(image, windowWidth, windowHeight){

	$('body_wrapper').setStyle('opacity', 0);
	
	//afmetingen van originele afbeelding
	var originalWidth = 2000;
	var originalHeight = 1333;
	
	//schalingsfactor uitrekenen
	var resizeFactor = windowWidth / originalWidth; //uitgaan van breedte
	if(originalHeight * resizeFactor < windowHeight){ //oeps, er moet van de hoogte worden uitgegaan
		resizeFactor = windowHeight / originalHeight;
	}
	
	//nieuwe dimensies
	var newWidth = originalWidth * resizeFactor;
	var newHeight = originalHeight * resizeFactor;
	
	//achtergrond instellen
	new Asset.images(templateFolder + 'php/image.php?width=' + Math.ceil(newWidth) + '&height=' + Math.ceil(newHeight) + '&image=' + templateFolder + 'images/bg_' + image + '.jpg&quality=75', {
		onComplete: function(){
			$('body_wrapper').fade(1);
			$('body_wrapper').setStyle('background-image', 'url("' + templateFolder + 'php/image.php?width=' + Math.ceil(newWidth) + '&height=' + Math.ceil(newHeight) + '&image=' + templateFolder + 'images/bg_' + image + '.jpg&quality=75")');
			$('body_wrapper').setStyle('background-position', 'center center');					
		}
	});
}

//content resizen
function resizeContent(windowWidth, windowHeight){
	if(windowHeight - 41 > 0){
		$('content_wrapper').setStyle('height', windowHeight - 41 + 'px');
	}
	
	//grootte van contentwindow ophalen en window plaatsen
	contentWindowSize = $('content_window').getSize();
	contentLeft = (windowWidth / 2) - (contentWindowSize.x / 2);
	contentTop = (windowHeight / 2) - (contentWindowSize.y / 2);
	$('content_window').setStyles({
		'top': contentTop + 20 + 'px',
		'left': contentLeft + 'px'
	});
	
}