addEventClick = function( el, fn )
{
	if( typeof el.addEventListener == 'function' ){
		el.addEventListener('click', fn, false);
	} 
	else if( typeof el.attachEvent == 'function' ){
		el.attachEvent('click', fn);
	}
	else{
		el.onclick = fn;
	}	
}

getElementsByClassName = function( tagName , className )
{
	var elements = Array();
	var tags = document.getElementsByTagName(tagName);
	var nbTags = tags.length;
	var nbElements = 0;
	for( i=0; i < nbTags; i++)
	{
		if( tags.item(i).className == className ){
			elements[nbElements] = tags.item(i);
			++nbElements;
		}
	}
	return elements;
}

init = function( data, day )
{
	var json = eval('('+data+')')
	
	addEventClick( document.getElementById('menu_0'), function(){
		loadPhototheque(json,0);
	})
	
	addEventClick( document.getElementById('menu_1'), function(){
		loadPhototheque(json,1);
	})
	
	addEventClick( document.getElementById('menu_2'), function(){
		loadPhototheque(json,2);
	})
	
	addEventClick( document.getElementById('menu_3'), function(){
		loadPhototheque(json,3);
	})
	
	addEventClick( document.getElementById('menu_4'), function(){
		loadPhototheque(json,4);
	})
	
	addEventClick( document.getElementById('menu_5'), function(){
		loadPhototheque(json,5);
	})
	
	addEventClick( document.getElementById('menu_6'), function(){
		loadPhototheque(json,6);
	})
	
	addEventClick( document.getElementById('menu_7'), function(){
		loadPhototheque(json,7);
	})
	
	loadPhototheque(json,day);
}

selectMenu = function( day )
{
	var nbDays = document.getElementById('menu').childNodes.length;
	
	var inc;
	var node;
	var buffer;
	var buffer2;
	var etat;
	var extension;
	for( inc=0; inc < nbDays; inc++ )
	{
		node = document.getElementById('menu').childNodes[inc];
		if( node.nodeName == 'IMG' )
		{
			buffer = node.src.split('_');
			buffer2 = buffer[1].split('.');
			url = buffer[0];
			etat = buffer2[0];
			extension = buffer2[1];
			if( etat == 'on' && 'menu_'+day != node.id ){
				document.getElementById(node.id).src = url+'_off.'+extension;
			}
			else if( etat == 'off' && 'menu_'+day == node.id ){
				document.getElementById(node.id).src = url+'_on.'+extension;
			}
		}
	}
	
}

loadPhototheque = function( json, day )
{
	document.getElementById('mini_pictures').innerHTML = '';
	document.getElementById('picture_content').innerHTML = '';
	if( typeof json.images[day] == 'object' )
	{
		var nbPictures = json.images[day].length;
		if( nbPictures > 0 )
		{
			var inc;
			for( inc=0; inc < nbPictures; inc++){
				var img = document.createElement('img');
				var name = json.images[day][inc].name;
				var legende = json.images[day][inc].legende;
				img.setAttribute('src',name);
				img.setAttribute('title',legende);
				addEventClick( img, function(){
					document.getElementById('picture').setAttribute('src',this.src);
					document.getElementById('legende').innerHTML = this.title;
					var elements = getElementsByClassName('img','over');
					if( elements.length > 0 ) elements[0].className = '';
					this.className = 'over';
				});
				document.getElementById('mini_pictures').appendChild(img);
			}
			var img = document.createElement('img');
			img.setAttribute('id','picture');
			img.setAttribute('src',json.images[day][0].name);
			document.getElementById('picture_content').appendChild(img);
			
			document.getElementById('legende').innerHTML = json.images[day][0].legende;
		}
		else{
			var img = document.createElement('img');
			img.setAttribute('id','picture');
			img.setAttribute('src','images/blank.png');
			document.getElementById('picture_content').appendChild(img);
			
			document.getElementById('legende').innerHTML = 'Aucune description';
		}
		selectMenu(day);
	}
}