function creerLiensNav()
{
	var liens = document.getElementsByTagName('a');
	var nombreLiens = liens.length;
	
	for ( var i = 0; i < nombreLiens; i++ )
	{
		liens[i].onclick = function ()
		{
			var bloc = this.href.split('#');
			if ( bloc.length > 1 )
			{
				bloc = document.getElementById(bloc[(bloc.length-1)]);
				if ( bloc.className == 'collapsed' )
				{
					switchBloc(bloc);
				}
				window.scrollTo(0,(position(bloc)-40));
				return false;
			}
		}
	}
}

function position(bloc)
{
	var position = 0;
	if ( bloc.offsetParent )
	{
		while ( bloc.offsetParent )
		{
			position += bloc.offsetTop;
			bloc = bloc.offsetParent;
		}
	}
	else if( bloc.y )
	{
		position += bloc.y;
	}
	return position;
}

function creerLiensBlocs()
{
	var divs = document.getElementsByTagName('div');
	var nombreDivs = divs.length;
	var blocs = new Array();
	
	for ( var i = 0; i < nombreDivs; i++ )
	{
		if ( divs[i].parentNode == document.body && divs[i].id != 'logo' && divs[i].id != '' )
		{
			blocs.push(divs[i]);
		}
	}
	
	var nombreBlocs = blocs.length;
	
	for ( var i = 0; i < nombreBlocs; i++ )
	{
		var hauteurTitre = blocs[i].getElementsByTagName('h2')[0].offsetHeight;
		
		blocs[i].style.height = hauteurTitre + 'px';
		blocs[i].setAttribute('class','collapsed');
		blocs[i].setAttribute('className','collapsed');
		
		var a = document.createElement('a');
		a.setAttribute('title','Expand this section');
		a.setAttribute('class','expand');
		a.setAttribute('className','expand');
		a.style.height = (hauteurTitre + 40)+'px';
		a.onclick = function () { switchBloc(this.parentNode); return false; };
		var aTexte = document.createTextNode('+');
		a.appendChild(aTexte);
		blocs[i].appendChild(a);
	}
}

function switchBloc(bloc)
{
	var liens = bloc.getElementsByTagName('a');
	var nombreLiens = liens.length;
	
	for ( var i = 0; i < nombreLiens; i++ )
	{
		if ( liens[i].className == 'expand' )
		{
			lien = liens[i];
		}
	}
	
	if ( bloc.className == 'collapsed' )
	{
		bloc.style.height = 'auto';
		bloc.setAttribute('class','expanded');
		bloc.setAttribute('className','expanded');
		lien.childNodes[0].nodeValue = '–';
		lien.setAttribute('title','Collapse this section');
	}
	else
	{
		bloc.style.height = bloc.getElementsByTagName('h2')[0].offsetHeight + 'px';
		bloc.setAttribute('class','collapsed');
		bloc.setAttribute('className','collapsed');
		lien.childNodes[0].nodeValue = '+';
		lien.setAttribute('title','Expand this section');
	}
}


function creerLiensGalerie()
{
	var liens = document.getElementById('watch').getElementsByTagName('ul')[0].getElementsByTagName('a');
	var nombreLiens = liens.length;
	
	for ( var i = 0; i < nombreLiens; i++ )
	{
		liens[i].onclick = function ()
		{
			var alt = this.getElementsByTagName('img')[0].alt;
			voirImage(this,this.href,alt);
			return false;
		}
	}
}

function voirImage(lien,url,alt)
{
	var image = new Image;
	image.src = url;
	image.alt = alt;
	
	var galerie = document.getElementById('watch');
	
				
	if ( document.getElementById('image') )
	{
		var ancienUrl = document.getElementById('image').getElementsByTagName('img')[0].src;
		
		if ( url == ancienUrl )
		{
			galerie.removeChild(document.getElementById('image'));
		}
	}
	
	if ( url != ancienUrl )
	{
		lien.setAttribute('class','loading');
		lien.setAttribute('className','loading');
		
		image.onload = function ()
		{
			if ( document.getElementById('image') )
			{
				galerie.removeChild(document.getElementById('image'));
			}
			
			var divImage = document.createElement('div');
			divImage.setAttribute('id','image');
			
			image.width = image.width;
			image.height = image.height;
			
			divImage.appendChild(image);
			
			galerie.appendChild(divImage);
			
			lien.setAttribute('class','');
			lien.setAttribute('className','');
		};
	}
}


if ( document.createElement && document.getElementById && document.removeChild )
{
	window.onload = function ()
	{
		var divs = document.getElementsByTagName('div');
		var nombreDivs = divs.length;
		var ie = false;
		
		for ( var i = 0; i < nombreDivs; i++ )
		{
			if ( divs[i].id == 'ie' )
			{
				ie = true;
			}
		}
		
		if ( ie == false )
		{
			creerLiensNav();
			creerLiensBlocs();
			creerLiensGalerie();
			voirImage(document.getElementById('watch').getElementsByTagName('ul')[0].getElementsByTagName('a')[0],document.getElementById('watch').getElementsByTagName('ul')[0].getElementsByTagName('a')[0].href,document.getElementById('watch').getElementsByTagName('ul')[0].getElementsByTagName('img')[0].alt);
		}
	}
}