// var today = new Date();

// var idTimeLine = "tl";

// var month = today.getMonth()+1;
// var day = today.getDate();
// var year = today.getFullYear();

// var firstDate = year+"-"+today.getMonth()+"-"+day;
// var lastDate = year+"-"+month+"-"+day;

// var d1 = new  Date(year, month,day);
// var d2 = new  Date(year, today.getMonth(), day);

// var d1 = new  Date(year, month,day);
// var d2 = new  Date(year, month-1,day);

//Nombre de jours entre les 2 dates
var dif = (d1-d2) / 86400000;

//one year
var type = 1;

var height = 30;
var width = 100;


var timeLine="";

//Tableau contenant les valeurs de la timeline ( tab[id] = "AAAA-MM-JJ" )
var val = new Array();

var controlSlider;

var activeImage = false;
var imageGalleryLeftPos = false;
var imageGalleryWidth = false;
var imageGalleryObj = false;
var maxGalleryXPos = false;
var slideSpeed = 0;
var imageGalleryCaptions = new Array();



function initTimeLine()
{
	document.getElementById(idTimeLine).style.width = width+'%';
	document.getElementById(idTimeLine).style.height = height+'px';
	
	document.getElementById("zoom-handle-1").style.height = height+'px';
    document.getElementById("zoom-handle-2").style.height = height+'px';
    document.getElementById("zoom-track-selected").style.height = height+'px';

	
	   this.enableSlider();
	   this.createTimeLineValues();
	   
	
 

initSlideShow();
}

//1 July => Today
function createTimeLineValues()
{
	

	//Permet d'afficher les graduations
	for ( var i=0; i<this.dif; i+=this.type )
	{
		
		var w =  (document.getElementById(idTimeLine).offsetWidth-1)/ this.nbJours;
		var mois = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
		var temp = this.val[i].split('-');
		
		var text = mois[temp[1]-1]+" "+temp[2]+", "+temp[0];
	
		// var temp = "<a href=\"#\" onclick =\"choisirJour ('"+this.val[i]+"' ); return false;\" ><div id ="+this.val[i]+" style=\" width:"+w+"px; float:left; height:"+this.height+"px; border-left:1px solid; \">"+text+"</div></a>";
		var temp = "<div id ="+this.val[i]+" style=\" width:"+w+"px; float:left; height:"+this.height+"px; border-left:1px solid; \">"+text+"</div>";
		
		this.timeLine+=temp;

	}
	
	this.timeLine+="<div id=\"slideEnd\">";
	document.getElementById("theDates").innerHTML  = this.timeLine;
	
	
}

function choisirJour ( d )
{

	// document.getElementById('zoom-handle-1').style.left =document.getElementById("theDates").offsetLeft  + document.getElementById(d).offsetLeft+"px";
	// document.getElementById('zoom-handle-2').style.left =document.getElementById("theDates").offsetLeft  + document.getElementById(d).offsetLeft +  parseFloat(document.getElementById(d).style.width) +"px";
	
	// this.controlSlider.handles[0].style.left =document.getElementById("theDates").offsetLeft  + document.getElementById(d).offsetLeft+"px";
	// this.controlSlider.handles[1].style.left =document.getElementById("theDates").offsetLeft  + document.getElementById(d).offsetLeft +  parseFloat(document.getElementById(d).style.width) +"px";
	
	// document.getElementById('zoom-track-selected').style.left = document.getElementById('zoom-handle-1').style.left;
	// document.getElementById('zoom-track-selected').style.width = document.getElementById(d).style.width;
	// this.controlSlider.spans[0].style.left = document.getElementById('zoom-handle-1').style.left;
	// this.controlSlider.spans[0].style.width = document.getElementById(d).style.width;

	// var temp = parseFloat (document.getElementById("galleryContainer").offsetLeft) - parseFloat (document.getElementById("theDates").offsetLeft )+30;
	
	// var unitePx = document.getElementById("galleryContainer").offsetWidth/(this.nbJours-1);
	// var width = parseFloat(document.getElementById(d).style.width);
	
	
	
	// var left = document.getElementById(d).offsetLeft;
	
	// var a =1 ;
	// var b = 2;

	// document.getElementById("test").innerHTML = a+"     "+left;
		
	
	// this.controlSlider.setValue (a,0 );
	// this.controlSlider.setValue ( b,1 );
	
	// this.controlSlider.setSpan( document.getElementById('zoom-track-selected'),[ x,w ] ) ;
	
	
	// this.controlSlider.drawSpans();
	
	// document.getElementById("test").innerHTML += "x :"+x+" w :"+w+"<BR />";	
	// this.controlSlider.updateFinished();


   //this.controlSlider.setSpan ( this.controlSlider.span, this.controlSlider.range );

	
	//this.controlSlider.updateStyles();
	// this.controlSlider.startDrag.bindAsEventListener(this.controlSlider);
	// this.controlSlider.endDrag.bindAsEventListener(this.controlSlider);
	// this.controlSlider.update.bindAsEventListener(this.controlSlider);
	// visibilityMarkers ( );
}



