var actualBackgroundMenu = 0;
var backgroundFolder = "/francishau/v6/background/";

function changeBgPicture(source){
	window.location.hash = source;
	$('zebackgrd0').writeAttribute("src", backgroundFolder+window.location.hash.substr(1) );
	$('box1').select('a').each(function(s) {
		  s.removeClassName('BGici');
	});
	
	
	$('box1').select('[rel="'+source+'"]')[0].addClassName('BGici');
}

Event.observe( window, 'load', function() 
	{
		$('box1').descendants().each(function(n){
			n.update('<img src="'+backgroundFolder+n.readAttribute('rel')+'" />');
			n.writeAttribute('onclick', 'changeBgPicture(\''+n.readAttribute('rel')+'\');');
			n.writeAttribute('class', 'possibleBG');
			n.writeAttribute('href', 'javascript:void(0);');
		});
		
		if(window.location.hash != ''){
			if(window.location.hash.substr(1,1) == '_' ){
				$('zebackgrd0').writeAttribute("src", window.location.hash.substr(2) );
			}else{
				$('zebackgrd0').writeAttribute("src", backgroundFolder+window.location.hash.substr(1) );
			}
		}
		

			
			
			
		$('petitBouton').observe('click', function() 
			{	
				if (actualBackgroundMenu == 1 ){
 					new Effect.Morph('petitBouton', {
  						style: 'bottom:2px;',
						duration: 0.4,
						transition: Effect.Transitions.sinoidal
					});
					
					new Effect.Morph('background_design', {
  						style: 'height:2px;',
						duration: 0.4,
						transition: Effect.Transitions.sinoidal
					});
					actualBackgroundMenu = 0; 
				}else{
					
 					new Effect.Morph('petitBouton', {
  						style: 'bottom:122px;',
						duration: 0.4,
						transition: Effect.Transitions.sinoidal
					});
					
					new Effect.Morph('background_design', {
  						style: 'height:122px;',
						duration: 0.4,
						transition: Effect.Transitions.sinoidal
					});
					actualBackgroundMenu = 1;
				}
			}  
			 
		);
		
	}
);