var hauteuranim = 120;
var savhauteur = 0;
var largeur_colonne_droite = 0;
var decalage = 0;

if(navigator.appName == "Microsoft Internet Explorer")
	{
	if(document.documentElement.clientWidth > 0)
		{
		var hauteurfenetre = document.documentElement.clientHeight;
		var largeurfenetre = 1024;
		}
		else {
			var hauteurfenetre = document.body.clientHeight;
			var largeurfenetre = 1024;
			}
		}
		else {
			//hauteur = window.pageYOffset;
			var hauteurfenetre = window.innerHeight;
			var largeurfenetre = 1024;
			}

onscroll = function()
	{
	deplace();
	}

window.onresize = function()
	{
	deplace();
	}

function deplace()
	{
	if(document.getElementById("bandeau").style.visibility == "hidden") document.getElementById("bandeau").style.visibility = "visible";
	if(document.getElementById("bandeaugauche").style.visibility == "hidden") document.getElementById("bandeaugauche").style.visibility = "visible";

	if(navigator.appName == "Microsoft Internet Explorer")
		{
		if(document.documentElement.clientWidth > 0)
			{
			hauteur = document.documentElement.scrollTop;
			hauteurfenetre = document.documentElement.clientHeight;
			largeurfenetre = 1024;
			}
		else {
			hauteur = document.body.scrollTop;
			hauteurfenetre = document.body.clientHeight;
			largeurfenetre = 1024;
			}
		}
		else {
			hauteur = window.pageYOffset;
			hauteurfenetre = window.innerHeight;
			largeurfenetre = 1024;
			}
	if(savhauteur < hauteur) monte = 1;
	else  monte = 0;
	savhauteur = hauteur;
	
	hauteurbandeau = parseInt(document.getElementById('bandeau').style.top);
	
	h_bandeau = document.getElementById("bandeau").offsetHeight + document.getElementById("bandeaugauche").offsetHeight;
	
	if(hauteurfenetre > h_bandeau)
		{
		if(hauteur > hauteuranim) hauteurbandeau = hauteur;
		else hauteurbandeau = hauteuranim;
		}
		else {
			 dif = h_bandeau - hauteurfenetre;
			 if(hauteur > dif+hauteuranim)
			 	{
				if(monte == 1) hauteurbandeau = (hauteur - dif);
				else {
					if(hauteurbandeau > hauteur)
						{
						hauteurbandeau = hauteur;
						}
					}
				}
				else if(monte == 0 && hauteurbandeau > hauteur) 
				{
				hauteurbandeau = hauteur;
				}
			}
	
	if(hauteurbandeau < hauteuranim) hauteurbandeau = hauteuranim;
	
	document.getElementById('bandeau').style.top = hauteurbandeau+'px';
	document.getElementById('bandeaugauche').style.top = (document.getElementById("bandeau").offsetHeight + hauteurbandeau)+'px';
	
	document.getElementById('div_central').style.width = (1024 - document.getElementById("bandeaugauche").offsetWidth)+'px';
	
	decalage = document.getElementById("bandeaugauche").offsetWidth;
	document.getElementById('div_central').style.left = (decalage+20)+'px';
	}


function createXHR()
{
var request = false;
try {
    request = new ActiveXObject('Msxml2.XMLHTTP');
    }
catch (err2)
	{
    try {
        request = new ActiveXObject('Microsoft.XMLHTTP');
        }
     catch (err3)
	 	{
		try {
			request = new XMLHttpRequest();
			}
		catch (err1)
			{
			request = false;
			}
        }
    }
return request;
}

function preloading(url)
{
var xhr=createXHR();
xhr.onreadystatechange=function()
	{
	if(xhr.readyState == 4)
		{
		var content = xhr.responseText;
		var i = new Image();
		i.src = content;
		}
	};
xhr.open("GET", url , true);
xhr.send(null);
}

function charge_image() {
	//for(i = 1; i < 7; i++) preloading('images_interface/vignette_'+i+'bis.jpg');
	//preloading('images_interface/tuffe_clair.gif');
	preloading('images_interface/menu_gauche_fonce.jpg');
	//preloading('images_interface/fond_marbre.jpg');
	}

