var HuidigSubMenuID = '';
var FotoalbumActief = '2';
var FotoActief = '2';
var newImg = '';
var Afbeelding = '';
var AfbeeldingLeeg = 'http://www.24sailing.nl/images/foto_leeg.jpg';

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

$(document).ready(function () {
	BerekenHoogtes();
	LaadSifr();	
});

function LaadSifr(){
	$('.MenuWitKop').sifr( {
		font: URLPref + 'fonts/din_bold.swf',
		textAlign : 'left'
	});
	
	$('.TekstWitKop').sifr( {
		font: URLPref + 'fonts/din_bold.swf',
		textAlign : 'right'
	});
	
	$('.TekstGrijsKop').sifr( {
		font: URLPref + 'fonts/avenir_black',
		textAlign : 'left'
	});
}

function BerekenHoogtes(){
	var browserName=navigator.appName;
	if(browserName == 'Microsoft Internet Explorer'){
		var HoogteLinks = document.getElementById('DivRechterKollom').offsetHeight;
		var HoogteRechts = document.getElementById('DivDonkerKollom').offsetHeight;
	} else {
		var HoogteLinks = document.getElementById('DivRechterKollom').clientHeight;
		var HoogteRechts = document.getElementById('DivDonkerKollom').clientHeight;
	}
	
	HoogteLinks = ((HoogteLinks * 1) + 60);
	HoogteRechts = ((HoogteRechts * 1) + 40);
	
	if(HoogteLinks > HoogteRechts){
		Hoogte = HoogteLinks;
		var NieuweHoogteLinks = ((Hoogte * 1) - 60);
		var NieuweHoogteRechts = ((Hoogte * 1) - 40);
		
	//	document.getElementById('DivRechterKollom').style.height = NieuweHoogteRechts + 'px';
	//	document.getElementById('DivDonkerKollom').style.height = NieuweHoogteLinks + 'px';
	} else {
		Hoogte = HoogteRechts;
		var NieuweHoogteLinks = ((Hoogte * 1) - 60);
		var NieuweHoogteRechts = ((Hoogte * 1) - 40);
		
	//	document.getElementById('DivRechterKollom').style.height = NieuweHoogteRechts + 'px';
	//	document.getElementById('DivDonkerKollom').style.height = NieuweHoogteLinks + 'px';
	}
	
	
}

