// JavaScript Document

$(document).ready(function(){
	survolMozaique();					   
	animTitreParties();
        
	menuSelection();
        selectOnglet('Present');


});


/*$(window).resize(function(){
   var positionSplash=$("#splashMegaBlock").offset();
    var posYsplash=Math.ceil(positionSplash.left*0.80);
   //alert("position:"+posYsplash);
   //$("#splashMegaBlock").css({'top':posYsplash+'px'}); 
});*/



$('#tuyauTitre>a').live('mouseover',function(){
    
    $('#tuyauTitre>a>span').css({'left':'100px','opacity':'0'})
                                      .stop().animate({'left':'170px','opacity':'1'},100);
});

$('#tuyauTitre>a').live('mouseout',function(){
    $('#tuyauTitre>a>span').css({'left':'170px','opacity':'1'})
                                      .stop().animate({'left':'100px','opacity':'0'},100);
    
    
});


//----------------------------------------------------------------------------AGENDA
var hauteurBlock='';
var hauteurBlockRec;
$("#agendaLien").live('click',function(){ 
    if($("#agendaBlock").css('display')=='block'){
    return false;
    
    }else{
        
        hauteurBlock=$("#agendaBlock").height();
        if(hauteurBlockRec!=null){
              hauteurBlock=hauteurBlockRec;
       }
   $("#agendaBlock").css('display','block');
   $("#agendaBlock").css({'height':'0px'})
                     .animate({'height':hauteurBlock+'px'},500);
   $("#fermAgenda").css({'display':'block'});
    
    }  
}); 

$("#fermAgenda").bind('mouseover',function(){
    $(this).animate({'padding-bottom':'12px','top':'178px'},100);
});
$("#fermAgenda").bind('mouseout',function(){
    $(this).animate({'padding-bottom':'5px','top':'185px'},100);
});


$("#fermAgenda").bind('click',function(){
    hauteurBlockRec=$("#agendaBlock").height();
   $('#agendaBlock').animate({'height':'0px'},500,function() {
    $("#agendaBlock").css('display','none');
    $("#fermAgenda").css({'display':'none'});
  });
   
});






    
//----------------------------------------------------------------------------MINI MENU
 $('#contact').bind('click',function(){ 
    $('#liensBox').css({'display':'none'});
    $('#contactBox').css({'display':'block'});
    hauteurFen=$('#contactBox').height();
   $('#contactBox>div.fermetureMiniMenu').css({'height':hauteurFen+'px'});
});

var detectSouris="";
$('#contactBox>div.overBox').bind('mouseover',function(){
    detectSouris=true;
});
$('#contactBox>div.overBox').bind('mouseout',function(){
    detectSouris=false;
});



$('#contactBox').bind('click',function(){
    if(detectSouris==false){
    $('#contactBox').css({'display':'none'});
    }
});
 
 
 
 
 
 
$('#liens').bind('click',function(){
    $('#contactBox').css({'display':'none'});
    $('#liensBox').css({'display':'block'});
});




 var detectSourisLiens="";
 $('#liensBox>div.overBox').bind('mouseover',function(){
    detectSourisLiens=true;
});
$('#liensBox>div.overBox').bind('mouseout',function(){
    detectSourisLiens=false;
});
  

$('#liensBox').bind('click',function(){
    if(detectSourisLiens==false){
    $('#liensBox').css({'display':'none'});
    }
});



 //----------------------------------------------------------------------------FIN MINI MENU
 
 
 
 
 
 
 
 
 
function retourAccueil() {
	$("#boulesTuyau").css('display','none');
	$("#LettrinesTuyau").css('display','none');
    $("#accueilBigSplash").css('display','block');
	$("#menuAccueil").css('display','block');
}









function ouverturePresentation(){
	$("#presentationBlock").css({'height':'0px', 'padding':'0px', 'border-width':'0px'})
	                       .delay(400).animate({'height':'400px', 'padding':'40px','border-width':'1px'},400);
}







function SurvolBouleTuyau(id,Ypos){
	$("#" +id).attr('src', 'base/menuTuyau/bouleTuyau/' +id+ 'S.png');
	var nouvYpos = Ypos-5;
	$("#" +id+'Block>span').animate({'top':'30px','opacity':'1'},200);
}
function HSurvolBouleTuyau(id,Ypos){
	$("#" +id).attr('src', 'base/menuTuyau/bouleTuyau/' +id+ 'N.png');
	$("#" +id+'Block>span').animate({'top':'50px','opacity':'0'},200);
}
function clickBouleTuyau(id,idLett,Ypos){
	$("#" +id).attr('src', 'base/menuTuyau/bouleTuyau/' +id+ 'C.png');
	var nouvYpos = Ypos +5;
	$("#"+idLett+"Tuy").css('top',nouvYpos+'px');
	$("#lettrinesBigSize>img").css('display','none');
	$("#splash").css('display','none');
}