function coucouyop()
	{
	window.location.reload();
	}


var op_plus = 1;
var mult = 0;
var vitesse = 25;
var accel = 0.25;
var nav = "";
var tempo_scroll = "";
var reprise_tempo_scroll = 0;
var op_moins = 0.0;

if(navigator.appName == "Microsoft Internet Explorer") nav = "win";

function affiche_type_elements(type_element)
{
//alert(type_element);
//alert(document.getElementById(type_element)[0]);
//alert('il y a '+document.images.length+' images');
}

function lance_transparence(id_image, affichage)
{
window['dynam'+id_image] = new transparence(id_image, affichage);
}

function transparence(id_image, affichage)
{

/*
if(document.getElementById(id_image).className && document.getElementById(id_image).className.indexOf("ghost x") >= 0)
	{
	position1 = document.getElementById(id_image).className.indexOf("ghost x");
	position1 += 7;
	op_moins = (document.getElementById(id_image).className.substring(position1, position1+2)/100);
	}
	else op_moins = 0.1;
//alert(op_moins);
*/
//op_moins = 0.1;
clearTimeout(window['timer'+id_image]);
//clearTimeout(tempo_scroll);
if(nav == "win")
	{
	val_opacite = document.getElementById(id_image).style.filter;
	if(!val_opacite ) val_opacite = op_plus;
	else {
		position1 = val_opacite.indexOf("=");
		position1++;
		position2 = val_opacite.indexOf(")");
		val_opacite = (val_opacite.substring(position1, position2)/100);
		}
	}
	else {
		val_opacite = document.getElementById(id_image).style.opacity;
		val_opacite = val_opacite.substring(0,4);
		}

val_opacite = parseFloat(val_opacite);
monte_stop = 1;
descent_stop = 1;

if(mult>0) mult = val_opacite/10;
else mult = 0.1;
//if(val_opacite > 3) 
mult = mult * accel;
if(mult < 0.01) mult = 0.01;

if(affichage == "affiche") val_opacite=val_opacite+mult;

if(affichage == "desaffiche") val_opacite-=mult;

if(val_opacite < op_moins)
	{
	val_opacite = op_moins;
	descent_stop = 0;
	}

if(val_opacite > op_plus)
	{
	val_opacite = op_plus;
	monte_stop = 0;
	}

if(nav == "win") document.getElementById(id_image).style.filter="alpha(opacity=" + 100 * val_opacite +")";
else document.getElementById(id_image).style.opacity=val_opacite;

if(monte_stop == 1 && affichage == 'affiche') window['timer'+id_image] = setTimeout("transparence('"+id_image+"','"+affichage+"')",vitesse);
if(descent_stop == 1 && affichage == 'desaffiche') window['timer'+id_image] = setTimeout("transparence('"+id_image+"','"+affichage+"')",vitesse);
/*
else {	
	if(reprise_tempo_scroll == 1) ejs_scroll_action();
	else ejs_scroll_start();
	}
*/
}


var souriex = 0;
var souriey = 0;
var hauteur = 0;
var largeur = 0;
/*
document.onmousemove = function (event)
{alert('jjjjjjjjjj');
event = event || window.event;
souriex = (navigator.appName.substring(0,3) == "Net") ? event.pageX : window.event.clientX;
souriey = (navigator.appName.substring(0,3) == "Net") ? event.pageY : window.event.clientY;

hauteur = (navigator.appName == "Microsoft Internet Explorer")? document.body.clientHeight : window.innerHeight;
largeur = (navigator.appName == "Microsoft Internet Explorer")? document.body.clientWidth : window.innerWidth;

//window.document.getElementById("uyop").value = 'hauteur : '+y+'   largeur : '+x;

x = (navigator.appName.substring(0,3) == "Net") ? event.pageX : window.event.clientX;
y = (navigator.appName.substring(0,3) == "Net") ? event.pageY : window.event.clientY;

}
var x;
var y;

document.onmousemove = function (event)
	{
	event = event || window.event;
	souriex = x = (navigator.appName.substring(0,3) == "Net") ? event.pageX : event.clientX+document.body.scrollLeft;//event.x+document.body.scrollLeft donne la position dans le conteneur (dans le div)
	souriey = y = (navigator.appName.substring(0,3) == "Net") ? event.pageY : event.clientY+document.body.scrollTop;//event.y+document.body.scrollTop donne la position dans le conteneur (dans le div)
	hauteur = (navigator.appName == "Microsoft Internet Explorer")? document.body.clientHeight : window.innerHeight;
	//document.getElementById('pose').value = y;
	
	if(lafenetre)
		{		
		if((y-dify) > 0 && (y-dify) < hauteur) document.getElementById(lafenetre).style.top = (y-dify)+'px';
		document.getElementById(lafenetre).style.left = (x-difx)+'px';
		//if(navigator.appName != 'Netscape') document.getElementById(lafenetre).focus();
		}
	}

*/
var affiche_menu = "111";

