//	speed for animations
var openSpeed = 400;
var closeSpeed = openSpeed;
var slideSpeed = 200;
var infoSpeed = 300;

// between open container and loading images
var imageLoadDelay = 200;
// between close container and open new one
var switchDelay = 100;

//	no currently active items
var activeId = false;
var activeIdInfos = false;
var activeIdInfosInt = false;
// var actInfo = false;
var actImg = false;

// path for images
var imagepath = "images/";

function getImages(id) {

	if(!allImages[id]) return;

	var images = allImages[id];
	var imageHolder = $("#ih"+id);
	var imageNav = $("#in"+id);
	var newContent = "";
	var newNavi = "";
	

	imageHolder.html("<div class=\"preloadbox\"><\/div>");
	
	// store new content
	for(i = 0; i < (images.length); i = i+1) {
		var newImage = "<img src=\""+imagepath+images[i]+"\" id=\"image"+i+"\" onclick=\"scrollImages("+id+","+i+"); return false;\" \/>";
		newContent = newContent + newImage;
		
		newNavi = newNavi + "<a href=\"#\" id=\"i"+i+"\" class=\"imagelink\"  onclick=\"scrollImages("+id+","+i+"); return false;\">"+parseInt(i+1)+"</a> ";

	}

	// newNavi = "&#8592; " + newNavi; // larr
	newNavi = newNavi + "<a href=\"#\" onclick=\"prevImg("+id+"); return false;\">&lt;</a> <a href=\"#\" onclick=\"nextImg("+id+"); return false;\">&gt;</a>"; //rarr	
	
	// setting variables
	actId = id;
	actImg = 0;
	

	
	// preload images
	$.preload(images, {
		base: imagepath,
		onFinish: function(){ 
			// callback on preload
			imageHolder.hide();
			imageHolder.html(newContent);
			imageNav.html(newNavi);
			$("#i0").toggleClass("active");						
			imageHolder.fadeIn(200);
		}
	});

}

function scrollImages(id, img) {
	
	// actImg = id;
	
	var imageHolder = $("#ih"+id);
	var ihx = $("#ih"+id).offset();
	// only accept images in exactly this imageholder
	var imagex = $("#ih"+id+" #image"+img).offset();
	var diff = ihx['left'] - imagex['left'];
	
	
	$("#i"+actImg).toggleClass("active");
	actId = id;
	actImg = img;
	$("#i"+actImg).toggleClass("active");
	
	var newPos = diff + "px";
	imageHolder.animate({ marginLeft: newPos }, 500);
	return false;
}

function prevImg(id) {
	if(actImg == 0) var scrollimg = (allImages[id].length-1);
	else scrollimg = actImg - 1;
	scrollImages(id, scrollimg);
}

function nextImg(id) {
	if(actImg == (allImages[id].length-1)) var scrollimg = 0;
	else scrollimg = actImg + 1;
	scrollImages(id, scrollimg);
}

