//variables et fcts pour le defilement des actus
var delayDefil = 5000; 
var actuCourante = 0;
var nbActu ;
var defilActu;

// variable pour le scroll du sous menu
var ocontainer;
var ocontent;
var spaceToScroll;

// variable diaporama
var delayNextDoc = 4*1000; 
var nextDoc;

// fonction de defilement d'une actu
var actuNext = function(){
	var actuNext = (actuCourante+1)%nbActu;
	var laPrem = $("div#actu div.uneActu").get(actuCourante);
	var laNext = $("div#actu div.uneActu").get(actuNext);
	// on reduit le premier (animation)
	$(laPrem).DropOutDown(1000);
	$(laNext).DropInUp(1000);
	// on met a jour le num
	$("div#actu div.infos span.numero").html(actuNext + 1);
	// passe au suivant
	actuCourante = actuNext;
}

//fct passe au doc num en para
var affDoc = function(i){
	var leDoc = $('div#diaporama ul.lesDocuments li.doc'+i).html();
	$('div#diaporama')
		.find('div.frame')
			.find('img').hide(500).end()
			.append("<img width='320' height='163' style='height:163px;width:320px;' src='"+leDoc+"' />").end()
		.find('div.info span.courant').html(i);
}
var affDocNext = function(){
	var courant = $('div#diaporama div.info span.courant').html();
	var total = $('div#diaporama div.info span.total').html();
	var leNext = courant%total + 1;
	affDoc(leNext);
}

var affDocPrev = function(){
	var courant = $('div#diaporama div.info span.courant').html();
	var total = $('div#diaporama div.info span.total').html();
	var lePrec = (courant-1)%total ;
	if(lePrec == 0){ lePrec = total;}
	affDoc(lePrec);
}


$(document).ready(
	function () 
	{
		/**************************************
		/*     Accordeon pour le menu
		***************************************/


		/**************************************
		/*     Scroll du sous menu
		***************************************/
		ocontainer = $('div#sousMenu div.conteneur');
		ocontent = $('div#sousMenu div.contenu');
		
		ocontainer.css('overflow-y', 'hidden');
		// on ajout la barre de defilement
		$('div#sousMenu')
				.append('<div class="defil">'+
					'	<div class="top">&nbsp;</div>' +
					'	<div class="barre">' +
					'		<div class="scroll">&nbsp;</div>' +
					'	</div>' +
					'	<div class="bottom">&nbsp;</div>' +
					'</div>');

		containerSize = jQuery.iUtil.getSize(ocontainer.get(0));
		containerPosition = jQuery.iUtil.getPosition(ocontainer.get(0));
		containerInner = jQuery.iUtil.getClient(ocontainer.get(0));
		
		contentSize = jQuery.iUtil.getSize(ocontent.get(0));
		
		$('div#sousMenu')
			.find('div.defil')
				.css('top', -containerSize.hb + 'px')
				.css('left', containerSize.wb - 13 + 'px')
				.css('height', containerSize.hb + 'px')
			.find('div.barre')
				.css('height', containerSize.hb - 10 + 'px');

		if(contentSize.hb > containerSize.hb){
			spaceToScroll = contentSize.hb - containerInner.h;
			$('div#sousMenu .defil').Slider(
				{
					accept : '.scroll',
					onSlide : function( cordx, cordy, x , y)
					{
						ocontent.css('top', - spaceToScroll * cordy / 100 + 'px');
					}
				}
			);
		} else {
			$('div#sousMenu')
				.find('div.scroll').hide().end()
				.find('div.defil').css('opacity','0.4');
		}

		/**************************************
		/*      défilement des actus
		***************************************/
		nbActu = $("div#actu div.lesActus div.uneActu").size();
		$("div#actu span.ntot").html(nbActu);
		if(nbActu > 1){
			$("div#actu div.uneActu").gt(0).hide();
			$("div#actu div.infos").show()
				.find('a.suivant').click(function(){
						actuNext()
						//clearTimeout(defilActu);
						//$(this).parent().find('a.playpause').html("play");
						if($(this).parent().find('a.playpause').html() == 'pause'){
							$(this).parent().find('a.playpause').click()
						}
					}).end()
				.find('a.playpause').toggle( function(){
						clearTimeout(defilActu);
						$(this).html("play");
					},function(){
						defilActu = setInterval("actuNext()", delayDefil);
						$(this).html("pause");
					}) ;
			defilActu = setInterval("actuNext()", delayDefil);
		}

		/**************************************
		/*       diaporama
		***************************************/

// 		// on trnasforme les liens en dur en action JS
// 		$('div#diaporama div.control')
// 			// Suivant
// 			.find('a.next').attr('href','#').click( function(){
// 				affDocNext();
// 			}).end()
// 			// Precedent
// 			.find('a.prev').attr('href','#').click( function(){
// 				affDocPrev();
// 			}).end()
// 			// Play
// 			.find('a.play').click( function(){
// 				defilActu = setInterval("affDocNext()", delayNextDoc);
// 				$(self).hide() ;//.siblings('a.play').show();
// 			}).end()
// 			// Pause
// 			.find('a.pause').show().click( function(){
// 				clearTimeout(defilActu);
// 				$(self).hide() ;//.siblings('a.prev').show();
// 			}).end();
// 		
// 		defilActu = setInterval("affDocNext()", delayNextDoc);
// 		
// 		//Prechargment des photos
// 		$('div#diaporama ul.lesDocuments li.addr').each(function(){
// 			$(this).parent().append("<li class='img'><img src='"+$(this).html()+"' alt=''/></li>").find("li.img").hide();
// 		});
	}
);