window.onload = function(){
	
	if (typeof document.body.style.maxHeight === "undefined") {
		alert("Votre navigateur (Internet Explorer 6) est obsolète et risque de ne pas afficher le site correctement.\nMerci d'installer un autre navigateur tel que Firefox ou Safari, tous deux gratuits.\nVous pouvez aussi mettre à jour Internet Explorer en installant la version 7 ou ultérieure.");
		return false;
	}
	
	var div = document.getElementById('liste');
	var h = document.getElementById('contenuSpectacle').offsetHeight;
	var div2 = document.getElementById('infosSpectacle');
	var hh = document.getElementById('haut').offsetHeight;
	var hb = document.getElementById('bas').offsetHeight;
	
	div.style.height = (h-hh-hb-28) + "px";
	div2.style.height = (h-28) + "px";
	this.fleche(div);
	
	//document.getElementById('liste').scrollTop = (document.getElementById('selectedVignette').offsetTop - 239);
}

function scroll(obj, step, direction){
			
	var objet = document.getElementById(obj);
	var scrollActuel = objet.scrollTop;
	var scrollFinal;
	
	switch(direction){
		case 'up':
			scrollFinal = scrollActuel - step;
			break;
			
		case 'down':
			scrollFinal = scrollActuel + step;
			break;
	}
	
	var timer;
	var fct =        function ()
	{
		switch(direction){
			case 'up':
				scrollActuel  -=  5;			
				objet.scrollTop = scrollActuel;
				
				if( scrollActuel <= scrollFinal)
				{
						clearInterval(timer);   //Arrête le timer
				}
				break;
				
			case 'down':
				scrollActuel  +=  5;				
				objet.scrollTop = scrollActuel;
				
				if( scrollActuel >= scrollFinal)
				{
						clearInterval(timer);   //Arrête le timer
				}
				break;
		}
		
		this.fleche(objet);
	};
	fct();
	
	timer = setInterval(fct,10);    //Toute les 20 ms
	
}

function fleche(objet){	
	if(objet.scrollTop <= 0){
		if (isIE)  // for IE
		{	
			document.getElementById("flecheHaut").filters.alpha.opacity = 20;
		}
		else       // for mozilla
		{	
			if(isFF)
			{
				document.getElementById("flecheHaut").style.setProperty("opacity", 0.2, "");
			}
			else//for safari
			{
				document.getElementById("flecheHaut").style.KhtmlOpacity = 0.2;
			}
		}
		document.getElementById("flecheHaut").style.cursor = "default";
	}
	else{
		if (isIE)  // for IE
		{	
			document.getElementById("flecheHaut").filters.alpha.opacity = 100;
		}
		else       // for mozilla
		{	
			if(isFF)
			{
				document.getElementById("flecheHaut").style.setProperty("opacity", 1, "");
			}
			else//for safari
			{
				document.getElementById("flecheHaut").style.KhtmlOpacity = 1;
			}
		}
		document.getElementById("flecheHaut").style.cursor = "pointer";
	}
			
	if(objet.scrollTop >= (objet.scrollHeight - objet.offsetHeight)){
		if (isIE)  // for IE
		{	
			document.getElementById("flecheBas").filters.alpha.opacity = 20;
		}
		else       // for mozilla
		{	
			if(isFF)
			{
				document.getElementById("flecheBas").style.setProperty("opacity", 0.2, "");
			}
			else//for safari
			{
				document.getElementById("flecheBas").style.KhtmlOpacity = 0.2;
			}
		}
		document.getElementById("flecheBas").style.cursor = "default";
	}
	else{
		if (isIE)  // for IE
		{	
			document.getElementById("flecheBas").filters.alpha.opacity = 100;
		}
		else       // for mozilla
		{	
			if(isFF)
			{
				document.getElementById("flecheBas").style.setProperty("opacity", 1, "");
			}
			else//for safari
			{
				document.getElementById("flecheBas").style.KhtmlOpacity = 1;
			}
		}
		document.getElementById("flecheBas").style.cursor = "pointer";
	}
}

function decale(obj, step, direction){
			
	var objet = document.getElementById(obj);
	var decalActuel = objet.style.paddingLeft;
	var decalFinal;
	
	//alert(objet.style.paddingLeft);
	
	/*switch(direction){
		case 'left':
			decaleFinal = 0;
			break;
			
		case 'right':
			decaleFinal = step;
			break;
	}
	
	var timer;
	var fct =        function ()
	{
		switch(direction){
			case 'left':
				decalActuel  -=  2;			
				objet.style.marginLeft = scrollActuel + "px";
				
				if( decaleActuel <= decaleFinal)
				{
						clearInterval(timer);   //Arrête le timer
				}
				break;
				
			case 'right':
				decalActuel  +=  2;			
				objet.style.marginLeft = scrollActuel + "px";
				
				if( decaleActuel >= decaleFinal)
				{
						clearInterval(timer);   //Arrête le timer
				}
				break;
		}
	};
	fct();

	
	timer = setInterval(fct,10);    //Toute les 20 ms*/
}