function loadsite(){
	DD_roundies.addRule('#bgndzoom', '7px', true);
	DD_roundies.addRule('.rounded', '12px', true);
	if	(!Prototype.Browser.IE){
		DD_roundies.addRule('#prevdiv', '12px 0px 0px 12px', true);
		DD_roundies.addRule('#nextdiv', '0px 12px 12px 0px', true);
		DD_roundies.addRule('#updiv', '12px 12px 0px 0px', true);
		DD_roundies.addRule('#downdiv', '0px 0px 12px 12px', true);
	}
	butnlightdown('prevdiv');
	butnlightdown('nextdiv');
	butnlightdown('updiv');
	butnlightdown('downdiv');

	new Draggable('imagediv',{ revert: false, handle: 'draghandle'});
	new Draggable('page',{ revert: false, change:dragchange, onEnd:function (){ resizescrollbox('txtbox'); } });

	jwplayer('videobox').setup({
			flashplayer: 'jwplayer/player.swf',
//			file: 'http://www.gotra.eu/gotra_videos/cage.flv',
			height: 309,
			width: 550,
			id: 'fmsplayer'
	});

	player	=	getFlashMovieObject("fmsplayer");

	Event.observe($('txtbox'), "mousewheel", handlepageDIV, false);
	Event.observe($('txtbox'), "DOMMouseScroll", handlepageDIV, false); // Firefox

	setaudio(true);
	zoom(true);
	loadimage(id);
	loadvideo(id);
}

function loadpage(id){
	clear_imgready_poll();
	zoom(false);
	loadtext(id);
	loadimage(id);
	loadvideo(id);
}

function reposition(){
	var	newx	=	Math.random()*(windowWidth-320-$('imagediv').getWidth());
	var	newy	=	Math.random()*(windowHeight-$('imagediv').getHeight());
	new Effect.Move('imagediv', { x: newx, y: newy, mode: 'absolute' });
	var newheight	=	$('page').getHeight();
/*	$('bgndbox2').morph('height:'+newheight+'px;');
	var	newx	=	Math.random()*(windowWidth-320-$('page').getWidth());
	var	newy	=	Math.random()*(windowHeight-$('page').getHeight());
	new Effect.Move('page', { x: newx, y: newy, mode: 'absolute' });*/
	
/*	var picelm	=	$('imagediv');
	var pageelm	=	$('page');
//	var	picoffset	=	Position.cumulativeOffset(picelm);
	alert(Position.within(pageelm, newx, newy))	
	alert(Position.overlap('horizontal',pageelm));*/
}


function butnlightup(elmid){
	new Effect.Opacity(elmid, { from: 0.3, to: 1.0, duration: 0.2, queue: { position: 'end', scope: 'buttonscope', limit: 2 } }); return false;
}
function butnlightdown(elmid){
	new Effect.Opacity(elmid, { from: 1.0, to: 0.3, duration: 0.4, queue: { position: 'end', scope: 'buttonscope', limit: 2 } }); return false;
}

function setlanguage(ln){
	lang	=	ln;
	if	(lang=='0')	{	
		$('nlselect').className="";
		$('ukselect').className="black";
	}		
	if	(lang=='1')	{	
		$('nlselect').className="black";
		$('ukselect').className="";
	}		
	id	=	1;
	loadMenu(id);
	loadpage(id);
}

function loadMenu(selectid){
	new Ajax.Updater('sitemenu', 'gotramenu.php', {
  		parameters: { selid: selectid, ln: lang }
	});
}

function dragchange(inst){
//	alert('drag');
}


Object.extend(Event, {
	wheel:function (event){
		var delta = 0;
		if (!event) event = window.event;
		if (event.wheelDelta) {
			delta = event.wheelDelta/120; 
			if (window.opera) delta = -delta;
		} else if (event.detail) { delta = -event.detail/3;	}
		return Math.round(delta); //Safari Round
	}
});
function handlepageDIV(e) {
	if (Event.wheel(e) > 0) 		scrollup('txtbox');
	else if (Event.wheel(e) < 0)	scrolldown('txtbox');
}

function checknextprev(){
	if	(currentmode=="image"){
		if	(currentimage==0)						$('prevdiv').style.display		=	"none";
		else										$('prevdiv').style.display		=	"block";
		if	(currentimage==images.images.length-1)	$('nextdiv').style.display		=	"none";
		else										$('nextdiv').style.display		=	"block";
	}
	else{
		if	(currentvideo==0)						$('prevdiv').style.display		=	"none";
		else										$('prevdiv').style.display		=	"block";
		if	(currentvideo==videos.streams.length-1)	$('nextdiv').style.display		=	"none";
		else										$('nextdiv').style.display		=	"block";	
	}
}

