var main = {
init: function(){
// dimensionnement d'un div n'apparaissant que sur une page.
if(document.getElementById("current" ) && document.getElementById("current" ).className.contains("item53" )){
thumbnails = document.getElementsByClassName("slider_thumbnail" );
thumbnailWidth = thumbnails[0].offsetWidth;
document.getElementById("slider_selecteur" ).style.width = thumbnailWidth*thumbnails.length + "px";
}
}
}
var global = {
// appel récursif des script tournant en boucle sur la page.
recurse: function(dt){
// if arrêtant la chute des instrus sur la page contenant le slider (optimisation)
if(document.getElementById("current" ) && document.getElementById("current" ).className.contains("item53" )){
slider.slide();
}
else{
bulle.move('instru5', -75, 0.5);
bulle.move('instru1', -250, 0.7);
bulle.move('instru2', -70, 0.4);
bulle.move('instru3', -400, 0.8);
bulle.move('instru4', -50, 0.6);
bulle.move('bulle1', -100, 0.5);
bulle.move('bulle2', -170, 0.3);
bulle.move('bulle3', -200, 0.7);
bulle.move('bulle4', -50, 0.4);
}
setTimeout('global.recurse('+dt+')', dt);
}
}
var bulle = {
move: function(Id, offsetTop, vitesse){
objBulle = document.getElementById(Id);
divBas = document.getElementById("bas" );
divHaut = document.getElementById("haut" );
pas = 10*vitesse;
// Gestion hauteur
initPosTop = offsetTop;
targetPosTop = divBas.offsetTop;
posTop = util.retirePx(objBulle.style.top);
if(posTop*1 < targetPosTop*1){
objBulle.style.top = posTop*1 + pas*1 + "px";
}
else {
objBulle.style.top = initPosTop + "px";
}
// Appel récursif
//setTimeout('bulle.move("'+Id+'",'+offsetTop+','+vitesse+')', 30);
}
}
var gSens = "N";//sens de déplacement du slider
var slider = {
slide : function(){
lObSelecteur = document.getElementById("slider_selecteur" );
lObSelecteurWidth = util.retirePx(getvalueCSS("slider_selecteur","width" ));
lObSelecteurMinMarginL = util.retirePx(getvalueCSS("slider_conteneur","width" )) - lObSelecteurWidth ;
lObSelecteurMarginL = util.retirePx(getvalueCSS("slider_selecteur","marginLeft" ));
if(gSens != "N" && lObSelecteurMarginL >= lObSelecteurMinMarginL && lObSelecteurMarginL <= 0){
if(gSens=="R" ){
if(lObSelecteurMarginL < 0){
lObSelecteurMarginL = lObSelecteurMarginL*1+5*1;
}
}
if(gSens=="L" ){
if(lObSelecteurMarginL > lObSelecteurMinMarginL){
lObSelecteurMarginL = lObSelecteurMarginL*1-5*1;
}
}
lObSelecteur.style.marginLeft = lObSelecteurMarginL + "px";
}
//setTimeout('slider.slide()',30);
}
}
// UTILS
function getvalueCSS(pId,pStyleProp){
var ObjetStyle = document.getElementById(pId);
var result="";
if (ObjetStyle.currentStyle){
result = ObjetStyle.currentStyle[pStyleProp];
}else if (window.getComputedStyle){
result = document.defaultView.getComputedStyle(ObjetStyle, null)[pStyleProp];
}
return result;
}
var util = {
retirePx: function(texte){
try{
if(texte.contains("px" )){
return texte.substring(0, texte.length-2);
}
}catch(e){
return texte.substring(0, texte.length-2);
}
}
}
|
