Event.observe(window, "load", init);
function init(e)
{
	$$("#controls_banniere ul li a").each(function(a)
	{
		Event.observe(a, "click", clickHandler);
	});
}

function clickHandler(e)
{
	if(e.target.rel!=current_index)
		display(e.target.rel);
	$$("#controls_banniere ul li a").each(function(a)
	{
		a.removeClassName("current");
	});
	e.target.addClassName("current");
	Event.stop(e);
}

function tickHandler(e)
{
	
}

function display(pId)
{
	M4Tween.create("alt_"+current_index, .4, {"opacity":0});
	$("container_alt").appendChild(createItem(pId));
	M4Tween.create("alt_"+pId, .4, {"opacity":1},function(){$("container_alt").removeChild($("alt_"+current_index));current_index = pId;});
}

function createItem(pId)
{
	var d = document.createElement("div");
	d.setAttribute("id", "alt_"+pId);
	//d.setAttribute("class", "alt");
    $(d).addClassName("alt");
	var p  = document.createElement("p");
	var t = document.createElement("span");
	//t.setAttribute("class", "titre");
    $(t).addClassName("titre");
	t.appendChild(document.createTextNode(items[pId].titre));
	p.appendChild(t);
	var o = document.createElement("span");
	p.appendChild(o);
	o.innerHTML = items[pId].accroche;
	d.appendChild(p);
	var a = document.createElement("a");
	a.setAttribute("href", items[pId].lien);
	a.appendChild(document.createTextNode(libelle_button));
	//a.setAttribute("class", "more");
    $(a).addClassName("more");
	d.appendChild(a);
	var img = document.createElement("img");
	img.setAttribute("src",items[pId].image);
	d.appendChild(img);
	return d;
}