function savetolog(commentname,message){
	var url = encodeURIComponent('add_msg.php');
	new Ajax.Request(url, {
  		method: 'post',
  		parameters: { name:commentname ,msg:message },
  		onSuccess: function(transport) {
    		if	(transport.responseText!="OK")	alert(transport.responseText);
    		else	{
    			add_msg(commentname,message);
    			Effect.toggle('additem', 'blind');
    		}
		}
	});
}

function add_msg(name,msg){
	$('scrollable1').innerHTML="<div class=\"logitem\"><div class=\"logname\">"+name+" |</div><div id=\"logitemtxt\">"+msg+"</div></div>"+$('scrollable1').innerHTML;
	morphtextbgnd();
}



function setaudio(stat){
	if	(stat){	
		enableSound();
		playSound(sitesound);
		$('audiobutn').className="";
	}
	else{
		disablenowSound();
		$('audiobutn').className="black";
	}
	audio	=	stat;
	return false;
}
function playSound(filename){
	Sound.play(filename,{replace:true});
	audioplaying=true;
}
function enableSound(){
	Sound.enable();
}
function disableSound(){
	Sound.disable();
}
function disablenowSound(){
	audioplaying=false;
	Sound.enable();
	Sound.play(silentsound,{replace:true});
	Sound.disable();
}



function getFlashMovieObject(movieName){
  if (window.document[movieName])	return window.document[movieName];
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {    if (document.embeds && document.embeds[movieName])	return document.embeds[movieName]; }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {   return document.getElementById(movieName);}
}
function playvideo(stream){
	jwplayer().load('http://www.gotra.eu/'+stream);
	jwplayer().play(true);
//	player.SetVariable("streamname", stream);
}
function stopvideo(){
	jwplayer().stop();
//	player.SetVariable("jscontrol", "stop");
}
function pausevideo(){
	jwplayer().pause(true);
//	player.SetVariable("jscontrol", "pause");
}
function setloop(){
//	player.SetVariable("jscontrol", "loop");
}
function fmsvideoend(stream){
//	alert('video end');
	setnext();
}




function showvideo(){
	stopslider();
	if	(audio && audioplaying)	disablenowSound();
//	$('videobox').fade({ duration: 1.0, from: 0.0, to:1.0 });
//	$('imagebox').fade({ duration: 1.0, from: 1.0, to:0.0 });
//	$('videobox').show();
//	$('imagebox').hide();
	$('videobox').style.visibility="visible";
	$('imagebox').style.visibility="hidden";
	if	(videos.streams.length>0)	playvideo(videos.streams[currentvideo]);
	currentmode	=	"video";
}
function showphoto(){
	stopvideo();
	if	(audio && !audioplaying)	setaudio(true);
	$('videobox').style.visibility="hidden";
	$('imagebox').style.visibility="visible";
//	$('videobox').fade({ duration: 1.0, from: 1.0, to:0.0 });
//	$('imagebox').fade({ duration: 1.0, from: 0.0, to:1.0 });
//	$('videobox').hide();
//	$('imagebox').show();
	stopslider();
	resetslider();
	startslider();
	currentmode	=	"image";
}
function imgvidselect(sel){
		if	(sel=='image')	{
			$('videoselect').className="black";
			$('imgselect').className="";
			showphoto();
		}
		else{
			$('videoselect').className="";
			$('imgselect').className="black";
			showvideo();
		}
		checknextprev();
}
function showimgvideo(){
	if	((images.images.length>0)||(videos.streams.length>0))
		$('imagediv').appear();
	else
		$('imagediv').fade({ duration: 1.0, from: 1.0, to:0.0 });
}

function sendSignin(){
	var name	=	$('signinname').value;
	var email	=	$('signinemail').value;
	
	if (name=='' || email=='')	{	alert('Vul alle gegevens in.');	return false;}
		var url = "newsletter/"+encodeURIComponent('sendsigninmail.php');
		new Ajax.Request(url, {
  			method: 'post',
  			parameters: { toname: name, toadres: email, subject:'Gotra Ballet nieuwsbrief aanmelding'},
  			onSuccess: function(transport) {
   		 			switch (transport.responseText){
   		 				case "OK":		$('nieuwsbriefdiv').update("Er is een bevestigings email naar u verzonden.");
   		 								break;
   		 				case "EXIST":	alert("Dit email adres staat al geregistreerd.");
   		 								break;
   		 				case "ERROR":	$('nieuwsbriefdiv').update("Fout tijdens het verzenden van de email.");
   		 								break;
   		 			}
  				}
			});
	return false;
}