function enableSlider ()
{

var myDate = d2;
var myYear = myDate.getFullYear();
var myMonth = myDate.getMonth();
if ( myMonth == 0 ) //En js 0 = decembre
	myMonth = 12;
	
var myDay = myDate.getDate()-1;

//Pour les ecarts de la time line


for ( var i=0; i<this.dif; i++ )
{
	
	
        if(myYear<=200)
        {
                myYear += 1900;
        }
     
        
		var jours_dans_moi = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
		
        if(myYear%4 == 0 && myYear!=1900)
        {
                jours_dans_moi[1]=29;
        }
		
 
		myDay = myDay+1;
		var temp = myMonth-1;
		
	
		//Si on est au moi de janvier on passe au mois de decembre
		// if ( myMonth == 1 )
			// temp = 12;
		
			
		if ( jours_dans_moi[ temp ] < myDay )
		{	//On change d'année
			if ( myMonth == 12 )
			{
				myMonth=1;
				myYear+=1
				myDay=1;
			}				
			else
			{
				myMonth+=1;
				myDay=1;
			}	
		}
		
		var myMonthTemp = myMonth;
		var myDayTemp = myDay;
		
		if ( myMonthTemp < 10 )
			myMonthTemp = "0"+myMonth;
				
		if ( myDayTemp < 10 )
			myDayTemp = "0"+myDay;	
			
		
		
		this.val[i] =myYear+"-"+myMonthTemp+"-"+myDayTemp;
		
		//alert ( val[i] );
		
	// break;//A DEGAGER



}

// var tabRange = new Array();
// for ( var i=0; i<this.val.length; i++ )
// {
	// tabRange[i] = i;
// }	


 this.controlSlider = new Control.Slider(['zoom-handle-1','zoom-handle-2'], 'galleryContainer',
        { spans:['zoom-track-selected'], 
          // startSpan:'2009-7-02',
          // endSpan:'2009-7-02'
		   range:$R(1,this.nbJours) ,
		   sliderValue:[1.3, 9.6],
		   restricted:true,
		   onSlide:function(v)
			{
				ajaxRecuperDonnees ( v );
			},
			
			onChange:function(v)
			{
			ajaxRecuperDonnees ( v );
			}
          
		  });		  
		  
		  
		  
		  
		  
		  

  // this.controlSlider =  new Control.Slider
   // (
   
      // ['zoom-handle-1','zoom-handle-2'],'theDates',
	  // {
        // sliderValue:[0,this.val.length-1], range:$R(0,this.val.length-1),
        // values:tabRange,
        // restricted:true,
        // spans:['zoom-track-selected'], 
		// onSlide:function(v)
		// {
			// ajaxRecuperDonnees ( v );
		// },
		// onChange:function(v)
		// {
			// ajaxRecuperDonnees ( v );
		// }
       
		// }
	// );
	
	
	
	
	//DRAG 1 DROP TIMELINE
	// new Control.Slider('zoom-track-selected','tl',{
      // sliderValue:0.5
     // });

}


function ajaxRecuperDonnees ( v )
{


	var interval = v.inspect();
	
	var temp = interval.split(',');
	var temp2 = temp[0].split('[');
	var temp3 = temp[1].split(']');
	var temp4 = temp3[0].split(' ');
	
	var debut = this.val[temp2[1]];
	var fin = this.val[temp4[1]];
		
	visibilityMarkers ();
	
	// var url ='./include/ajax/ajax_chargerDonnees.php';
	
		// var ajax = new Ajax.Request(
			// url,
			// {
				// evalScripts: true, 
				// method:'post',
				// parameters: { inter:interval},
				// onComplete:ajaxRecuperDonneesCallback
			// });
					

}


 
 // function ajaxRecuperDonneesCallback (request)
 // {
 
	// eval(request.responseText);
 

 // }
 
 
 function startSlide(e)
{
	visibilityMarkers ();
	if(document.all)
		e = event;
	
	var id = this.id;
	
	//this.getElementsByTagName('DIV')[0].src = './images/' + this.id + '.gif';	
	
	if(this.id=='arrow_right')
	{
		slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = -1*slideSpeedMultiply;
		slideSpeed = Math.max(-10,slideSpeed);
	}else
	{			
		slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = 1*slideSpeedMultiply;
		slideSpeed = Math.min(10,slideSpeed);
		if(slideSpeed<0)slideSpeed=10;
	}
	
	
}

function releaseSlide()
{
	visibilityMarkers ();
	var id = this.id;
	//this.getElementsByTagName('DIV')[0].src = './images/' + this.id + '.gif';
	slideSpeed=0;
}
	
function gallerySlide()
{
	if(slideSpeed!=0){
		var leftPos = imageGalleryObj.offsetLeft;
		leftPos = leftPos/1 + slideSpeed;
		if(leftPos>maxGalleryXPos){
			leftPos = maxGalleryXPos;
			slideSpeed = 0;
			
		}
		if(leftPos<minGalleryXPos){
			leftPos = minGalleryXPos;
			slideSpeed=0;
		}
		
		imageGalleryObj.style.left = leftPos + 'px';
	}
	setTimeout('gallerySlide()',20);
	

}	

// function showImage()
// {
	// if(activeImage){
		// activeImage.style.filter = 'alpha(opacity=50)';	
		// activeImage.style.opacity = 0.5;
	// }	
	// this.style.filter = 'alpha(opacity=100)';
	// this.style.opacity = 1;	
	// activeImage = this;	
// }
	
	
	

function initSlideShow()
{
	document.getElementById('arrow_left').onmousemove = startSlide;
	document.getElementById('arrow_left').onmouseout = releaseSlide;
	document.getElementById('arrow_right').onmousemove = startSlide;
	document.getElementById('arrow_right').onmouseout = releaseSlide;


	
	imageGalleryObj = document.getElementById('theDates');
	imageGalleryLeftPos = imageGalleryObj.offsetLeft;
	imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
	maxGalleryXPos = imageGalleryObj.offsetLeft; 
	minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
	
	var slideshowImages = imageGalleryObj.getElementsByTagName('DIV');
	
	// for(var no=0;no<slideshowImages.length;no++)
	// {
		// slideshowImages[no].onmouseover = showImage;
	// }
	
	// var divs = imageGalleryObj.getElementsByTagName('DIV');
	// for(var no=0;no<divs.length;no++)
	// {
		// if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
	// }
	gallerySlide();
	imageGalleryObj.style.left = minGalleryXPos+"px";
}