// JavaScript Document

/* lightbox */
function afficherMasque() {
    var w = $('body').width();
	var mh = $('body').height();
	var ih = $(document).height();
	//var ih = $(window).innerHeight();
	
	if ( mh < ih ) mh = ih;
	$('.page select').css({ visibility:'hidden' });		
	$('.overlay').css({ width: w + 'px', height: mh +'px' })
	$('.overlay').show();
}

function hideMasque() {
	$('select').css({ visibility:'visible' });			
	$('.overlay').hide();
}



function showLightbox () {
	var $lightbox = $('.lightbox');
//	var tPos = ( $(window).height() - $lightbox.height() )/2 + $(window).scrollTop();
	var tPos = $(window).scrollTop() + 40 ;
	var lPos = ( $(window).width() - $lightbox.width() )/2;
	
	afficherMasque();
	
	$lightbox
		.css({ top: tPos + 'px', left: lPos + 'px' });	
	
	return false;	
}

function hidePopup () {
	$('.lightbox')
		.css({ top: '0px', left: '-2000px' });
	
	hideMasque();
}

$.fn.distance = function ( parent ) {
	var offsetChild = $(this).offset();
	var offsetParent = $(parent).offset();
	
	this.top = offsetChild.top - offsetParent.top;
	this.left = offsetChild.left - offsetParent.left;
	return this;
}


function loadData ( url, openLightbox ) {
	$.get ( url, {}, function (data) {
		$('.lightbox').find('.lightbox-content').html(data);
		
		if (openLightbox) 
			showLightbox();
			
		$('#termes', '.lightbox-content').change ( function () {
			loadData ( $(this).val() + '.html' , false );
		});
		
		$('.lettres-index', '.lightbox-content').find('a').click ( function () {
			loadData ( $(this).attr('rel'), false );
		});
	});	
}



$ ( function () {
	$('.zoom').find('a').click ( function () {
		//showLightbox();
		loadData ( $(this).attr('rel'), true );		
	});		 
	
	$('.lightbox .close a').click( function () {
		hidePopup ();
	})
	
});