window.addEvent('domready', function(){

//======pr le slider
    init_slider(); 

//=====effet info bulle
								 
var Tips2 = new Tips($$('.Tips2'), {
	initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function(toolTip) {
		this.fx.start(1);
	},
	onHide: function(toolTip) {
		this.fx.start(0);
	}
});

var Tips1 = new Tips($$('.Tips1'));


//======Menu====================
//==========================
   var mySlide2 = new Fx.Slide('idList',{mode: 'horizontal'});
 
	var list = $$('#idList li');
	list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
	//window.addEvent('load', function(){
		fx.start({
			'margin-left': 50,
			color: '#ff8'
		});
	//}); 
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 0,
			color: '#ff8'
		});
	});


	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 50,
			'color': '#888'
		});
	});
 
});


//====Mootools pour les groupes de persos	
try {
	//alert(window.location.href);
if (window.location.href=="http://www.teamop-thrillerbark.fr/personnages_one_piece.html")
{

var szNormal = 100, szSmall  = 100, szFull   = 155;
 
var kwicks = $$("#kwicks_container .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
	kwick.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
		kwicks.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("width").toInt();
				if(w != szSmall) o[j] = {width: [w, szSmall]};
			}
		});
		fx.start(o);
	});
});
 
$("kwicks_container").addEvent("mouseleave", function(event) {
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx.start(o);
});
}
}
catch(error){}
  });


var largeur_depart; //var globale
function init_slider(){


  largeur_page = new Fx.Style('container', 'width', {duration:500});

  largeur_depart = parseInt($('container').getStyle('width'));

  if(Cookie.get("largeur"))
    ancienne_largeur = Cookie.get("largeur")
  else
    ancienne_largeur = 0; //sinon on init a 0
  
  var fx = new Fx.Style($('slider'), 'left', {duration: 300, wait: false});


  var mySlide2 = new Slider($('bg_slider'), $('slider'), {
  	onChange: function(pos){
  	   $('slider').setHTML(pos); //on affiche la position du slider
  	},
  	onTick: function(pos){
  	     fx.custom(pos); //au click
  	},
  	onComplete :function(pos){
  	     change_largeur(pos); //a la fin du deplacement
  	},
  	steps: 5 
  }).set(parseInt(ancienne_largeur)); 
  
}


function change_largeur(pos) {

    var largeur_page_actuelle = parseInt($('container').getStyle('width'));
    largeur_page.start(largeur_page_actuelle, largeur_depart + parseInt(pos * 100));
    Cookie.set("largeur", pos, {duration: 15}); 
	     
}		
	     
var baseopacity=50;

function slowhigh(which2){
		imgobj=which2
		browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
		instantset(baseopacity)
		if (browserdetect=="mozilla")
		highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
		cleartimer()
		instantset(baseopacity)
}

function instantset(degree){
		if (browserdetect=="mozilla")
		imgobj.style.MozOpacity=degree/100
		else if (browserdetect=="ie")
		imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
		if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
		if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
		cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
		else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
		cur2.filters.alpha.opacity+=10
		else if (window.highlighting)
		clearInterval(highlighting)
}