function sendSignOff(){
	var retVal = "";
    retVal = prompt("Email adres", ""); 
    if (retVal == "" || retVal == null) return false;

		var url = "newsletter/"+encodeURIComponent('sendsignoffmail.php');
		new Ajax.Request(url, {
  			method: 'post',
  			parameters: { toadres: retVal, subject:'Gotra Ballet nieuwsbrief afmelden'},
  			onSuccess: function(transport) {
   		 			switch (transport.responseText){
   		 				case "OK":		$('nieuwsbriefdiv').update("Er is een bevestigings email naar u verzonden.");
   		 								break;
   		 				case "UNKNOWN":	alert("Dit email adres staat niet geregistreerd.");
   		 								break;
   		 				case "ERROR":	$('nieuwsbriefdiv').update("Fout tijdens het verzenden van de email.");
   		 								break;
   		 			}
  				}
			});
	return false;
}


function loadready(){
	if ((imgstat=="ready")&&(vidstat=="ready")){
//		showimgvideo();
		if	(currentmode=="image"){
			if (images.images.length>0)		imgvidselect("image");
			else
			if (videos.streams.length>0)	imgvidselect("video");
		}
		else{
			if (videos.streams.length>0)	imgvidselect("video");		
			else
			if (images.images.length>0)		imgvidselect("image");
		}
	}
}
function loadimage(menuid){
	var url = encodeURIComponent('getimages.php');
	new Ajax.Request(url, {
  		method: 'post',
  		parameters: { id: menuid, ln: lang },
  		onSuccess: function(transport) {
      		currentimage	=	0;
      		imgstat			=	"loading";
      		images			=	transport.responseText.evalJSON();
      		if (images.images.length>0)		$('imgselect').show();
      		else							$('imgselect').hide();
      		
			stopslider();
      		var content		=	"";
      		for (var index = 0; index < images.images.length; ++index) {
  				content = content + "<img src=\"gotra_files/"+images.images[index]+"\" height=\"100%\">";
      		}
      		$('imageslider').update(content);
      		imgstat			=	"ready";
//      		alert(transport.responseText);
      		loadready();
		}
	});
}
function loadvideo(menuid){
	var url = encodeURIComponent('getvideos.php');
	new Ajax.Request(url, {
  		method: 'post',
  		parameters: { id: menuid, ln: lang },
  		onSuccess: function(transport) {
			stopvideo();
      		currentvideo	=	0;
      		vidstat			=	"loading";
      		videos			=	transport.responseText.evalJSON();
      		if	(videos.streams.length>0)	$('videoselect').show();
      		else							$('videoselect').hide();
      		vidstat			=	"ready";
//      		alert(transport.responseText);
      		loadready();
		}
	});
}

function nextvideo(){
	if	(currentvideo<videos.streams.length-1)	{
		currentvideo++;
		playvideo(videos.streams[currentvideo]);
	}
}
function prevvideo(){
	if	(currentvideo>0){
		currentvideo--;
		playvideo(videos.streams[currentvideo]);
	}
}
function nextimage(){
	if	(currentimage<images.images.length-1)	{
		currentimage++;
		var	dist	=	400;
		if	(imgzoom)	dist	=	560;
		new Effect.Move('imageslider', { x: currentimage*-dist, y: 0, mode: 'absolute', queue: { position: 'end', scope: 'imgslidescope', limit: 10 } });
	}
}
function previmage(){
	if	(currentimage>0){
		currentimage--;
		var	dist	=	400;
		if	(imgzoom)	dist	=	560;
		new Effect.Move('imageslider', { x: currentimage*-dist, y: 0, mode: 'absolute', queue: { position: 'end', scope: 'imgslidescope', limit: 10 } });
	}
}
function setnext(){
	if	(currentmode=="video")	nextvideo();
	if	(currentmode=="image")	{
		stopslider();
		nextimage();
		startslider();
	}
	checknextprev();
}
function setprev(){
	if	(currentmode=="video")	prevvideo();
	if	(currentmode=="image")	{
		stopslider();
		previmage();
		startslider();
	}
	checknextprev();
}




function allImagesLoaded() {
	var imagesloaded = true;
	var images = $('pagetxt').select('img');
	for (var i = 0;i<images.length;i++){
		if(images[i].complete == false) imagesloaded = false;
	}
	return imagesloaded;
}

function imgready_poll(retfunc){
	imgpoll_Id = setInterval(function(){	 if (allImagesLoaded()){	clear_imgready_poll(); eval(retfunc);} },400);
}
function clear_imgready_poll(){
	clearInterval( imgpoll_Id );
}




