var fotoArray;
var vorige;
var volgende;

if (top != self) {top.location = location;}

function naLaden() {
	links();
	allesDicht();
	tooltips();
	open('#sitemenu', '#siteimg');
	$('#linkermenu img').click(function() {
		toggleMenu($(this).attr('id'));
		return false;
	});
	$('#linkermenu img').mouseover(function() {
		$(this).css({position: 'relative', top: '-2px', left: '-2px'});
	});
	$('#linkermenu img').mouseout(function() {
		$(this).css({position: 'relative', top: '0px', left: '0px'});
	});
	fotogallery();
}
/*
 * Tooltips
 */
 function tooltips() {
	/*$('a.plaatje > img').mouseover(function() {
		$(this).parent().children('div.tooltip').fadeIn();	
	});
	$('#gfoto').mouseover(function() {
		$(this).parent().children('div.tooltip').fadeIn();	
	});
	$('div.tooltip').mouseover(function() {
		$(this).fadeIn();	
	});
	$('a.plaatje > img').mouseout(function() {
		$(this).parent().children('div.tooltip').fadeOut();	
	});
	$('#gfoto').mouseout(function() {
		$(this).parent().children('div.tooltip').fadeOut();	
	}); */
	$('a.plaatje').bind('contextmenu', function(e) {
		var src = $(this).children('img').attr('src');
		var alt = $(this).children('img').attr('alt');
		e.preventDefault();
		rechtermuisknop(src, alt);
		return false;
	});
	$('a.plaatje').mousedown(function(e) {
		if( e && e.button == 2 ){
			var src = $(this).children('img').attr('src');
			var alt = $(this).children('img').attr('alt');
			e.preventDefault();
			rechtermuisknop(src, alt);
			return false;
	     }
	},true);
	$('#lsluiten').click(function() {
		$('#linkcode').hide();
	});
}
function rechtermuisknop(src, alt) {
	if (src.search('http') == -1) {
		var url = document.location.href + src;
	}
	else {
		var url = src;
	}
	var codetekst = '<img src=\"' + url +
		'\" \nalt=\"'+ alt + '"><br>\n' +
		'Foto afkomstig van: \n<a href='+ 
		'\"http://www.sylviastuurman.nl\">Sylvia Stuurman en Ernst Anepool.</a>';
	$('#linkcodetext').val(codetekst);
	$('#linkcode').show();
	$('#linkcodetext').focus();
	return false;
}
/*********************************************
* Voeg een target_blank toe aan alle links * die niet naar de site zelf wijzen.
* Voeg een pijltje naar buiten toe achter alle links naar buiten
* Voeg een pijltje naar binnen toe voor alle sitelinks
* Laat alle links een stukje bewegen bij mouseover
***********************************************/
function links() {
	$('#verhaal a').filter(function() {
		return this.hostname && this.hostname !== location.hostname;
	}).attr('target', '_blank');
	$('#verhaal a').filter(function() {
		return this.hostname && this.hostname !== location.hostname;
	}).after('&nbsp;<img src="/pics/link_rood.gif" alt="outbound link">');
	$('#verhaal a').not('.plaatje').filter(function() {
		return this.hostname && this.hostname == location.hostname;
	}).before('&nbsp;<img src="/pics/rechts_groen_midel.gif" alt="inbound link">&nbsp;');
	$('a').mouseover(function(){
		$(this).attr('style', 'top: -1px; left: -1px');
	});
	$('a').mouseout(function(){
		$(this).attr('style', 'top: 0px; left: 0px');
	});
	var tooltiptekst = '<div class=\"tooltip\">' + 
		'Een foto gebruiken kan onder voorwaarden,<br>zoals bronvermelding. Zie:<br><br>' +
		'<img src=\"/pics/rechts_groen_midel.gif\" alt=\"inbound link\">&nbsp;' + 
		'<a href=\"http://www.sylviastuurman.nl/sitemap/foto/#gebruik\">'+ 
		'Voorwaarden voor gebruik van foto\'s</a>.<br><br>Zie voor details de: <br>' + 
		'<img src=\"/pics/rechts_groen_midel.gif\" alt=\"inbound link\">&nbsp;' +
		'<a href=\"http://www.sylviastuurman.nl/sitemap/foto/\">' + 
		'Copyright pagina</a>.</div>';
	$('a.plaatje').prepend($(tooltiptekst));
}
/********************************** Het menu dichtklappen*********************************/
function allesDicht() {
	$('#linkermenu img').not('#telefoon').attr('src', '/pics/Plus_Op.gif');
	$('#linkermenu ul ul').hide();
}
function open(menuId, imageId) {
	$(menuId).css('display', 'block');
	$(imageId).attr('src', '/pics/Min_Op.gif');
}
function toggleMenu(imgId) {
	var menuIdStam = imgId.split(/img/);
	var id = '#' + menuIdStam[0]+'menu';
	imgId = '#' + imgId;
	if ($(imgId).attr('src') == '/pics/Min_Op.gif') {
		$(id).fadeOut();
		$(imgId).attr('src', '/pics/Plus_Op.gif');
	}
	else 
	{
		$(id).fadeIn();
		$(imgId).attr('src', '/pics/Min_Op.gif');
	}
	//$(id).toggle();
}
function nieuweFoto() {
	$.get('/code/php/nieuwefoto.php' + '?' + Date(),  function(data) {
		var fotogegevens = eval('(' + data + ')');
		$('#plekvoorfoto').width(fotogegevens.width);
		$('#plekvoorfoto').height(fotogegevens.height);
		$('#plekvoorfoto a').attr({ 
			id: 'fotolink', 
			href: fotogegevens.link,
			title: fotogegevens.caption
			});
		$('#plekvoorfoto img').attr({
			id: 'foto',
			src: fotogegevens.foto,
			alt: fotogegevens.alt
			});
		$('#plekvoorfoto img').width(fotogegevens.width);
		$('#plekvoorfoto img').height(fotogegevens.height);
		$('#plekvorfoto h5').attr('id', fotogegevens.caption);
		$('#plekvoorfoto h5').html(fotogegevens.caption + '<div class=\"button\">Next photo</div>');
		$('#plekvoorfoto h5 div').click(nieuweFoto);
	});	
}
function fotogallery() {
	fotoArray = $('a.plaatje > img');
	$('#gvorige').click(function() {
		openGallery(0);
	});
	$('#gvolgende').click(function() {
		openGallery(1);
	});
	$('#gsluiten').click(function() {
		$('#gallery').hide();
		$('div.tooltip').hide();
		$('linkcode').hide();
		$('body').css('overflow', 'auto');
		return false;
	});
	$('#gfoto').bind('contextmenu', function(e) {
		var src = $('#gfoto').attr('src');
		var alt = $('#gfoto').attr('alt');
		e.preventDefault();
		rechtermuisknop(src, alt);
		return false;
	});
	$('#gfoto').mousedown(function(e) {
		if( e && e.button == 2 ){
			var src = $('#gfoto').attr('src');
			var alt = $('#gfoto').attr('alt');
			e.preventDefault();
			rechtermuisknop(src, alt);
			return false;
	     }
	},true);
	$('a.plaatje').click(function() {
		$('div.tooltip').hide();
		$('linkcode').hide();
		var headingtext = $(this).next('h5').get(0).innerHTML;
		var volgnummer = fotoArray.index($(this).children('img'));
		//alert("Gebonden bij laden pagina: " + volgnummer);
		var imagesrc = $(this).children('img').attr('src');
		vorige = fotoArray[volgnummer];
		openGallery(0);
		return false; 
	}); 
}
function openGallery(vorigeOfVolgende) {
	if (vorigeOfVolgende == 0) {
		foto = vorige;
	}
	else {
		foto = volgende;
	}
	var headingtext = $(foto).parent().next('h5').get(0).innerHTML;
	var volgnummer = fotoArray.index($(foto));
	var imagesrc = $(foto).attr('src');
	$('#gfoto').attr('src', imagesrc);
	$('#gallery').show();
		// foto in het midden zetten
	/* var fotohelft = (new String($('#gfoto').width()).replace('px', ''))/2;
	var dochelft = (new String($(document).width()).replace('px', ''))/2;
	$('#gfoto').css('left', (dochelft - fotohelft)); */
	$('#gheadingtext').html(headingtext);
		//volgende en vorige
	if (volgnummer > 0 ) {
		$('#gvorige').show();
		vorige = fotoArray[volgnummer - 1];
	}
	else {
		$('#gvorige').hide();
	}
	if (volgnummer < (fotoArray.length - 1) ) {
		$('#gvolgende').show();
		volgende = fotoArray[volgnummer + 1];
	}
	else {
		$('#gvolgende').hide();
	}
    $(foto).bind('contextmenu', function(){
		var codetekst = 'Code voor een link:\n\n'+ 
			'<img src=\"' + document.location.href + $(foto).attr('src') +
			'\" \nalt=\"'+ $(foto).parent().next('h5').get(0).innerHTML + '"><br>\n' +
			'Foto afkomstig van: \n<a href='+ 
			'\"http://www.sylviastuurman.nl\">Sylvia Stuurman en Ernst Anepool</a>';
		$('#linkcode').val(codetekst);
		$('#linkcode').show();
		$('#linkcode').focus();
		return false;
	});
	$('body').css('overflow', 'hidden');
	return false; 
}