// AJAX engine
$(document).ready(function () {
	geenKlikAan();
	initSWFBackground();
	initSWFSignGuest();
	initSWFFotoalbum();
	initSWFDiscography();
	base = $("base").attr("href");
	//$("#release").click(function () {discoPopup(10)});
	$("#release").click(function () {window.open("http://www.youtube.com/fenixofficial");});
	//$("#booking").hover(function(){$(this).css("cursor","pointer");},function(){$(this).css("cursor","default");} );
	$("#release").hover(function(){$(this).css("cursor","pointer");},function(){$(this).css("cursor","default");} );
	initGuestbook();
});

var base = "";
var aantalGastenboekBerichten=5;
var breedte=0;
var hoogte=0;
var pagina=0;

var scrollControl=0;
var scrollActief=0;

function discoPopup(id)
{
	$('#overlay').css({ "opacity":"0", "display":"block" });
	$('#overlay').animate({'opacity':"0.8"},1000);
	breedte=447;
	hoogte=177;
	$.get(base+"xml/platen.xml", function(data){
		$(data).find("foto[id='"+id+"']").each(function(){
			var plaatje=$(this).attr("foto");
			var html=$(this).attr("html");
			$("#popupcontainer").html('<table id="discotable"><tr><td id="discokolom1" class="tdBorder"><img alt="'+plaatje+'" src="plaatjes/'+plaatje+'" width="129" height="175" style="border: none;"></td><td id="discokolom2" class="tdBorder"></td></tr></table><img class="close absolute" alt="Close" src="template/popupClose.png" width="30" height="30" onclick="CloseFotoPopup()" onMouseOver="$(this).fadeTo(150, 0.01);" onMouseOut="$(this).fadeTo(150, 1);">');
			if($.browser.mozilla){$('#discotable').css({ "margin":"1px", "width":"448px", "height":"175px" });}
			$("#discokolom2").load(base+"html/"+html,function(){openPopup(447,177);});
		});
	},"xml");
}
function fotoPopup(bestand,breedtePopup,hoogtePopup)
{
	$('#overlay').css({ "opacity":"0", "display":"block" });
	$('#overlay').animate({'opacity':"0.8"},1000);
	breedte=breedtePopup;
	hoogte=hoogtePopup;
	$("#popupcontainer").html('<img alt="'+bestand+'" src="plaatjes/'+bestand+'" width="'+breedte+'" height="'+hoogte+'" style="border: 1px solid #868686;"><img class="close absolute" alt="Close" src="template/popupClose.png" width="30" height="30" onclick="CloseFotoPopup()" onMouseOver="$(this).fadeTo(150, 0.01);" onMouseOut="$(this).fadeTo(150, 1);">');
	openPopup(447,177);
}
function initPage()
{
	$('#centerDiv').fadeIn(3000,function callback() {
			geenKlikUit();
		}
	);
	
	scrollControl=0;
	scrollActief=0;
	$(".scrollingContent").each(function(){
		initScrollBar(this)
	});
}

function volgendePagina()
{
	geenKlikAan();
	if(pagina)
	{
		pagina=0;
		$('#pagina2').fadeOut(500,function callback() {
			$('#pagina1').fadeIn(2000,function callback() {
				geenKlikUit();
			});
		});
	}
	else
	{
		pagina=1;
		$('#pagina1').fadeOut(500,function callback() {
			$('#pagina2').fadeIn(2000,function callback() {
				geenKlikUit();
			});
		});
	}
}

function geenKlikAan()
{
	$('#geenKlik').css("display","block");
}

function geenKlikUit()
{
	$('#geenKlik').css("display","none");
}

function SwapOut(){$("#VolgendeKnop > a > img").fadeTo(150, 0.01);}
function SwapBack(){$("#VolgendeKnop > a > img").fadeTo(150, 1);}


function openPopup()
{
	$('#overlay').animate( {'opacity':0.8},1000,function(){
		$('#popupscroller').css({ "width":"100%", "height":"100%" });
		$('#popupcontainer').width(parseInt(breedte)+32);
		$('#popupcontainer').height(parseInt(hoogte)+20);
		$('#popupcontainer').css({left:(($(window).width()/2)-($('#popupcontainer').width()/2))});
		$('#popupcontainer').css({top:160});
		$('#popupcontainer').css('opacity','100');
		$('#popupcontainer').show("fold", {}, 1500);
	});
}
function CloseFotoPopup()
{
	$('#popupcontainer').hide("fold", {}, 1000,function(){
		$('#popupscroller').css({ "width":"0", "height":"0" });
		$('#overlay').fadeOut(500);
	});
}

function initSWFBackground()
{
	var flashvars = {};
	var params = {};
	params.wmode = "transparent";
	var attributes = {};
	attributes.id = "flashkader";
	swfobject.embedSWF("swf/achtervlak.swf", "flashkader", "1027", "719", "9.0.0", "swfobject/expressInstall.swf", flashvars, params, attributes);
}