function appel_desaffiche(lid)
{
if(lid == "cat_peinture") affiche_menu[0] = "0";
//document.getElementById(cat_peinture).innerHTML = 'Peintures<ul><li>Par thème</li><li>Par années</li></ul>';
//affiche(dependent, lid);
}


function cathegorie(dependent, lid)
{
//document.getElementById(cat_peinture).innerHTML = 'Peintures<ul><li>Par thème</li><li>Par années</li></ul>';
affiche(dependent, lid);
}


function affiche(dependent, lid)
	{
	////desaffiche_fenetre();
	//else alert('ya pas');
	//permet l'affichage ou non des calques secondaires et le positionnement par rapport à la sourie
	if(document.getElementById(dependent).style.visibility == "hidden") document.getElementById(dependent).style.visibility = "visible";
	
	obj = document.getElementById(lid);
	
	a_gauche = 0;
	du_haut = 0;
	
	do {
		a_gauche += obj.offsetLeft;
		du_haut += obj.offsetTop;
	} while (obj = obj.offsetParent)
	
	//alert("de la gauche : "+a_gauche+"    du haut : "+du_haut);
	//alert("x : "+souriex+"         y : "+souriey);
	
	if(dependent == "menu")
		{
		menu = '<ul>\n<li id="theme" onmousemove="cathegorie(\'sous_menu\',this.id)" title="Par thème">Présentation thèmatique</li>\n<li id="annees" onmousemove="cathegorie(\'sous_menu\',this.id)" title="Par années">Présentation chronologique</li>\n</ul>';
		decallage_gauche = 20;
		decallage_haut = 20;
		}
		else {
			decallage_gauche = document.getElementById(lid).offsetWidth;
			decallage_haut = 0;
			if(lid == "theme") menu = '<ul>\n<li>Thème 1</li>\n<li>Thème 2</li>\n<li>Thème 3</li>\n<li>Thème 4</li>\n<li>Thème 5</li>\n</ul>';
			else if(lid == "annees") menu = '<ul>\n<li>Années 1111111111111111</li>\n<li>Années 2</li>\n<li>Années 3</li>\n<li>Années 4</li>\n<li>Années 5</li>\n<li>Années 6</li>\n<li>Années 7</li>\n</ul>';
			}
	
	//menu = '<ul>\n<li id="theme" onmousemove="cathegorie(\'sous_menu\',this.id)" title="Par thème">Par thème</li>\n<li id="annees" onmousemove="cathegorie(\'sous_menu\',this.id)" title="Par années">Par années</li>\n</ul>';
	window.document.getElementById(dependent).innerHTML = menu;
	document.getElementById(dependent).style.top = (du_haut+decallage_haut)+"px";
	document.getElementById(dependent).style.left = (a_gauche+decallage_gauche)+"px";
	
	}

function desaffiche_fenetre()
	{
	//document.getElementById("inf_image").style.visibility = "hidden";
	document.getElementById("menu").style.visibility = "hidden";
	document.getElementById("sous_menu").style.visibility = "hidden";
	//document.getElementById("sous_menu_fichier").style.visibility = "hidden";
	//document.getElementById("renom_dossier_fichier").style.visibility = "hidden";
	//document.getElementById("nouveau_dossier").style.visibility = "hidden";
	//document.getElementById("tele1").style.visibility = "hidden";
	//document.getElementById("tele2").style.visibility = "hidden";
	}