function scrollup(box){
	var scrollpage	=	$(box).firstDescendant().id;
	var newy	=	$(scrollpage).offsetTop+100;
	if (newy>0)	newy	=	0;
	new Effect.Move(scrollpage, {x:0, y: newy, mode: 'absolute', duration: 0.3, afterFinish: function(){checkscroll(box);} });
}
function scrolldown(box){
	var scrollpage	=	$(box).firstDescendant().id;
	var cury	=	$(scrollpage).offsetTop-$(box).offsetTop;
	var newy	=	cury-100;
	if ( newy < -$(scrollpage).getHeight()+$(box).getHeight() )
		newy	=	-$(scrollpage).getHeight()+$(box).getHeight();
	new Effect.Move(scrollpage, {x:0, y: newy, mode: 'absolute', duration: 0.3, afterFinish: function(){checkscroll(box);} });	
}
function resetscroll(page){
	new Effect.Move(page, {x:0, y: 0, mode: 'absolute' });
}
function checkscroll(box){
	var scrollpage	=	$(box).firstDescendant().id;
	var parentdiv	=	$(box).up();
	var ud		=	parentdiv.select('[class="updiv"]');
	var dd		=	parentdiv.select('[class="downdiv"]');
	var updiv	=	ud[0].id;
	var	downdiv	=	dd[0].id;

	if 	($(scrollpage).getHeight() > $(box).getHeight() )	{
			var ypos	=	$(scrollpage).offsetTop;
			if	(ypos>=	0)		$(updiv).style.visibility	=	"hidden";
			else				$(updiv).style.visibility	=	"visible";
			if	(ypos<= -1*( $(scrollpage).getHeight() )+$(box).getHeight() )	
								$(downdiv).style.visibility	=	"hidden";
			else				$(downdiv).style.visibility	=	"visible";
	}
	else	{
			$(updiv).style.visibility	=	"hidden";
			$(downdiv).style.visibility	=	"hidden";	
	}
}
function resizescrollbox(box){
	var scrollpage	=	$(box).firstDescendant().id;
	var boxposition =	$(box).cumulativeOffset();
	var maxheight	=	windowHeight-boxposition[1]-50;
	var pageheight	=	$(scrollpage).getHeight();
	var newheight	=	0;
	if 	(pageheight>maxheight)	newheight	=	maxheight;
	else newheight	=	pageheight;
	$(box).morph('height:'+newheight+'px;',{ duration: 1.0, queue: { position: 'end', scope: 'resizescope', limit: 10 }, afterFinish: function(){ checkscroll(box); } });
}


function loadtext(menuid){
	resetscroll('pagetxt');
	$('pagetxt').update('Loading...');
	var url = encodeURIComponent('gotrapage.php');
	new Ajax.Request(url, {
  		method: 'post',
  		parameters: { id: menuid, ln: lang },
  		onSuccess: function(transport) {
    			$('pagetxt').update(transport.responseText);
    			if (transport.responseText=='') $('page').fade({ duration: 1.0, from: 1.0, to:0.0 });
    			else							$('page').show();
				//	$('page').appear();
				imgready_poll("resizescrollbox('txtbox')");
				reposition();
  			}
		});
}


function togglezoom(){
	zoom(!imgzoom);
}

function zoom(zoomstat){
	if (zoomstat==imgzoom)	return	false;
	if (zoomstat)	{
		new Effect.Morph('imagediv', { style: 'width:590px; height:315px;',  duration: 1.0 });
		new Effect.Morph('imagebox', { style: 'width:560px; height:315px;',  duration: 1.0 });
		new Effect.Morph('videobox', { style: 'width:560px; height:315px;',  duration: 1.0 });
//		new Effect.Morph(player, { style: 'width:560px; height:315px;',  duration: 1.0 });
		new Effect.Morph('imageslider', { style: 'height:315px;',  duration: 1.0 });
		new Effect.Move('imageslider', { x: currentimage*-560, y: 0, mode: 'absolute',  duration: 0.1 });
	}
	else	{
		new Effect.Morph('imagediv', { style: 'width:430px; height:225px;',  duration: 1.0 });
		new Effect.Morph('imagebox', { style: 'width:400px; height:225px;',  duration: 1.0 });
		new Effect.Morph('videobox', { style: 'width:400px; height:225px;',  duration: 1.0 });
//		new Effect.Morph(player, { style: 'width:400px; height:225px;',  duration: 1.0 });
		new Effect.Morph('imageslider', { style: 'height:225px;',  duration: 1.0 });

//	draghandle
		new Effect.Move('imageslider', { x: currentimage*-400, y: 0, mode: 'absolute',  duration: 0.1 });
	}
	imgzoom	=	zoomstat;
}



function resetslider(){
	new Effect.Move('imageslider', { x: 0, y: 0, mode: 'absolute' });
	currentimage	=	0;
	checknextprev();
}
function slide(){
	if	(currentimage==images.images.length-1)	currentimage=-1;
	nextimage();
	checknextprev();
}
function startslider(){
	sliderIntervalId = setInterval ("slide()",slidewaittime);
}
function stopslider(){
	clearInterval ( sliderIntervalId );
}





function resizeEventHandler(){
	windowWidth		=	document.documentElement.clientWidth;
	windowHeight	=	document.documentElement.clientHeight;
	resizescrollbox('txtbox');
}