// gerardal1@free.fr
// si pas Flash, on affiche le panneau d'avis de téléchargement du plugin
// Pour ce faire, on charge d'abord un petit swf (detection.swf) qui, si il répond,
// appelle une fonction pour continuer. On charge alors le bon swf et la suite
// Si pas de réponse de Flash, on temporise pour afficher le panneau d'avis
// Tout ça avec Mootools
/**************************/
var sonscharges = 0;
var hauteurDuSon = 2;
var avisIE = "Savez-vous qu'avec votre navigateur Internet Explorer,
vous êtes un mal-voyant du Web ?
";
avisIE += "Visitez ce site avec Firefox, ou Google Chrome,
ou encore Opéra pour voir la différence ...
";
avisIE += "Voulez-vous plus d'explications ?";
function init(){
$('fondnoir').setStyles({'visibility': 'visible', 'opacity':0.8});
$('contentlogo').setStyle('visibility', 'visible');
$$('.infoplus').destroy();
$$('.lien1').each(function(a,i){ a.removeClass('noscript'); });
onContinue();
}
/**************************/
var onContinue = function(){
/**** flash sons *****/
var objflash2 = new Swiff('loco.swf?anticache='+new Date().getTime(), {
id: 'monson2',
width: 1,
height: 1,
params: {
quality: 'high',
allowScriptAccess: 'sameDomain',
pluginspage: 'http://www.adobe.com/go/getflashplayer'
}
});
$('son').adopt(objflash2);
/**********************/
var myCookie = Cookie.read('vucasq');
$('casq').setStyle('display', 'block');
$('tete').setStyles({'visibility': 'visible', 'opacity': 0});
$('nom').setStyle('opacity', 0);
$('nom2').setStyle('opacity', 0);
$('ecran').setStyle('opacity', 0);
$('progress').setStyle('opacity', 0.5);
var timeEfface;
/**********************/
$('bouton').addEvent('click', function() {
var x = $clear(timeEfface);
var myCookie = Cookie.write('vucasq', '1', {duration: 1});
$('fondnoir').tween('opacity', 0);
$('casq').tween('opacity', 0);
volumage(0,70);
//display:none après opacity:0
var notdisplay = function(){$('fondnoir').setStyle('display', 'none'); $('casq').setStyle('display', 'none');}
notdisplay.delay(1000);
});
// si déjà vu, effacement auto
if(myCookie){
//$('bouton').setStyle('visibility', 'hidden');
var effaceauto = function(){
$('bouton').setStyle('visibility', 'hidden');
$('fondnoir').tween('opacity', 0);
$('casq').tween('opacity', 0);
volumage(0,70);
//display:none après opacity:0
var notdisplay = function(){
$('fondnoir').setStyle('display', 'none');
$('casq').setStyle('display', 'none');
}
notdisplay.delay(1000);
}
//timeEfface = effaceauto.delay(3000);
effaceauto();
}
/**** charge img des manches ****
var tabimg = ['guitare_reflet_gauche.png', 'banjo_reflet_droit.png'];
var myImages = new Asset.images(tabimg, {
onProgress: function(counter, index){
var myimg = new Element('img',{
//id:'manche'+index,
src:tabimg[index]
}).setStyle('z-index', 10).inject($('manche'+index));
}
});
**** création onglets (Dunlop !) ****/
var divo1 = new Element('div').addClass('ongletp').inject(document.body);
var divo2 = new Element('div').addClass('onglet1').inject(document.body);
var divo3 = new Element('div').addClass('onglet2').inject(document.body);
/***** drag onglets ******/
var myDrag1 = new Drag.Move(divo1, {handle: divo1});
var myDrag2 = new Drag.Move(divo2, {handle: divo2});
var myDrag3 = new Drag.Move(divo3, {handle: divo3});
/***** drag curseur son ******/
var myDrag = new Drag.Move($('btvolume'), {
handle: $('btvolume'),
droppables: $('contentbouton') ,
container: $('contentbouton') ,
onBeforeStart: function(){
},
onDrag: function(){
var x = $('btvolume').getStyle('left').toInt() + 10;
for(i=0; i<=6; i++) var result = Swiff.remote($('monson2'), 'volumer',i, x);
$('voyant').setStyle('width', x);
colorationBar($('logo'), x)
colorationBar($('voyanttext'), x);
colorationBar($('systemevolume'), x);
$('btvolume').title = x;
}, onEnter: function(){}, onLeave: function(){}, onComplete: function(){}
});
/***** wheel son ******/
var wheelson = $('contentlogo').addEvent('mousewheel', function(e){
var pas = 5;
var div = $('btvolume');
var posBut = div.getStyle('left').toInt();
if(e.wheel > 0) {
if(posBut > 5){ div.setStyle('left', posBut - pas);}
else div.setStyle('left', 0);
}
if(e.wheel < 0) {
if(posBut <145){ div.setStyle('left', posBut + pas);}
else div.setStyle('left', 150);
}
for(i=0; i<=6; i++) var result = Swiff.remote($('monson2'), 'volumer',i, posBut);
colorationBar($('logo'), posBut);
colorationBar($('voyanttext'), posBut);
colorationBar($('systemevolume'), posBut);
$('voyant').setStyle('width', posBut);
div.title = posBut;
e.stop().preventDefault();
});
/******** création div fumée ***********/
for(i=1; i<=9; i++){
var el = new Element('div',{'id': 'msgsite'+i}).addClass('msgsite').inject($('container'));
var img = new Element('img',{'src': 'fumee.png'});
el.adopt(img);
var el2 = new Element('div').addClass('textsite').inject(el);
var table = '';
el2.set('html', table);
}
for(i=1; i<=4; i++){
var el3 = new Element('div',{'id': 'fumee'+i}).addClass('msgsite').inject($('container'));
var img = new Element('img',{'src': 'fumee.png'});
el3.adopt(img);
}
/******** fond_west4_0.jpg ************/
$('west').reflect({'opacity': 0.5,'height': 500});
/******** liens du menu ***************/
var minisite;
$$('.lien1').each( function(a,i){
a.addEvents({
'mouseenter': function(){
minisite = a.getElement('div').clone();
minisite.addClass('cadre').inject(document.body);
var fx = new Fx.Morph(minisite, {
duration: 1000,
transition: Fx.Transitions.Quart.easeOut,
onComplete: function(){
}
});
fx.start({'width': 381, 'height': 271, 'left': 380, 'top': a.getPosition().y - 100});
},
'mouseleave': function(){
minisite.destroy();
}
});
});
/*************************************/
$('info').addEvent('click', function(){affinfo();});
/*************************************/
$('write').addEvent('click', function(){formu(1); return false;});
/*************************************/
/*** va voir ailleurs ****/
var href = function(a,i){
if(i == 10) formu(1);
else {
var rep = a.getChildren('span').get('id');
if(rep == "ag") window.location.href = "http://alaingerard.free.fr/";
//else if(rep == "hommages") $('divhommages').fade(1);
else window.location.href = rep + "/";
}
}
/*** liens sous-menu hommages ****
$('divhommages').getElements('li').each(
function(a,i){
a.addEvents({
'mouseenter': function(){
this.morph({'color': '#DF5B03', 'background-color': '#ffffff'});
if($defined($('minisi'))) $('minisi').destroy();
var mini = new Element('div', {id: 'minisi'}).addClass('minisite').addClass('cadre').inject(document.body);
//mini.setStyle('top', $('menu').getElements('span')[3].getPosition().y);
imgminisite[i+3].inject(mini);
var fx2 = new Fx.Morph(mini, {
duration: 1000,
onComplete: function(){}
});
fx2.start({'width': 381, 'height': 271, 'left': 380, 'top': a.getPosition().y - 100});
},
'mouseleave': function(){
this.morph({'background-color': '#484848', 'color': '#ffffff'});
$('minisi').destroy();
},
'click': function(){
if(i == 0) window.location.href = 'banjo/#dadi2';
else if(i == 1) window.location.href = 'banjo/jacktreese.php';
else if(i == 2) window.location.href = 'banjo/fdroubaix.php';
}
});
}
);
****************************/
} //fin "onContinue"
var myfx1, myfx2;
/***********************/
var fumee1 = function(div,i){
myfx1 = new Fx.Morph(div, {
link: 'chain',
transition: Fx.Transitions.Cubic.easeOut,
duration: 1000,
onComplete: function(){
div.getElement('td').set('html', mentionsite[i+1]);
for(j=1; j<=8; j++) {
if(j != (i+1))
$('msgsite'+j).setStyles({'left': 790, 'top': 80, 'width': 0, 'height': 0, 'opacity': 0});
}
}
});
}
/*****************************/
var fumee0 = function(div){
myfx2 = new Fx.Morph(div, {
link: 'cancel',
onComplete: function(){
div.setStyles({'left': 790, 'top': 80, 'width': 0, 'height': 0});
}
});
}
/**************************/
var timefumee;
var animefumee = function(){
var cycle = 0, div, phase1, phase2, myfx11, myfx12;
phase2 = function(){
if(timefumee == null) return;
myfx11.cancel();
myfx12 = new Fx.Morph(div, {
link: 'cancel',
onComplete: function(){
div.setStyles({'left': 790, 'top': 80, 'width': 0, 'height': 0});
}
});
myfx12.start({'left': -100, 'top': -100, 'width': 200, 'height': 200, 'opacity': 0});
if(cycle > 3) cycle = 0;
}
phase1 = function(){
if(cycle > 3) cycle = 0;
cycle ++;
div = $('fumee'+ cycle);
div.setStyles({'left': 790, 'top': 80, 'width': 0, 'height': 0, 'opacity': 0});
myfx11 = new Fx.Morph(div, {
link: 'chain',
transition: Fx.Transitions.Cubic.easeOut,
duration: 1000,
onComplete: function(){
//.setStyles({'left': 790, 'top': 80, 'width': 0, 'height': 0, 'opacity': 0});
}
});
myfx11.start({'left': 300, 'top': -20, 'width': 398, 'height': 302, 'opacity': 0.8});
phase2.delay(300);
}
timefumee = phase1.periodical(400);
}
/*************************/
var escharge = function(){ // Flash appelle ...
sonscharges = 1;
}
/*************************/
var stopLesSons = function(){
$clear(timesuite);
for(i=1; i<=6; i++) var result = Swiff.remote($('monson2'), 'stopper',i);
}
/********************************/
var colorationBar = function(div,pas){
var r, g;
//2 phases : r > j, j > v, donc 255 deroule sur 75px (plage 150)
//c'est g qui monte à 255 pour obtenir jaune
if(pas <= 75) g = Math.round(pas * 3.4);
else g = 255; //jaune si r = 255
if(pas > 75) r = Math.round(255 - ((pas-75) * 3.4));
else r = 255; //window.status=r+' '+g;
if(div.get('id') == "systemevolume") return div.setStyle('border-bottom', 'rgb('+r+','+g+',0) 1px solid');
if(div.get('id') == "voyanttext") return div.setStyle('color', 'rgb('+g+','+g+','+g+')');
return div.setStyle('background-color', 'rgb('+r+','+g+',0)');
}
/********* init logo volume ***********/
var volumage = function(son,but){ //100 maxi
var timevol;
$clear(timevol);
var r, g;
$('systemevolume').setStyle('visibility', 'visible');
var vol = function(){
if(sonscharges){
var result = Swiff.remote($('monson2'), 'volumer',son,hauteurDuSon);
$('voyant').setStyle('width', hauteurDuSon + 10);
colorationBar($('logo'), hauteurDuSon);
colorationBar($('voyanttext'), hauteurDuSon);
colorationBar($('systemevolume'), hauteurDuSon);
var w = $('voyant').getStyle('width').toInt();
$('btvolume').setStyle('left', w - 6);
if(hauteurDuSon == but) {
$clear(timevol);
film.periodical(1000);
if(!Browser.Engine.trident){
animefumee();
}
return;
}
else if(hauteurDuSon > but) hauteurDuSon--;
else if(hauteurDuSon < but) hauteurDuSon++;
} else {
vol.delay(600);
}
}
timevol = vol.periodical(50,hauteurDuSon);
}
/***** pour la bouse infâme ****/
var timesuite1;
var afftete = function(){
var tete1 = function(){
//$clear(timesuite);
$('tete').fade(1); $('jack').fade(1);
$('nom').fade(1); $('nom2').fade(0.4);
timesuite2 = tete0.delay(5000);
}
var tete0 = function(){
//$clear(timesuite);
$('tete').fade(0); $('jack').fade(0);
$('nom').fade(0); $('nom2').fade(0);
timesuite1 = tete1.delay(10000);
}
timesuite1 = tete1.delay(10000);
}
/*************************/
var scd = 0;
var timesuite, arret = 0;
var film = function(){
var seq1 = function(){
progressBarfine();
//Swiff.remote($('monson2'), 'volumer',0,10);
var result = Swiff.remote($('monson2'), 'jouer',2);
var suite2 = function(){
if(!arret) { var result2 = Swiff.remote($('monson2'), 'jouer',3);}
}
var suite = function(){
var result3 = Swiff.remote($('monson2'), 'jouer',3);
timesuite = suite2.periodical(4000);
}
suite.delay(9000);
}
var seq2 = function(){
//arret = 1;
$clear(timesuite);
$('tete').fade(1); $('jack').fade(1);
$('nom').fade(1); $('nom2').fade(0.4);
var result4 = Swiff.remote($('monson2'), 'stopper',6);
var result5 = Swiff.remote($('monson2'), 'jouer',4);
var suite4 = function(){
var result6 = Swiff.remote($('monson2'), 'jouer',5)
}
var suite3 = function(){
var result7 = Swiff.remote($('monson2'), 'jouer',5);
timesuite = suite4.periodical(2000);
}
suite3.delay(2000);
}
var seq3 = function(){
//$('progress').set('text', '');
$clear(timesuite);
arret = 0;
$('tete').fade(0); $('jack').fade(0);
$('nom').fade(0); $('nom2').fade(0);
var result8 = Swiff.remote($('monson2'), 'stopper',5);
scd = 0;
}
var seq4 = function(){
arret = 1;
$clear(timesuite);
var result9 = Swiff.remote($('monson2'), 'stopper',3);
var result10 = Swiff.remote($('monson2'), 'jouer',6);
}
//progressBar();
scd ++;
if(scd == 1) seq1();
//if(scd == 2) $('mancheg').fade(1);
//if(scd == 4) $('mancheb').fade(1);
if(scd == 15) seq4();
if(scd == 20) seq2();
//if(scd == 26) $('mancheg').fade(0);
//if(scd == 28) $('mancheb').fade(0);
if(scd == 30) seq3();
}
/**** ajuste toutes les secondes ********/
var progressBar = function(){
var a = 160; //($(document.body).getSize().x).toInt() - 5;
var p = Math.round(a / 30);
$('progress').set('title', 'Boucle sonore de 30 secondes').setStyle('width', (p * scd));
if((p * scd) > 60) $('progress').set('html', ' Boucle ' + (100 / 30 * scd).toInt() + ' %');
//if((p * scd) > 40) $('progress').set('html', ' ' + (100 / 30 * scd).toInt() + ' %');
}
/**** progression lisse ********/
var timepr;
var progressBarfine = function(){
$clear(timepr);
var time = 50; //1000 / 50 = 20
var a = 160; //($(document.body).getSize().x).toInt() - 5;
$('progress').setStyle('width',0);
var pas = a / (30 * (1000 / time));
var s1 = 0, rst = 0;
var b = 0;
var pr = function(){
s1 = s1 + pas;
if(s1 > 1){
b = b + 1;
rst = rst + (s1-1);
s1 = 0;
if(rst > 1){
b = b + 1;
rst = rst - 1;
}
$('progress').setStyle('width', b);
$('txtboucle').set('text', 'Boucle ' + (b / a * 100).toInt() + ' %');
}
}
timepr = pr.periodical(time);
}
/*************************/
var affinfo = function(){
var fond = new Element('div').addClass('fondhorse').setStyle('opacity', 0).inject(document.body);
var nt = new Fx.Tween(fond,{
duration: 1000,
onComplete: function(){
var div = new Element('div').addClass('info'); //0.6
div.setStyles({'left': ($(document.body).getSize().x / 2) - 350, 'opacity': 0.6}).inject(document.body);
var req = new Request.HTML({
url: 'infoplus.php?ajax=1',
evalScripts: true,
method: 'get',
onSuccess: function(html) {
div.set('html', '');
div.adopt(html);
/***** apparition div info *****/
//var left = ($(document.body).getSize().x / 2).toInt() - 350;
//var height = div.getScrollSize().y;
var mf = new Fx.Tween(div,{
duration: 1000,
transition: Fx.Transitions.Back.easeOut,
onComplete: function(){
//var aa = div.getCoordinates();
}
});
mf.start('top', 40);
/***************/
var div2 = new Element('div').addClass('horde2').setStyle('opacity', 0).inject(document.body);
$('vuquit').addEvent('click', function(){
quitinfo();
});
$('sortie').addEvent('click', function(){
quitinfo();
});
/****************/
var quitinfo = function(){
div2.setStyle('display', 'block');
/***** fondu fermeture des 3 div ****/
var ferme = function(){
var tw2 = new Fx.Tween(fond, {
duration: 1500, onComplete: function(){fond.destroy();}
});
var tw4 = new Fx.Tween(div2, {
duration: 1500, onComplete: function(){div2.destroy();}
});
tw2.start('opacity', 0); tw4.start('opacity', 0);
}
/**** fondu ouverture scene explosion ****/
var tw3 = new Fx.Tween(div2, {
duration: 1500, onComplete: function(){
ferme.delay(2000);
}
});
/**** glissement disparition div info ****/
var tw = new Fx.Tween(div,{
duration: 1500,
transition: Fx.Transitions.Bounce.easeIn,
onComplete: function(){
div.destroy();
Swiff.remote($('monson2'), 'volumer',1,100);
Swiff.remote($('monson2'), 'jouer',1);
tw3.start('opacity', 1); /**** fondu ouverture scene explosion ****/
}
});
tw.start('left', -800);
}
},
onComplete: function() {
},
onFailure: function() {
div.set('text', 'Problème, page non chargée.');
}
});
req.send();
}
});
nt.start('opacity',1);
}
/***************************/
/*************************/
window.addEvent('domready', function(){
var pret = init();
});