jQuery(function( $ )			
	{
		// au chargement de la page
		$.scrollTo('#middle',2000,
					   	{
						axis:'yx',
						offset:{left: 800+((1600-$(window).width())/2),top:((1135-$(window).height())/2)}
						});
		
});

// positionnement ecran		
/*
$('#link1').click(function(){	
	$.scrollTo('#down',2000,
				   {
				   axis:'xy',
				   offset:{
					   	  left: 800+((1600-$(window).width())/2),top:((1135-$(window).height())/2)
						  }
				   }
			  );

});
*/

// tab / onglet / upleft

// au chargement de la page
var tabContainers2 = $('div.upleft_tab > div');
tabContainers2.hide();
$('div#upleft_accueil').show();

		
// au clic sur un lien
$('.upleft_bouton_tab').click(function(){
	
	// div display
	tabContainers2.hide(); // on cache tout ça : $('div.tabs > div')
	tabContainers2.filter(this.hash).show(); // et on affiche juste le #id du lien (a href="#id")
	
	/*$('div#upleft_accueil').hide();
	$('div#up_mixes').hide();
	$('div#up_chillnature').hide();
	$('div#up_bombetactique').hide();
	$(this.hash).show();*/
	
	// link select
	//$('div.nav_upleft_tab a.upleft_bouton_tab').removeClass('selected');
	//$(this).addClass('selected');
	
	return false;
});


		
// tab / onglet / middle
	
// fonction pour clic sur animation flash
function slideanim(){
		$('#bouton_logo').attr("src","/images/middle/logo_vert.png");
	
	// par default
	$('#body_middle').removeClass('middle_default_black');
	$('#body_middle').addClass('middle_default_white');
	
	$('div.tabs > div').fadeOut("slow"); // on les cache toutes hide();
	$('#middle_logo').show(); // on affiche celle que l'on souhaite show();
	
}

// au chargement de la page
var tabContainers = $('div.tabs > div');
	tabContainers.hide();
	$('div#middle_accueil').show();
	
// au clic sur un lien
$('.bouton_tab').click(function(){
	
	// div display
	tabContainers.hide(); // on cache tout ça : $('div.tabs > div') => hide()
	tabContainers.filter(this.hash).fadeIn("normal"); // et on affiche juste le #id du lien (a href="#id")
	
	if(this.hash == "#up_right"
	|| this.hash == "#up_left"
	|| this.hash == "#down"){
		$('#middle_default_black').show();
		
	}
	
	// changement de background via la class sur #body_middle
	if(this.hash == "#up_right"
	|| this.hash == "#up_left"
	|| this.hash == "#down"){
		
		$('#body_middle').addClass('middle_default_black');
		$('#body_middle').removeClass('middle_default_white');
		
		
	} else {
		
		// par default
		$('#body_middle').addClass('middle_default_white');
		$('#body_middle').removeClass('middle_default_black');
		
	}
	
	// #middle_graphisme
	
	// link select
	//$('div.nav_middle_tab a.bouton_tab').removeClass('selected');
	//$(this).addClass('selected');
	
	return false;
});


// tab / onglet / upright

// au chargement de la page
var tabContainers3 = $('div.upright_tab > div');
	tabContainers3.hide();
	$('div#upright_accueil').show();

// au clic sur un lien
$('.upright_bouton_tab').click(function(){
	
	// div display
	tabContainers3.hide(); // on cache tout ça : $('div.tabs > div')
	tabContainers3.filter(this.hash).show(); // et on affiche juste le #id du lien (a href="#id")
	
	// link select
	//$('div.nav_upright_tab a.upright_bouton_tab').removeClass('selected');
	//$(this).addClass('selected');
	function fermer() {window.close();} 
	
	return false;
});


//
//
// Rollover du site : middle
//
//
function reset_bouton_roll(){
	// remet chaque bouton en blanc
	$('.bouton_roll img').each(function(){
			 $(this).attr("src","/images/middle/"+  $(this).attr("rel") +"_blanc.png");
	});
}

// clic !
$('.bouton_roll img').click(function(){
	
	// remet chaque bouton en blanc
	reset_bouton_roll();
	// indique le bouton qui doit rester vert
	enablebouton = $(this).attr("rel");
		
});



// effet hover
$('.bouton_roll img').mouseover(function(){
	
	var namebouton = $(this).attr("rel");
	$(this).attr("src","/images/middle/"+namebouton+"_vert.png");
	
});


// effet rollout
$('.bouton_roll img').mouseout(function(){
	
	var namebouton = $(this).attr("rel");
	
	if(typeof enablebouton != "undefined"){
		// dernier bouton cliqué
		if(enablebouton == namebouton){
			$(this).attr("src","/images/middle/"+namebouton+"_vert.png");
		} else {
		// bouton inactif
			$(this).attr("src","/images/middle/"+namebouton+"_blanc.png");
		}
	} else {
		// bouton inactif
		$(this).attr("src","/images/middle/"+namebouton+"_blanc.png");
	}
   
});


//
//
// Rollover du site : upleft
//
//
function reset_bouton_roll_upleft(){
	// remet chaque bouton en blanc
	$('.bouton_roll_upleft img').each(function(){
			 $(this).attr("src","/images/up_left/"+  $(this).attr("rel") +"_blanc.png");
	});
}

// clic !
$('.bouton_roll_upleft img').click(function(){
	
	// remet chaque bouton en blanc
	reset_bouton_roll_upleft();
	// indique le bouton qui doit rester vert
	enablebouton = $(this).attr("rel");
		
});



// effet hover
$('.bouton_roll_upleft img').mouseover(function(){
	
	var namebouton = $(this).attr("rel");
	$(this).attr("src","/images/up_left/"+namebouton+"_vert.png");
	
});


// effet rollout
$('.bouton_roll_upleft img').mouseout(function(){
	
	var namebouton = $(this).attr("rel");
	
	if(typeof enablebouton != "undefined"){
		// dernier bouton cliqué
		if(enablebouton == namebouton){
			$(this).attr("src","/images/up_left/"+namebouton+"_vert.png");
		} else {
		// bouton inactif
			$(this).attr("src","/images/up_left/"+namebouton+"_blanc.png");
		}
	} else {
		// bouton inactif
		$(this).attr("src","/images/up_left/"+namebouton+"_blanc.png");
	}
   
});



//
//
// Rollover du site : navigation
//
//

// effet hover
$('.bouton_roll_nav img').mouseover(function(){
	
	var namebouton = $(this).attr("rel");
	$(this).attr("src","/images/navigation/"+namebouton+"_vert.png");
	
});
// effet rollout
$('.bouton_roll_nav img').mouseout(function(){
	
	var namebouton = $(this).attr("rel");
	
	if(typeof enablebouton != "undefined"){
		// dernier bouton cliqué
		if(enablebouton == namebouton){
			$(this).attr("src","/images/navigation/"+namebouton+"_vert.png");
		} else {
		// bouton inactif
			$(this).attr("src","/images/navigation/"+namebouton+"_blanc.png");
		}
	} else {
		// bouton inactif
		$(this).attr("src","/images/navigation/"+namebouton+"_blanc.png");
	}
   
});