var animSlideShow = false;
var currentNavItem = false;
var delayImage = false;
var delayPage = false;
var y = -1;
var z = 0;
var playOn = '_img/play.gif';
var playStop = '_img/stop.gif';
var currentSection = 'accueil';
var memWidth = 0;
var memHeight = 0;
var mooLoaded = false;
var lckScroll = false;
var scrollme = false;
function init() {
if(Browser.Platform.ipod) {
$('site').setStyle('height', 850);
$('site').setStyle('width', 1500);
setTimeout(function() {
window.scrollTo(0, 1);
}, 1000);
}
mooLoaded = true;
menuPosOpen = document.getWidth() - $('rightsite').getWidth();
menuPosClose = document.getWidth() - 40;
memDocumentWidth = document.getWidth();
aproposTween = new Fx.Tween($('apropos'), {
duration: 500,
transition: Fx.Transitions.Quart.easeInOut,
link: 'cancel'
}).set('opacity', 0);
menuTween = new Fx.Tween($('rightsite'), {
duration: 300,
transition: Fx.Transitions.Quart.easeInOut,
link: 'cancel'
}).set('left', menuPosClose);
if($('accueil_header')) {
$('accueil_header').addEvents({
'click': function(evt) {
$('rightsite_nav').fireEvent('mouseenter');
}
});
}
memDocumentWidth = document.getWidth();
menuPosOpen = document.getWidth() - $('rightsite').getWidth();
menuPosClose = document.getWidth() - 40;
menuTween.start('left', menuPosOpen);
/*
$$('#rightsite_paginate, #rightsite_nav').addEvents({
'mouseenter': function(evt) {
memDocumentWidth = document.getWidth();
menuPosOpen = document.getWidth() - $('rightsite').getWidth();
menuPosClose = document.getWidth() - 40;
menuTween.start('left', menuPosOpen);
},
'mouseleave': function(evt) {
if(document.getWidth() == memDocumentWidth) menuTween.start('left', menuPosClose);
}
});
*/
$('rightsite_paginate').getElement('.paginate_light').setStyle('display', 'none');
/*
$('rightsite_header').addEvents({
'mouseenter': function(evt) {
if($('rightsite').getLeft() == menuPosOpen) {
memDocumentWidth = document.getWidth();
menuTween.cancel();
menuTween.set('left', menuPosOpen);
}
},
'mouseleave': function(evt) {
if(document.getWidth() == memDocumentWidth) menuTween.start('left', menuPosClose);
}
});
*/
$('rightsite_nav').getElements('li.navitem').each(function(elm, i) {
elm.getElements('a').addClass('gris');
if(elm.getElement('ul')) {
elm.ulHeight = elm.getElement('ul').getHeight() + 10;
elm.subTween = new Fx.Tween(elm.getElement('ul'), {
duration: 250,
transition: Fx.Transitions.Quart.easeInOut,
link: 'cancel'
}).set('height', 0);
}
elm.addEvents({
'click': function(evt) {
currentNavItem = this.id;
$('rightsite_content').getElement('.bt_home').setStyle('visibility', 'visible');
$('rightsite_nav').getElements('li.navitem').each(function(elmclear, y) {
swapNav(elmclear, 'off');
if(elmclear.getElement('ul')) elmclear.subTween.start('height', 0);
});
swapNav(this, 'on');
if(elm.getElement('ul')) this.subTween.start('height', this.ulHeight);
},
'mouseover': function(evt) {
swapNav(this, 'on');
},
'mouseout': function(evt) {
if(currentNavItem !== this.id) {
swapNav(this, 'off');
}
}
});
});
if($('galerie')) {
$('rightsite').getElement('.bt_next').setStyles({
'opacity': 0.4
}).addEvents({
'click': function(evt) {
if(currentSection == 'galerie') $('galerie_prev').fireEvent('click');
},
'mouseenter':function(evt) {
this.setStyle('opacity', 1);
},
'mouseleave':function(evt) {
this.setStyle('opacity', 0.4);
}
});
$('rightsite').getElement('.bt_prev').setStyles({
'opacity': 0.4
}).addEvents({
'click': function(evt) {
if(currentSection == 'galerie') $('galerie_next').fireEvent('click');
},
'mouseenter':function(evt) {
this.setStyle('opacity', 1);
},
'mouseleave':function(evt) {
this.setStyle('opacity', 0.4);
}
});
$$('#rightsite_header .bt_play').addEvents({
'click': function(evt) {
if(this.getElement('img').get('src') == playStop) {
this.getElement('img').set('src', playOn);
slideshow('stop', false, false);
} else {
this.getElement('img').set('src', playStop);
slideshow('nxt', false, true);
}
}
});
var gonxt;
var lckgonxt = false;
$$('#galerie_next').addEvents({
'click': function(evt) {
if(!lckgonxt) {
$$('#rightsite_header .bt_play').getElement('img').set('src', playOn);
slideshow('nxt', false, false);
}
lckgonxt = true;
clearTimeout(gonxt);
gonxt = setTimeout(function() {lckgonxt = false}, 200);
},
'mouseenter': function(evt) {
$('folomouse').setStyle('background-image', 'url(../_img/folomouse_nxt.gif)');
$('folomouse').setStyle('display', 'block');
},
'mouseleave': function(evt) {
$('folomouse').setStyle('display', 'none');
},
'mousemove': function(evt) {
$('folomouse').setStyle('left', evt.page.x);
$('folomouse').setStyle('top', evt.page.y - 20);
}
});
$$('#galerie_prev').addEvents({
'click': function(evt) {
if(!lckgonxt) {
$$('#rightsite_header .bt_play').getElement('img').set('src', playOn);
slideshow('prv', false, false);
}
lckgonxt = true;
clearTimeout(gonxt);
gonxt = setTimeout(function() {lckgonxt = false}, 200);
},
'mouseenter': function(evt) {
$('folomouse').setStyle('background-image', 'url(../_img/folomouse_bck.gif)');
$('folomouse').setStyle('display', 'block');
},
'mouseleave': function(evt) {
$('folomouse').setStyle('display', 'none');
},
'mousemove': function(evt) {
$('folomouse').setStyle('left', evt.page.x);
$('folomouse').setStyle('top', evt.page.y - 20);
}
});
document.addEvents({
'keyup': function(evt) {
if(evt.key == 'right' && currentSection == 'galerie') $('galerie_next').fireEvent('click');
if(evt.key == 'left' && currentSection == 'galerie') $('galerie_prev').fireEvent('click');
if(evt.key == 'space' && currentSection == 'galerie') $$('#rightsite_header .bt_play').fireEvent('click');
}
});
}
// PRELOAD NUMBER & INIT NUMBER ALPHA
/*
var numbersArray = new Array(playOn, playStop);
for(i = 1; i <= 50; i++) {
numbersArray.push('/_numbers/' + addZero(i) + '.gif');
}
var numbersLoader = new Asset.images(numbersArray); //preloadFirst,
*/
/* addthis */
$$('.share').each(function(elm, i) {
var addthis_pub = "outoffocus";
elm.addEvents({
'click': function(evt) {
return addthis_sendto();
},
'mouseenter': function(evt) {
return addthis_open(this, '', '[URL]', '[TITLE]');
},
'mouseleave': function(evt) {
addthis_close();
}
});
});
setTimeout(resize, 300);
}
function swapNav(elm, etat) {
var swapEtat = '';
var imageName = elm.getElement('a img').get('src').split('_');
imageName.pop();
//alert(etat);
if(etat == 'off') {
swapEtat = '_off.gif';
} else {
swapEtat = '_on.gif';
}
elm.getElement('a img').set('src', imageName.join('_') + swapEtat);
}
function slideshow(etat, preloaded, playslideshow) {
if(etat !== 'init' && etat !== 'clear') {
var slidesLength = slides.length - 1;
var tweenDuration = 500;
if(preloaded) {
clearTimeout(animSlideShow);
if(etat !== 'stop') {
if(etat == 'nxt') {
y++;
} else {
y--;
}
if(y > slidesLength) y = 0;
if(y < 0) y = slidesLength;
var newimage = new Element('img', {
'id': 'img_' + z,
'src': slides[y].pth,
'width': slides[y].width,
'height': slides[y].height
});
newimage.inject($('galerie_image'), 'top');
//$('galerie').setStyle('width', slides[y].width);
//$('galerie').setStyle('height', slides[y].height);
var galerieWidth = $('galerie').getWidth();
var galerieHeight = $('galerie').getHeight();
//$('img_' + z).setStyle('left', (galerieWidth- slides[y].width) / 2);
//$('img_' + z).setStyle('top', (galerieHeight - slides[y].height) / 2);
window['menuImage' + z] = new Fx.Tween($('img_' + z), {
duration: tweenDuration,
transition: Fx.Transitions.Quart.easeInOut,
link: 'cancel',
onComplete: function(elm) {
if(elm.id == 'img_' + (z - 2)) elm.destroy();
}
}).set('opacity', 0);
$('img_' + z).setStyle('left', document.getWidth() - slides[y].width - 259);
$('img_' + z).setStyle('top', 166);
$('galerie_prev').setStyles({
'left': $('img_' + z).getStyle('left'),
'top': 166,
'width': slides[y].width / 2,
'height': slides[y].height
});
$('galerie_next').setStyles({
'left': $('img_' + z).getLeft() + (slides[y].width / 2),
'top': 166,
'width': slides[y].width / 2 - 36,
'height': slides[y].height
});
if($('img_' + (z - 1))) window['menuImage' + (z - 1)].start('opacity', 0);
delayImage = setTimeout(function() {
/*
var leftPos = (document.getWidth() - slides[y].width) / 2;
var topPos = (document.getHeight() - slides[y].height) / 2;
if(leftPos + slides[y].width > document.getWidth() - ($('rightsite_nav').getWidth() + 10)) leftPos = document.getWidth() - ($('rightsite_nav').getWidth() + 10) - slides[y].width;
if(topPos < $('rightsite_paginate').getTop()) topPos = $('rightsite_paginate').getTop();
$('galerie').setStyle('left', leftPos);
$('galerie').setStyle('top', topPos);
*/
/*
$('galerie').setStyle('left', document.getWidth() - slides[y].width - 259);
$('galerie').setStyle('top', 166);
$('galerie').setStyle('width', slides[y].width);
$('galerie').setStyle('height', slides[y].height);
*/
window['menuImage' + (z - 1)].start('opacity', 1);
if(slides[y + 1]) var preloadImageNxt = new Asset.images([slides[y + 1].pth, '_numbers/' + addZero(y + 1) + '.gif']);
if(slides[y - 2]) var preloadImageNxt = new Asset.images([slides[y - 2].pth, '_numbers/' + addZero(y - 2) + '.gif']);
}, tweenDuration);
$('rightsite_paginate').getElement('.paginate_dark').set('html', ' + '.gif)
');
$('rightsite_paginate').getElement('.paginate_light').set('html', ' + '.gif)
');
if(playslideshow == true) {
animSlideShow = setTimeout(function() {
slideshow('nxt', false, true);
}, tweenDuration * 8);
}
z++;
}
} else {
if(etat == 'nxt') prey = y + 1;
if(etat == 'prv') prey = y - 1;
if(prey > slidesLength) prey = 0;
if(prey < 0) prey = slidesLength;
var preloadImage = new Asset.images([slides[prey].pth, '_numbers/' + addZero(prey + 1) + '.gif'], {
onComplete: function() {
slideshow(etat, true, playslideshow);
}
});
}
} else {
y = -1;
clearTimeout(delayImage);
clearTimeout(delayPage);
clearTimeout(animSlideShow);
//$('rightsite_paginate').getElement('.paginate_dark').set('html', '
');
$('galerie_image').empty();
if(etat !== 'clear') {
slideshow('nxt', false, true);
}
if(etat == 'init') $('rightsite_header').getElement('.bt_play img').set('src', playStop);
}
}
function content(id, type) {
var myRequest = new Request({
method: 'post',
url: 'script.content.php',
data: 'id=' + id + '&type=' + type,
link: 'cancel',
onSuccess: function(responseText, responseXML) {
if(type == 'image') {
$('accueil').setStyle('display', 'none');
$('apropos').setStyle('display', 'none');
$('galerie').setStyle('display', 'block');
$('rightsite_header').getElements('a').setStyle('display', 'block');
$('rightsite').getElement('.bt_next').setStyle('display', 'inline');
$('rightsite').getElement('.bt_prev').setStyle('display', 'inline');
aproposTween.set('opacity', 0);
slides = eval(responseText);
slideshow('init', false, false);
currentSection = 'galerie';
} else {
slideshow('clear', false, false);
$('accueil').setStyle('display', 'none');
$('apropos').setStyle('display', 'block');
$('galerie').setStyle('display', 'none');
$('apropos_texte').set('html', responseText);
$('rightsite_header').getElements('a').setStyle('display', 'none');
$('rightsite').getElement('.bt_next').setStyle('display', 'none');
$('rightsite').getElement('.bt_prev').setStyle('display', 'none');
$('rightsite_paginate').getElements('strong').set('html', '');
aproposTween.start('opacity', 0, 1);
currentSection = 'info';
//$('apropos').setStyle('left', document.getWidth() - $('apropos').getWidth() - $('rightsite').getWidth() - 10);
//$('apropos_content').setStyle('top', (document.getHeight() - $('apropos_content').getHeight()) / 2);
/*
scrollme = new Slider($('apropos_texte_scroll'), $('apropos_texte_scrollbar'), {
steps: 10,
wheel: true,
mode: 'vertical',
onChange: function(step){
$('apropos_content').setStyle('top', (step * ($('apropos_content').getHeight() - $('apropos_texte_scroll').getHeight()) / -10));
//$('chkme').set('text', (step +'*'+ ($('apropos_content').getHeight() +'-'+ $('apropos_texte_scroll').getHeight()) +'/ -10'));
}
}).set(0);
*/
resize('init');
}
}
}).send();
}
function resize(etat) {
if(mooLoaded) {
//if((memWidth !== document.getWidth() && memHeight !== document.getHeight()) || etat == 'init') {
if($('accueil')) {
$('accueil').setStyle('width', document.getWidth() - 259);
$('accueil_header').getElement('h1').setStyle('left', $('accueil').getWidth() - $('accueil_header').getElement('h1 img').getWidth() - 36);
$('accueil_header').getElement('h2').setStyle('left', $('accueil').getWidth() - $('accueil_header').getElement('h2 img').getWidth());
$('accueil_footer').setStyle('left', $('accueil').getWidth() - $('accueil_footer').getWidth());
}
if($('apropos').getStyle('display') == 'block') {
$('apropos').setStyle('left', document.getWidth() - $('apropos').getWidth() - $('rightsite').getWidth() - 10);
var alignContent = (document.getHeight() - $('apropos_content').getHeight()) / 2;
if(alignContent > 20) $('apropos_content').setStyle('top', alignContent)
else $('apropos_content').setStyle('top', 20);
}
if($('galerie')) {
/*
var leftPos = (document.getWidth() - $('galerie').getWidth()) / 2;
var topPos = (document.getHeight() - $('galerie').getHeight()) / 2;
if(leftPos + $('galerie').getWidth() > document.getWidth() - ($('rightsite_nav').getWidth() + 10)) leftPos = document.getWidth() - ($('rightsite_nav').getWidth() + 10) - $('galerie').getWidth();
if(topPos < $('rightsite_paginate').getTop()) topPos = $('rightsite_paginate').getTop();
$('galerie').setStyle('left', leftPos);
$('galerie').setStyle('top', topPos);
*/
/*
$('galerie').setStyle('left', document.getWidth() - $('galerie').getWidth() - 259);
$('galerie').setStyle('top', 166);
*/
if($('img_' + (z - 1))) {
$('img_' + (z - 1)).setStyle('left', document.getWidth() - slides[y].width - 259);
$('img_' + (z - 1)).setStyle('top', 166);
}
if($('img_' + z)) {
$('img_' + z).setStyle('left', document.getWidth() - slides[y].width - 259);
$('img_' + z).setStyle('top', 166);
}
if($('img_' + (z + 1))) {
$('img_' + (z + 1)).setStyle('left', document.getWidth() - slides[y].width - 259);
$('img_' + (z + 1)).setStyle('top', 166);
}
}
if(!etat) {
//menuTween.cancel();
//menuTween.set('left', document.getWidth() - 40);
menuTween.set('left', document.getWidth() - $('rightsite').getWidth());
}
$('rightsite_nav').setStyle('height', document.getHeight() - $('rightsite_paginate').getHeight() - $('rightsite_paginate').getTop());
if($('site').getStyle('visibility') == 'hidden') $('site').setStyle('visibility', 'visible');
//}
memWidth = document.getWidth();
memHeight = document.getHeight();
}
}
/* UTILITIES */
function addZero(n) {
var n = n.toString();
if(n <= 9) {
n = "0" + n;
}
return n;
}