/* Effet loupe pour les photos */
var smallPicSize;
var compensationDif = 2;
function showBig(el) {
	var bigPicDiv = $(el.getAttribute("rel"));
	// position de la petite photo
	var smallPicPosition = Position.cumulativeOffset(el);
	// position du cadre 'content'
	var ContentPosition = Position.cumulativeOffset($('content'));
	// dimention du cadre 'content' (width / height)
	var ContentDimension = [Element.getWidth($('content')),Element.getHeight($('content'))];
	// dimension du div de la grande photo
	var BigPicDimension = [Element.getWidth(bigPicDiv),Element.getHeight(bigPicDiv)]; 
	// dimensions de la petite photo
	smallPicSize = [el.width,el.height];
	// position de la photo...
	var bigPicLeftPosition = smallPicPosition[0]-parseInt((BigPicDimension[0] - smallPicSize[0])/2);
	var bigPicTopPosition = smallPicPosition[1]-parseInt((BigPicDimension[1] - smallPicSize[1])/2);
	/* contraint le pop-up à rester dans le cadre 'content' */
	//contrainte bas (la moins prioritaire)
	var bottomContent = ContentPosition[1] + ContentDimension[1];
	var bottomBigPic = bigPicTopPosition + BigPicDimension[1];
	if (bottomBigPic > bottomContent) 
		bigPicTopPosition = bigPicTopPosition - (bottomBigPic - bottomContent) - compensationDif - 10; 
	// contrainte droite
	var rightContent = ContentPosition[0] + ContentDimension[0];
	var rightBigPic = bigPicLeftPosition + BigPicDimension[0];
	if (rightBigPic > rightContent) 
		bigPicLeftPosition = bigPicLeftPosition - (rightBigPic - rightContent) - compensationDif - 4;
	// contrainte haut (prioritaire à cause du menu)
	if (bigPicTopPosition < ContentPosition[1]) 
		bigPicTopPosition = ContentPosition[1]+compensationDif;
	// contrainte gauche
	if (bigPicLeftPosition < ContentPosition[0]) 
		bigPicLeftPosition = ContentPosition[0]+compensationDif;
	bigPicDiv.style.position = 'absolute';
	bigPicDiv.style.left = bigPicLeftPosition-ContentPosition[0];
	bigPicDiv.style.top = bigPicTopPosition-ContentPosition[1];
	bigPicDiv.style.display='block'; 
}

function hideBig(el) {
	el.style.display='none';
}

function startIntro() {
	
	new Effect.Appear($('logo-jyotis-intro'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-1'),{duration: 1.5, queue: 'end'});
	new Effect.Appear($('layer-2'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-3'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-4'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-5'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-6'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-7'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-8'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-9'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-10'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-11'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-12'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-13'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-14'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-15'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-16'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-17'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-18'),{duration: 1.0, queue: 'end'});
	new Effect.Appear($('layer-19'),{duration: 1.0, queue: 'end'});
	new Effect.Pulsate($('logo-jyotis-intro'),{duration: 5, from: 0.6, to: 1.0, queue: 'end'});
	setTimeout("leaveIntro()", 26500);
}

function leaveIntro() {
	new Effect.Puff($('layers'),{duration: 1.3});
	new Effect.Fade($('pass-intro'),{duration: 1.3});
	setTimeout("window.location='http://www.espace-jyotis.com/accueil.html'", 1100);
}