window.addEvent('domready', function() {
	
	var list = $$('.rollmenu img');
	list.each(function(element) {
		var fx = new Fx.Styles(element,{duration:500, wait:false});
		element.addEvent('mouseover', function(){
		fx.start({
				'opacity': 1
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'opacity': 0.1
			});
		});
	});
	timer = window.setTimeout("display()",4000);
	prepareMenu();
});

function rollTo(hauteur){
	/*var deplace = new Fx.Style('elements', 'opacity', {duration:150});
	deplace.start(1,0);*/
	
	var margin2 = hauteur;
	margin2 = margin2.toInt();
	
	//timer = window.setTimeout(function(){move(margin2);},50);
	document.getElementById('elements').style.marginTop = margin2 + "px";	
}

function prepareMenu(){

	var item1 = document.getElementById('item1');
	item1.onmouseover=function(){ rollTo('0'); };
	
	var item2 = document.getElementById('item2');
	item2.onmouseover=function(){ rollTo('-330'); };
	
	var item3 = document.getElementById('item3');
	item3.onmouseover=function(){ rollTo('-658'); };
	
	var item4 = document.getElementById('item4');
	item4.onmouseover=function(){ rollTo('-987'); };
	
	var item5 = document.getElementById('item5');
	item5.onmouseover=function(){ rollTo('-1316'); };
	
	var item6 = document.getElementById('item6');
	item6.onmouseover=function(){ rollTo('-1647'); };
	
	var item7 = document.getElementById('item7');
	item7.onmouseover=function(){ rollTo('-1962'); };

}


function move(margin2){
	document.getElementById('elements').style.marginTop = margin2 + "px";
	/*var deplace = new Fx.Style('elements', 'opacity', {duration:150});
	deplace.start(0,1);*/
	/*timer = window.setTimeout("reactive()",0);*/
}


function reactive(){
	var item1 = document.getElementById('item1');
	item1.onmouseover=function(){ rollTo('0'); };
	
	var item2 = document.getElementById('item2');
	item2.onmouseover=function(){ rollTo('-327'); };
	
	var item3 = document.getElementById('item3');
	item3.onmouseover=function(){ rollTo('-654'); };
	
	var item4 = document.getElementById('item4');
	item4.onmouseover=function(){ rollTo('-981'); };
	
	var item5 = document.getElementById('item5');
	item5.onmouseover=function(){ rollTo('-1308'); };
	
	var item6 = document.getElementById('item6');
	item6.onmouseover=function(){ rollTo('-1635'); };
	
	var item7 = document.getElementById('item7');
	item7.onmouseover=function(){ rollTo('-1962'); };

}

/*
function display() {
	var hauteur = document.getElementById("actus").offsetHeight;
	hauteur = hauteur - 100;
	var margin1 = document.getElementById('actus').style.marginTop;
	margin1 = margin1.toInt();
	var margin2 = margin1 - 110 +"px";
	if (margin2=="-220px"){
		margin2 = "0px";
	}
	
	margin2 = margin2.toInt();
	var deplace = new Fx.Style('actus', 'marginTop', {duration:4000});
	deplace.start(margin1,margin2);	
	timer = window.setTimeout("display()",4000);
}*/


function display(){
	var hauteur = document.getElementById("actus").offsetHeight;
	hauteur = hauteur - (hauteur*2);
	
	var margin1 = document.getElementById('actus').style.marginTop;
	margin1 = margin1.toInt();
	
	var margin2 = (hauteur+50);
	
	if (margin1==(hauteur+50)){
		margin2 = "0px";
	}
	
	margin2 = margin2.toInt();
	var deplace = new Fx.Style('actus', 'marginTop', {duration:18000});
	deplace.start(margin1,margin2);	
	timer = window.setTimeout("display()",18000);
}