var Histoire= new function(){
var snames=["Informations","Le saviez-vous ?" ,"Remue-méninges" ,"À vous de jouer !"];
function updateSousOngletIcones(onglet){
var states=[];
var did="menu-sous-section-"+ onglet.getId();
for(var j=0; j< onglet.getNbItems(); j++){
var o= onglet.get(j);
states[o.titre]=(onglet.getIndex()== j);}
for(var j=0; j< snames.length; j++){
var li= jQuery("#"+did+" ul li:nth-child("+(j+1)+")");
var s= states[snames[j]];
jQuery(li).removeClass("selected grayed");
if(s!=false){
jQuery(li).addClass(s ?"selected" :"grayed" );}}}
function updateImage(o){
var art= jQuery(o.getNode()).find(".art").val();
var i= jQuery("#art-image");
var s= o.getCurItem();
if(art !="" && s.titre==snames["0"]){
i.hide();
i.attr("src", art);
i.after('<img id="histoire-loading" style="position: absolute; top: 130px; right: 130px;" alt="" src="/images/loading.gif" />');
i.load(function(){
jQuery(this).show();
jQuery('#histoire-loading').remove();});} else{
i.unbind().hide();}
jQuery("#art-image").ifixpng();}
function onOngletChange(){
if(this==OngletNavigateurs.getCurItem().getCurItem()){
updateSousOngletIcones(this);
updateImage(this);}}
function fixPng(){
$j('#art-top-image img, #zone-contenu, #zone-contenu .bottom, #navigation, #zone-titre img').ifixpng();}
function initOnglet(){
fixPng();}
function setUpOnglet(index, init){
var nav= OngletNavigateurs.getCurItem();
if(nav.getIndex()== index){
init();} else{
var o= nav.get(index);
if(o){
o.onCreate= init;}}}
function setUpOnglets(){
setUpOnglet(0, initOnglet);
setUpOnglet(1, initOnglet);
setUpOnglet(2, initOnglet);
setUpOnglet(3, initOnglet);
setUpOnglet(4, initOnglet);
setUpOnglet(5, initOnglet);}
this.sub= function(sub){
var nav= OngletNavigateurs.getCurItem();
var o= nav.getCurItem();
for(var j=0; j< o.getNbItems(); j++){
var so= o.get(j);
if(so.titre== snames[sub]){
o.setIndex(j);}}}

this.init= function(){
setUpOnglets();
var nav= OngletNavigateurs.getCurItem();
var nb= nav.getNbItems();
for(var i= 0; i< nb; i++){
var o= nav.get(i);
o.onChange= onOngletChange;
o.change();}}}
$j(document).ready(function(){
Histoire.init();
$j('.menu-sous-section ul li').hover(
function(){
if(!$j(this).hasClass('grayed')){
var content= $j('a', this).html();
var targetPos= $j('a', this).position();
$j('.menu-sous-section ul').append('<div class="small-tooltip" style="position: absolute; left:'+targetPos.left+'px;"><div class="left"></div><p>'+content+'</p>');}},
function(){
if(!$j(this).hasClass('grayed')){
$j('.menu-sous-section .small-tooltip').remove();}}
);
$j('#main-body').animate({
backgroundPosition:"("+bgYPos+")"
}, 800,"easeOutBack" , function(){
if($j.support.opacity){
$j('#container').css({opacity: 0, display:'block'});
var cssPos=-25;
$j('#liste-onglets li').each(function(i){
$j(this).css({'left': cssPos+"px"});
cssPos+= $j(this).width();});
$j('head').append('<style type="text/css">#menu-onglet .selected a {padding: 0 19px 12px 18px;} #menu-onglet .selected a .box {padding: 16px 31px 12px 35px;}</style>');
$j('#container').animate({opacity: 1}, 400);} else{
$j('#container').css({display:'block'});
var cssPos=-25;
$j('#liste-onglets li').each(function(i){
$j(this).css({'left': cssPos+"px"});
cssPos+= $j(this).width();});
$j('head').append('<style type="text/css">#menu-onglet .selected a {padding: 0 19px 12px 18px;} #menu-onglet .selected a .box {padding: 16px 31px 12px 30px;}</style>');}}
);});