function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
};
/**
 / THIRD FUNCTION
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
};

function ToonMelding(Pagina){
	var arrayPageSizes = getPageSize();
	var PaginaHoogte = (arrayPageSizes[1]+"px");
	var PaginaBreedte = '100%';
	
	//document.getElementById('GaSnelNaar').style.visibility = 'hidden';
	document.getElementById('DivAlertBoxAchtergrond').style.height = PaginaHoogte;
	document.getElementById('DivAlertBoxAchtergrond').style.width = PaginaBreedte;
	
	
	LaadMeldingInDiv(Pagina, 'DivAlertBoxContent');
	
	var NieuweBreedteDiv = 600;
	var NieuweHoogteDiv = 200;
	
	var arrPageScroll = getPageScroll();
	var arrPageSizes = getPageSize();
	var TopPositie = arrPageScroll[1] + (arrPageSizes[3] / 10),
	TopPositie = TopPositie+'px';
	document.getElementById('DivAlertBoxContent').style.top = TopPositie;

	var LinkerPositie = ((arrPageSizes[0] - NieuweBreedteDiv)/2);
	LinkerPositie = LinkerPositie+'px';
	document.getElementById('DivAlertBoxContent').style.left = LinkerPositie;
}

function LaadMeldingInDiv(option, DivID) {
	var urls = option;
	if(window.XMLHttpRequest) {
		reqss = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		reqss = new ActiveXObject("Microsoft.XMLHTTP");
	}
	reqss.open("GET", urls, true);
	reqss.onreadystatechange = callbackMelding;
	
	reqss.send(null);
}

function callbackMelding(DivID) {
	if(reqss.readyState != 4) { 
		document.getElementById('DivAlertBoxContent').innerHTML = '';
	}
	
	if(reqss.readyState == 4) {
		if(reqss.status == 200) {
			response = reqss.responseText;
			document.getElementById('DivAlertBoxContent').innerHTML = response;
			$('#DivAlertBoxAchtergrond').css({ backgroundColor: '#000', opacity: '0.7' }).fadeIn('300', function(){
				$('#DivAlertBoxContent').fadeIn('300',function(){
					LaadSifr();
					$('img[@src$=.png]').ifixpng();
				});
			});
			
		} else {

		}
	}
}

function MeldingSluiten(Pagina){
	$('#DivAlertBoxContent').fadeOut('300', function() {
		$('#DivAlertBoxAchtergrond').fadeOut('300');
	});
}

function FotoalbumVolgende() {
	if(FotoalbumActief == '2'){
		FotoalbumActief = '1';
		var BreedteTotaal = document.getElementById('FotosBreedte').value;
		var Positie = document.getElementById('FotosItems').offsetLeft;
		var MaxPositie = BreedteTotaal;
		
		var PositieNieuw = ((Positie * 1) - 595);
		if(PositieNieuw <= MaxPositie){
			PositieNieuw = '0';
		}
		PositieNieuw = PositieNieuw + 'px';
		$('#FotosItems').animate({left: PositieNieuw}, 1000, function(){
			FotoalbumActief = '2';
		});
	}
}

function FotoalbumVorige() {
	if(FotoalbumActief == '2'){
		FotoalbumActief = '1';
		var BreedteTotaal = document.getElementById('FotosBreedte').value;
		var Positie = document.getElementById('FotosItems').offsetLeft;
		var MaxPositie = BreedteTotaal;
		
		var PositieNieuw = ((Positie * 1) + 595);
		if(PositieNieuw > '0'){
			var TotaalPaginas = (Math.round(((BreedteTotaal * 1) / 595)) + 1);
			var Test = ((TotaalPaginas * 595) - 595);
			if(Test > BreedteTotaal){
				TotaalPaginas = (Math.round(((BreedteTotaal * 1) / 595)));
			}
			
			PositieNieuw = ((TotaalPaginas * 1) * 595);
		}
		PositieNieuw = PositieNieuw + 'px';
		$('#FotosItems').animate({left: PositieNieuw}, 1000, function(){
			FotoalbumActief = '2';
		});
	}
}

function BekijkFoto(Afbeeldingkje) {
	if(FotoActief == '2'){
		FotoActief = '1';
		Afbeelding = Afbeeldingkje;
		//document.getElementById('FotoAblumFoto').src = AfbeeldingLeeg;
		$('#FotoAblumFoto').fadeOut(500, function(){ 
			
			newImg = new Image();
			newImg.src = Afbeelding;
			
			var t=setTimeout("VerschaalAfbeelding();",500);
			
		});
		
	}
}

function VerschaalAfbeelding(){
	var HuidigeHoogte = newImg.height; 
	var HuidigeBreedte = newImg.width; 
	
	var MaxBreedte = '595';
	var MaxHoogte = '595';

	if(HuidigeBreedte > MaxBreedte){
		var BreedteNieuw = MaxBreedte;
		var HoogteNieuw = (((HuidigeHoogte * 1) / (HuidigeBreedte * 1)) * (MaxBreedte * 1));
	} else {
		var BreedteNieuw = HuidigeBreedte;
		var HoogteNieuw = HuidigeHoogte;
	}

	if(HoogteNieuw > MaxHoogte){
		HoogteNieuw = MaxHoogte;
		BreedteNieuw = (((HuidigeBreedte * 1) / (HuidigeHoogte * 1)) * (MaxHoogte * 1));
	}
	
	if(BreedteNieuw < MaxBreedte){
		var PositieNieuw = (((MaxBreedte * 1) - (BreedteNieuw * 1)) / 2);
	} else {
		var PositieNieuw = '0';
	}
	
	document.getElementById('FotoAblumFoto').src = newImg.src;
	$('#FotoAblumFoto').fadeIn(500, function(){ FotoActief = '2'; }).animate({width: BreedteNieuw, marginLeft: PositieNieuw}, 500);
}