function clearContent(id) {
	$("#ih"+id).css("marginLeft", "0px");
	$("#ih"+id).html("");
	$("#in"+id).html("");
}
numActuel = 0;
$(document).ready(function(){

	// hide content boxes
	$(".content").hide();
	
	// hide info boxes
	$(".infotext").hide();
	
	// project boxes slidetoggle
	$("div.data").click(function(event){
		
		
		var id = $(this).prev("a").attr("name");
		id = id.substring(1,id.length);
		var container = $("#c"+id);
		
		var data =  $("#data"+id);
		
		var idMouse_ov = $(this).prev("a").attr("name");
		idMouse_ov = idMouse_ov.substring(1,idMouse_ov.length);
		//$("#data"+idMouse_ov+"_b").hide();
		
		numActuel = 0;
		// $(this).parent().toggleClass("active");
		
		if(activeId && activeId == id) {
		// active = clicked -> close and empty
			data.removeClass("active");
			activeId = false;			
			container.slideToggle(closeSpeed, function() {
				// clear previously generated content
				clearContent(id); 
			});
			
		} else if (!activeId) {
		// no active -> open clicked

			data.addClass("active");
			activeId = id;			
			container.slideToggle(openSpeed, function() { getImages(id); });
			
		} else if (activeId) {
		// close old, open new
			
			$("#data"+activeId).removeClass("active");
			data.addClass("active");
			
			$("#c"+activeId).slideToggle(closeSpeed, function() {
				clearContent(activeId); 
				activeId = id;
				setTimeout(function() {
					container.slideToggle(openSpeed, function() { getImages(id); });
				}, switchDelay);
			});
		}
			

		return false;
	});
	//information modif
	
	$("div.dataInfos").click(function(event){
	
		var id = $(this).prev("a").attr("name");
		
		id = id.substring(1,id.length);
		var container = $("#cx"+id);
		
		var dataInfos =  $("#dataInfos"+id);
		
		// $(this).parent().toggleClass("active");
		
		if(activeIdInfos && activeIdInfos == id) {
		// active = clicked -> close and empty information
			dataInfos.removeClass("active");
			activeIdInfos = false;			
			container.slideToggle(closeSpeed, function() {
				// clear previously generated content
				//clearContent(id); 
			});
			
		} else if (!activeIdInfos) {
		// no active -> open clicked information

			dataInfos.addClass("active");
			activeIdInfos = id;
			
			container.slideToggle(openSpeed, function() { getImages(id); });
			
		} else if (activeIdInfos) {
		// close old, open new information
			//alert("activeIdInfos : "+activeIdInfos);
			$("#dataInfos"+activeIdInfos).removeClass("active");
			dataInfos.addClass("active");
			
			$("#cx"+activeIdInfos).slideToggle(closeSpeed, function() {
				clearContent(activeIdInfos); 
				activeIdInfos = id;
				setTimeout(function() {
					container.slideToggle(openSpeed, function() { getImages(id); });
				}, switchDelay);
			});
		}
			

		return false;
	});
	
	// dataInfosInterne -->	p003Info  bioInterne u003 D2IInfo
	$("div.dataInfosInterne").click(function(event){
	
		var idInterne = $(this).prev("a").attr("name");
		//
		idInterne = idInterne.substring(1,idInterne.length);
		var container = $("#dIIb"+idInterne);
		
		var dataInfosInterne =  $("#dataInfosInterne"+idInterne);
		
		// $(this).parent().toggleClass("active");
		
		if(activeIdInfosInt && activeIdInfosInt == idInterne) {
		// active = clicked -> close and empty information
			dataInfosInterne.removeClass("active");
			activeIdInfosInt = false;			
			container.slideToggle(closeSpeed, function() {
				// clear previously generated content
				//clearContent(id); 
			});
			//alert("idInterne "+idInterne);
			
		} else if (!activeIdInfosInt) {
		// no active -> open clicked information

			dataInfosInterne.addClass("active");
			activeIdInfosInt = idInterne;
			//alert("idInterne "+idInterne);
			container.slideToggle(openSpeed, function() { getImages(idInterne); });
			
		} else if (activeIdInfosInt) {
		// close old, open new information
			//alert("activeIdInfosInt : "+activeIdInfosInt);
			$("#dataInfosInterne"+activeIdInfosInt).removeClass("active");
			dataInfosInterne.addClass("active");
			
			$("#dIIb"+activeIdInfosInt).slideToggle(closeSpeed, function() {
				clearContent(activeIdInfosInt); 
				activeIdInfosInt = idInterne;
				setTimeout(function() {
					container.slideToggle(openSpeed, function() { getImages(idInterne); });
				}, switchDelay);
			});
		}
			

		return false;
	});
	
	//	bioInterne
	
	// 	slidetoggle infoboxes
	$("#information h2 a").click(function(event){
		$(this).toggleClass("active");
		$(this).parent("h2").next(".infotext").slideToggle(infoSpeed);
		return false;
	});
	

}); // document.ready end