slider = new Array(); big = new Array(); big["width"] = 237; big["height"] = 237; big["height2"] = big["height"] + 0; small = new Array(); small["width"] = 145; small["height"] = 145; small["height2"] = small["height"] + 0; extraSmall = new Array(); extraSmall["width"] = 80; extraSmall["height"] = 80; extraSmall["height2"] = small["height"] + 0; font = new Array(); font["big"] = 16; font["small"] = 12; //smallMargin = new Array(); //smallMargin["top"] = 10; //bigMargin = new Array(); //bigMargin["top"] = 20; timer = -1; function equilibrate() { $('#slider ul li').each(function(i) { //alert(i); //alert(Math.abs(actual)); d = Math.abs(actual - i); //alert(actual - i); var a = $(this); //alert(d); var img = a.children('a').children('img'); //alert(img); var ttl = a.children('.imtitle'); //alert(actual); //alert(d); switch(d) { case 0: //alert('0'); a.animate({width: big["width"], height: big["height2"]}, function () { ttl.css({'font-size': font["big"]+'%'}); }); //showtext(a.attr('id').substr(5)); //img.css({'margin-top': '0px'}); img.animate({width: big["width"], height: big["height"] }); break; case 2: //alert('2'); //ttl.css({'font-size': font["small"]+'px'}); //img.css({'margin-top': bigMargin["top"]+'px'}); //if (a.css('display') == 'none') { if (slider[i] == 1) { //alert(slider[i]); slider[i] = 0; a.css({display: 'inline', width: '0px', height: '0px'}); //img.css({'margin-top': '0px'}); ttl.css({opacity: '0'}); img.css({width: '0px', height: '0px'}); } a.animate({width: extraSmall["width"], height: extraSmall["height2"]}); img.animate({width: extraSmall["width"], height: extraSmall["height"]}, function () { ttl.fadeTo(500, 1); }); //img.css({'margin-top': smallMargin["top"]+'px'}); break; case 1: //alert('1'); //ttl.css({'font-size': font["small"]+'px'}); //if (a.css('display') == 'none') { if (slider[i] == 1) { //alert(slider[i]); slider[i] = 0; a.css({display: 'inline', width: '0px', height: '0px'}); img.css({width: '0px', height: '0px'}); //img.css({'margin-top': '0px'}); ttl.css({opacity: '0'}); } a.animate({width: small["width"], height: small["height2"]}); img.animate({width: small["width"], height: small["height"]}, function () { ttl.fadeTo(500, 1); }); //img.css({'margin-top': smallMargin["top"]+'px'}); break; case 3: //alert('3'); if (slider[i] == 1) { slider[i] = 1; a.hide('fast'); } a.css({display: 'none', width: '0px', height: '0px'}); break; default: //alert('DEFAULT'); if (slider[i] != 1) { slider[i] = 1; a.hide('fast'); } a.css({display: 'none', width: '0px', height: '0px'}); //img.animate({width: small["width"], height: small["height"]}, function () { ttl.fadeTo(500, 1); }); //a.animate({width: small["width"], height: small["height2"]}); break; } }); directlink(); //rotate(); } function actual_change(diff) { if (actual + diff > 0 && actual + diff < max) { actual = actual + diff; //alert(actual); return true; } return false; }; function directlink() { $('#directlink').attr('href', location.href.replace(location.search, '') + '?show=' + actual); } $(document).ready(function(){ var requete = location.search.substring(1); //alert(requete); var tab_paires = requete.split("&"); var tab_elts = new Array(); //alert(tab_paires.length); for (var i = 0; i < tab_paires.length; i++) { temp = tab_paires[i].split("="); tab_elts[temp[0]] = unescape(temp[1]); } //$('#slider ul').css('overflow', 'hidden'); $('#slider ul').prepend('
  • '); //$('#slider ul').append('
  • '); max = $('#slider ul li').size(); //alert(max); i = (tab_elts["show"]) ? parseInt(tab_elts["show"]) : 3; //alert(i); actual = (!isNaN(i) && i > 0 && i < max) ? i : 2; //alert(actual); $('#slider ul li .text').appendTo("#texts"); $('#slider ul li').each( function(i) { d = Math.abs(actual - i); var a = $(this); var img = a.children('a').children('img'); var ttl = a.children('.imtitle'); //alert(d); switch(d) { case 0: a.css({width: big["width"]+'px', height: big["height2"]+'px'}); //img.css({'margin-top': '0px'}); //showtext(a.attr('id').substr(5)); img.css({width: big["width"]+'px', height: big["height"]+'px'}); break; case 2: a.css({width: extraSmall["width"]+'px', height: extraSmall["height2"]+'px'}); //showtext(a.attr('id').substr(5)); //img.css({'margin-top': '0px'}); img.css({width: extraSmall["width"]+'px', height: extraSmall["height"]+'px'}); break; case 1: a.css({width: small["width"]+'px', height: small["height2"]+'px'}); //img.css({'margin-top': smallMargin["top"]+'px'}); img.css({width: small["width"]+'px', height: small["height"]+'px'}); break; case 3: a.css({display: 'none', width: '0px', height: '0px'}); break; default: a.css({display: 'none', width: '0px', height: '0px'}); break; } }); $('#butleft').click( function () { //alert('ok'); if (actual_change(-1)) timer_stop(); equilibrate(); return false; }); $('#butright').click( function () { //alert('ok'); if (actual_change(+1)) timer_stop(); equilibrate(); return false; }); $('#playpause').click( function () { var a = $('#playpause').children('img').attr('src'); var a = a.split("/"); if (a[a.length - 1] == 'pause.png') { timer_stop(); } else { next(); timer = window.setInterval("next()", 2200); $('#playpause').children('img').attr('src', 'images/pause.png'); } return false; }); $('#slider ul li a').click( function () { timer_stop(); }); /* $('#slider').mousewheel(function(objEvent, intDelta){ if (intDelta > 0) { if (actual_change(-1)) equilibrate(); } else if (intDelta < 0) { if (actual_change(+1)) equilibrate(); } return false; }); */ //timer = window.setInterval("next()", 3000); }); function timer_stop() { //var a = $('#playpause').children('img').attr('src'); var a = $('#playpause'); //var a = a.split("/"); if (a[a.length - 1] == 'pause.png') { $('#playpause'); /* ou play.png */ window.clearInterval(timer); } } function next() { if (actual_change(+1)) equilibrate(); } /*function rotate() { //alert(max + ' ' + actual + ' ' + (max - actual)); if (actual < (max / 2)) { var a = $('#slider ul li').eq(max-1).remove(); $('#slider ul').prepend(a); actual = actual + 1; } if (diff < 0) { var a = $('#slider ul li:last').remove(); $('#slider ul').prepend(a); } else { var a = $('#slider ul li:first').remove(); $('#slider ul').append(a); } }*/ function showtext(id) { $('#texts .text').each( function (i) { if ($(this).css('display') != 'none') //$(this).fadeOut('slow'); //alert(id); $(this).hide(); }); $('#texts #text'+id).slideDown('slow'); }