// JavaScript Document
$(document).ready(function() {
	$("#onglets").tabs();
	
	// L'animation en page d'accueil

});


// Le carousel des pages intérieures
$(function() {
    $(".carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
		vertical: true,
		circular: false
    });
});

$(function() {
	$('#slideshow').crossSlide({
  fade: 1,
  loop: 1
}, [
  {
    src:  'photos/accueil-rue-de-la-bourse-1.jpg',
    alt:  '',
    from: 'top right 1.2x',
    to:   'top right 1x',
    time: 3
  }, {
    src:  'photos/accueil-rue-de-la-bourse-2.jpg',
    alt:  '',
    from: 'bottom left 1.2x',
    to:   'bottom left 1x',
    time: 3
  }, {
    src:  'photos/accueil-rue-de-la-bourse-3.jpg',
    alt:  '',
    from: 'top left 1.2x',
    to:   'top left 1x',
    time: 3
  }, {
    src:  'photos/accueil-rue-de-la-bourse-4.jpg',
    alt:  '',
    from: 'bottom right 1.2x',
    to:   'bottom right 1x',
    time: 3
  }, {
    src:  'photos/accueil-rue-de-la-bourse-5.jpg',
    alt:  '',
    from: 'top right 1.2x',
    to:   'top right 1x',
    time: 3
  }, {
    src:  'images/bt-entrer.gif',
    alt:  '',
    from: 'top left 1x',
    to:   'top left 1x',
    time: 1
  }
], function(idx, img, idxOut, imgOut) {
  if (idxOut == undefined)
  {
    // starting single image phase, put up caption
    $('div.caption').text(img.alt).animate({ opacity: .7 })
  }
  else
  {
    // starting cross-fade phase, take out caption
    $('div.caption').fadeOut()
  }
});
});


// Variation de l'opacité de l'image
var duration = 300;
var steps = 20;
function setOpacity(element, level) {
	element = document.getElementById(element);
	element.style.opacity = parseFloat(level);
	element.style.MozOpacity = parseFloat(level);
	element.style.KhtmlOpacity = parseFloat(level);
	element.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

function fadeIn(element){
	for (i = 0; i <= 1; i += (1 / steps)) {
	  setTimeout("setOpacity('" + element + "', " + i + ")", i * duration);
	}
}

function fadeOut(element) {
	for (i = 0; i <= 1; i += (1 / steps)) {
	  setTimeout("setOpacity('" + element + "', " + (1 - i) + ")", i * duration);
	}
}

function fin(element) {
	conteneur_photo_principale_1 = document.getElementById(element+'_1');
	conteneur_photo_principale_2 = document.getElementById(element+'_2');
	conteneur_photo_principale_1.src = conteneur_photo_principale_2.src;	
}

function afficher_image (id_photo_principale, url_image, groupe_miniatures, position_miniature, id_cadre, id_libelle_photo, libelle_photo) {
	// On change la photo princiale
	conteneur_photo_principale_2 = document.getElementById(id_photo_principale+'_2');
	conteneur_photo_principale_1 = document.getElementById(id_photo_principale+'_1');
	// On remplace la source de l'image 1 par celle de l'image 2 avant de modifier le reste
	conteneur_photo_principale_1.style.opacity = 1;
	conteneur_photo_principale_1.style.MozOpacity = 1;
	conteneur_photo_principale_1.style.KhtmlOpacity = 1;
	conteneur_photo_principale_1.style.filter = "alpha(opacity=" + (1 * 100) + ");";
	conteneur_photo_principale_1.src = conteneur_photo_principale_2.src;
	conteneur_photo_principale_2.src = "photos/"+url_image;
	//fadeOut(id_photo_principale+'_1');
	for (i = 0; i <= 1; i += (1 / steps)) {
	  setTimeout("setOpacity('" + id_photo_principale + '_1' + "', " + (1 - i) + ")", i * duration);
	}
	setTimeout("fin('"+id_photo_principale+"')", 200);
	
	// On affiche un cadre sur la miniature et on enlève le cadre sur les autres photos
	for(i=1;i<=5;i++)
	{
		if(document.getElementById(groupe_miniatures+'_'+(i)))
		{
			var cadre_a_enlever = document.getElementById(groupe_miniatures+'_'+(i));
			cadre_a_enlever.className = 'miniature_'+i;
		}
	}
	var cadre_a_ajouter = document.getElementById(id_cadre);
	cadre_a_ajouter.className = position_miniature+' mini_active';

	// On change le libellé de la photo
	conteneur_libelle_photo = document.getElementById(id_libelle_photo);
	conteneur_libelle_photo.innerHTML = libelle_photo;
}