function initSWFSignGuest()
{
	var flashvars = {};
	var params = {};
	params.wmode = "transparent";
	var attributes = {};
	attributes.id = "flashsignguest";
	swfobject.embedSWF("swf/signguest.swf", "flashsignguest", "396", "164", "9.0.0", "swfobject/expressInstall.swf", flashvars, params, attributes);
}

function initSWFFotoalbum()
{
	var flashvars = {};
	var params = {};
	params.wmode = "transparent";
	var attributes = {};
	attributes.id = "flashfotoalbum";
	swfobject.embedSWF("swf/media.swf", "flashfotoalbum", "388", "87", "9.0.0", "swfobject/expressInstall.swf", flashvars, params, attributes);
}

function initSWFDiscography()
{
	var flashvars = {};
	var params = {};
	params.wmode = "transparent";
	var attributes = {};
	attributes.id = "flashdiscography";
	swfobject.embedSWF("swf/platen.swf", "flashdiscography", "390", "87", "9.0.0", "swfobject/expressInstall.swf", flashvars, params, attributes);
}

function initGuestbook()
{
	$("#guestbookpaginas").load(base+"html/guestbooknummers.php", {aantal: aantalGastenboekBerichten});
	$("#guestbookinhoud").load(base+"html/guestbookinhoud.php", {aantal: aantalGastenboekBerichten});
}
function showGuestbook(aantalBerichten,paginaNummer)
{
	geenKlikAan();
	$('#guestbookinhoud').fadeOut(500,function callback() {
		$("#guestbookinhoud").load(base+"html/guestbookinhoud.php", {aantal: aantalBerichten,pagina: paginaNummer},function callback() {
			$('#guestbookinhoud').fadeIn(2000,function callback() {
				geenKlikUit();
			});
		});
	});
}
function updateGuestbook()
{
	geenKlikAan();
	$("#guestbookpaginas").load(base+"html/guestbooknummers.php", {aantal: aantalGastenboekBerichten});
	showGuestbook(aantalGastenboekBerichten,1);
}

function initScrollBar(DOM)
{
	var hoogte=0;
	$(DOM).children().each(function(){hoogte+=$(this).height();});
	if(hoogte > $(DOM).height()-100)
	{
		var breedteBuiten=$(DOM).width();
		$(DOM).html('<div id="scrollContent" class="relative noMargin" style="display:block;">'+$(DOM).html()+'</div>');
		$(DOM).parent().append('<img class="scrollBarLijn" style="display:block;position:absolute;" alt="scrollBar" src="template/scrollLijn.png" width="7" height="108">');
		$(DOM).parent().append('<img class="scrollBar" style="display:block;position:absolute;" alt="scrollBar" src="template/scrollFace.png" width="7" height="23">');
		$(".scrollBar").mousedown(function(){dragger(this);return false;});
	}
}
function dragger(dragObject)
{
	document.onmousemove = mouseMove;
	document.onmouseup   = mouseUp;
	var mouseOffset = null;
	var init=0;

	function getMouseOffset(ev)
	{
		var docPos    = $(dragObject).offset().top
		var mousePos  = mouseCoords(ev);
		return (mousePos - docPos);
	}

	function mouseMove(ev){
		ev = ev || window.event;
		if(!init){
			mouseOffset = getMouseOffset(ev);
			init=1;
		}
		var mousePos = mouseCoords(ev);
		if(dragObject&&((mousePos-mouseOffset)>=$('.scrollBarLijn').offset().top)&&((mousePos-mouseOffset)<=($('.scrollBarLijn').offset().top+$('.scrollBarLijn').height()-$(dragObject).height()))){
			$(dragObject).css("top", (mousePos - $(dragObject).parent().offset().top) - mouseOffset);
			return false;
		}
	}
	function mouseCoords(ev){
		if(ev.pageY){
			return ev.pageY;
		}
		return (ev.clientY + document.body.scrollTop  - document.body.clientTop);
	}
	function mouseUp(){
		dragObject = null;
		scrollControl=0;
	}
	scrollControl=1;
	scrollen(dragObject);
}
function scrollen(DOM)
{
	var bottom=(($(DOM).parent().find("#scrollContent").height()+5)-$('.scrollBarLijn').height())*-1;
	var friction=80;
	var speed=2;
	var r=$(DOM).position().top/($(DOM).parent().height()-$(DOM).height());
	var dy=Math.round((((bottom*r)-$(DOM).parent().find("#scrollContent").position().top)/speed)*(friction/100));
	function scrollMechanisme(DOM){
		scrollActief=1;
		r=-($(DOM).position().top-33)/($('.scrollBarLijn').height()-$(DOM).height());
		dy=-Math.round((((bottom*r)+$(DOM).parent().find("#scrollContent").position().top)/speed)*(friction/100));
		$(DOM).parent().find("#scrollContent").animate( {'top':($(DOM).parent().find("#scrollContent").position().top+dy)},150,function(){
			if(scrollControl===0 && dy===0){scrollActief=0;}
			else{scrollMechanisme(DOM);}
		});
	}
	if (!scrollActief) {scrollMechanisme(DOM);}
}
function stopScrollen(){}