function relacheBouleTuyau(id,idLett,Ypos){
	
	$("#boulesTuyau").css('display','block');
	$("#LettrinesTuyau").css('display','block');
	
	$("#boulesTuyau>img").css('display','block');
	
	$("#accueilBigSplash").css('display','none');
	$("#menuAccueil").css('display','none');
	
	$("#" +id).css('display','none');
	$("#"+idLett+"Tuy").css('top',Ypos+'px');
	
	$("#LettrinesTuyau>img").css('display','block');
	$("#"+idLett+"Tuy").css('display','none');


////////////////////////////////////////////////////////////////////////////////FONCTION POUR ANIMER LA BOULE DANS LE TUYAU
function animBouleInter1() { 
$("#bouleInter1").css('display','block');
}
function animBouleInter2() { 
$("#bouleInter2").css('display','block');
$("#bouleInter1").css('display','none');
}
function animBouleInter3() { 
$("#bouleInter3").css('display','block');
$("#bouleInter2").css('display','none');
}
function animBouleInter4() { 
$("#bouleInter4").css('display','block');
$("#bouleInter3").css('display','none');
}
function animBouleInter5() { 
$("#bouleInter5").css('display','block');
$("#bouleInter4").css('display','none');
}
function animBouleInter5disp() { 
$("#bouleInter5").css('display','none');
$("#splash").css('display','block');
}


setTimeout(animBouleInter1, 100);
setTimeout(animBouleInter2, 150);
setTimeout(animBouleInter3, 200);
setTimeout(animBouleInter4, 250);
setTimeout(animBouleInter5, 300);
setTimeout(animBouleInter5disp, 350);









///////////////////////////////////////////////////////////////////////////////APPARITION LETTRINE BIG
function apparitionBigLett(){
$("#lettrinesBigSize>img").css('display','none');
$("#" +idLett+ "Big").css('display','block');
}
setTimeout(apparitionBigLett, 400);
	
}








////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ANIMATION TITRE-PARTIES
function animTitreParties() {
   /*$('.grosTitre').css({'left':'70px'})
                   .animate({'left':'310px'},300);
   $('.TlettBsize').css({'left':'0px'})
                   .delay(300)
                   .animate({'left':'-15px'},50);
   $('.Tecriture').css({'left':'0px'})
                   .delay(350)
                   .animate({'left':'90px'},150);
				   
   return false();*/
}







////////////////////////////////////////////////////////////////////////////////////////////////////////////////////SPECTACLES
function menuSelection() {
var infosURL=document.location.search;
var tabRecupTitreMenu=infosURL.split('&');

var recupSectionStr=tabRecupTitreMenu[1].split('=');
$('.menu_'+recupSectionStr[1]).css({'color':'black'});



var recupIdStr=tabRecupTitreMenu[3].split('=');
$('#bigOnglet'+recupIdStr[1]).css({
                                                  'background-color':'#a2aeab',
                                                  'color':'black',
                                                  'border':'solid 1px #82867d',
                                                  'border-bottom':'solid 2px #a2aeab',
                                                  'box-shadow':'3px -1px 4px #a2a39f',
                                                  'position':'relative',
                                                  'top':'-2px'
                                                });

}







var dernSelect='';
function selectOnglet(idOng){

$('#onglet'+idOng).css({
                                          'background-color':'rgba(186, 189, 184, 1)',
                                          'box-shadow':'inset 0px 0px 2px #82867d',
                                          'border-bottom':'solid 4px rgba(186, 189, 184, 1)',
                                          'top':'3px'
                                      });
$('#onglet'+dernSelect).css({'border-bottom':'solid 1px #82867d',
                                          'background-color':'#CACDC7',
                                          'position':'relative',
                                          'top':'1px'
                                         });

$('#boitesSpectOnglets>div').css({'display':'none'});
$('#spect'+idOng).css({'display':'block'});

dernSelect=idOng;
dernMarge=marge;
}




//alert($(.imageFloat).css('width'));






////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VIDEOS
function menuVideoAccueil (){
    alert("yo");
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ARTISTES

$('#artistesListe>li.artiste').live('mouseover',function(){
    var spanArtiste=$(this).find('span.image');
    var spanImgArtiste=$(this).find('span.image>img');
    spanArtiste.stop().animate({'width':'140px','height':'140px'},100);
    spanImgArtiste.stop().animate({'height':'320px','left':'-40%','top':'-40%'},100);
});
$('#artistesListe>li.artiste').live('mouseout',function(){
    var spanArtiste=$(this).find('span.image');
    var spanImgArtiste=$(this).find('span.image>img');
    spanArtiste.stop().animate({'width':'150px','height':'150px'},100);
    spanImgArtiste.stop().animate({'height':'290px','left':'-20%','top':'-20%'},100);
});



$('#artistesListe>li.artiste').live('click',function(){
 
   var infosCache=$(this).find('div.infosCache');
   $("div.infosCache").css({'display':'none'});
   infosCache.css('display','block');
  
});