Défilement vertical

**Kepounet** · 21/09/2012, 18h05

Bonjour à tous et à toutes !

Vous êtes mon dernier recours, étant donné que je me prend la tête sur le codage de mon futur portfolio. En effet, j'ai voulu un site horizontal, donc avec une seule page qui défile à l'aide d'un menu. Le problème étant que le code ne fonctionne pas. Je ne vous cache pas que n'étant pas un expert en javascript, j'ai pris le code sur un autre site web qyui utilisait le même principe. Je tiens également à souligner que son site marche sur mon pc, quand je le lance en aperçu et le mien non alors que le code est quasiment le même, à exception près que j'ai changer le menu, les dimensions etc...

Bref, j'attend énormément de vous ! Si vous pouviez me dire où cela pêche ce serait formidable ! Merci d'avance !

Mon index

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/mootools.js"></script>
</head>
 
<body>
 
<div id="contenu">
 
<div id="menu">
<ul>
<li><a id="accueil" title="accueil" href="#">Accueil</a></li>
<li><a id="comics" title="comics" href="#">Comics</a></li>
<li><a id="illustrations" title="illustrations" href="#">Illustrations</a></li>
<li><a id="design" title="design" href="#">Design</a></li>
<li><a id="hangover" title="hangover" href="#">Hangover</a></li>
<li><a id="contact" title="contact" href="#">Contact</a></li>
</ul>
</div>
 
  <div id="content1" class="scrolling-content">
  <h2>Accueil</h2>Le Japon, en forme longue l'État du Japon, en japonais Nippon ou Nihon (???), est un pays insulaire de l’Asie de l’Est. Situé dans l’océan Pacifique, il se trouve dans la mer du Japon, à l’est de la Chine, de la Corée et de la Russie, et au nord de Taïwan. Étymologiquement, les kanjis (ou idéogrammes) qui composent le nom du Japon signifient « lieu d’origine du soleil » ; c’est ainsi que le Japon est parfois désigné comme le « pays du Soleil levant ».
Le Japon forme, depuis 1945, un archipel de 6 852 îles7, dont les quatre plus grandes sont Honshu, Hokkaido, Kyushu et Shikoku, représentant à elles seules 97 % de la superficie du pays. L’archipel s’étend sur plus de trois mille kilomètres. La plupart des îles sont montagneuses, parfois volcaniques ; par exemple, le plus haut sommet du Japon, le mont Fuji (3 776 m), est un volcan (inactif depuis 1707). Le Japon est le dixième pays le plus peuplé du monde, avec environ 127 millions d’habitants pour 377 488 km2 (337 hab./km2), dont l’essentiel est concentré sur les étroites plaines littorales. Le Grand Tokyo, qui comprend la capitale Tokyo et plusieurs préfectures environnantes, est la plus grande région métropolitaine du monde, avec plus de 30 millions d’habitants.
Les recherches archéologiques démontrent que le Japon était peuplé dès la période du Paléolithique supérieur. Les premières mentions écrites du Japon sont de brèves apparitions dans des textes de l’histoire chinoise du Ier siècle. L’histoire du Japon est caractérisée par des périodes de grande influence dans le monde extérieur suivies par de longues périodes d’isolement. Depuis l’adoption de sa constitution en 1947, le Japon a maintenu une monarchie constitutionnelle avec un empereur et un parlement élu, la Diète.
Le Japon est la troisième plus grande puissance économique du monde par PIB nominal et la troisième par PIB à parité de pouvoir d’achat. Il est aussi le quatrième plus gros exportateur et le sixième plus gros importateur. C’est un pays développé, avec un niveau de vie très élevé (dixième IDH le plus élevé) et la plus longue espérance de vie au monde (selon les estimations de l’ONU)8. Mais ce tableau idyllique ne doit pas masquer d’importants problèmes qui pèsent sur l’avenir du pays : le Japon souffre d’un des taux de natalité les plus bas du monde, très en dessous du seuil de renouvellement des générations9. Le pays est actuellement en déclin démographique10. Parallèlement c’est également le pays
  </div>
 
  <div id="content2" class="scrolling-content">
  <h2>Comics</h2>L’Espagne, en forme longue le Royaume d'Espagne, en castillan España Prononciation du titre dans sa version originale et Reino de España, est un pays d'Europe du Sud et, selon les définitions, de l'Ouest, qui occupe la plus grande partie de la péninsule Ibérique. En 2009, le pays comptait 46 millions d'habitants, ce qui en faisait le vingt-neuvième pays au monde en termes de population. Une des anciennes puissances coloniales européennes, le pays fut une puissance mondiale importante du XVe au XVIe siècle, mais commença à perdre de l'influence par la suite, particulièrement tout au long du XIXe siècle avec la perte de ses colonies.
L’Espagne est bordée par la mer Méditerranée au sud et à l'est, à l'exception du territoire britannique de Gibraltar et le détroit du même nom qui sépare le continent européen de l'Afrique. Au nord, les Pyrénées constituent une frontière naturelle avec la France, l'Andorre, et le golfe de Gascogne. Le Portugal et l'océan Atlantique bordent l'ouest et le nord-ouest. Le territoire espagnol inclut également les îles Baléares en Méditerranée, les îles Canaries dans l'océan Atlantique au large de la côte africaine, et deux cités autonomes en Afrique du Nord, Ceuta et Melilla, limitrophes du Maroc. Avec une superficie de 504 030 km², l'Espagne est le pays le plus étendu d'Europe de l'Ouest et de l'Union européenne après la France.
Du fait de son emplacement, le territoire espagnol a été l'objet de nombreuses influences externes, souvent simultanément, depuis les temps préhistoriques jusqu'à la naissance de l'Espagne en tant que pays. Inversement, le pays lui-même a été une importante source d'inspiration pour d'autres régions, principalement durant l'ère moderne, lorsqu'il est devenu un empire colonial qui a laissé un héritage de plus de 400 millions d'hispanophones à ce jour.
L'Espagne est une monarchie constitutionnelle au régime démocratique parlementaire. C'est un pays développé doté de la neuvième plus forte économie mondiale par PIB nominal (douzième à parité de pouvoir d'achat), et d'un niveau de vie « très élevé » (15e au classement IDH en 2007). C'est un membre de l'Organisation des Nations unies, de l'Union européenne, de l'Union latine, de l'OTAN, de l'OCDE, et de l'OMC.
  </div>
 
  <div id="content3" class="scrolling-content">
  <h2>Illustrations</h2>La France, en forme longue la République française, est une république constitutionnelle unitaire à régime semi-présidentiel dont la majeure partie du territoire et de la population sont situés en Europe occidentale, mais qui comprend également plusieurs régions et territoires répartis dans les Amériques, l’océan Indien et l'océan Pacifique. Elle a pour capitale Paris, pour langue officielle le français et pour monnaie l’euro. Sa devise est « Liberté, Égalité, Fraternité », et son drapeau est constitué de trois bandes verticales respectivement bleue, blanche et rouge. Son hymne est La Marseillaise. Son principe est gouvernement du peuple, par le peuple et pour le peuple4.
La France est un pays ancien, formé au Haut Moyen Âge. Depuis le début du XVIe siècle jusqu'à la première moitié du XXe siècle, elle possède un vaste empire colonial. À partir des années 1950, elle est l’un des acteurs de la construction de l’Union européenne. Elle est une puissance nucléaire, et l’un des cinq membres permanents du Conseil de sécurité des Nations unies. La France joue un rôle important dans l’histoire mondiale par l’influence de sa culture et de ses valeurs démocratiques, laïques et républicaines.
La France a, en 2011, le cinquième plus important produit intérieur brut au monde. Son économie, de type capitaliste avec une intervention étatique assez forte, fait d’elle un des leaders mondiaux dans les secteurs de l’agroalimentaire, de l’aéronautique, de l’automobile, des produits de luxe, du tourisme et du nucléaire.
Peuplée de 65,3 millions d’habitants au 1er janvier 20125, la France est un pays développé, avec un indice de développement humain très élevé6.
  </div>
 
  <div id="content4" class="scrolling-content">
 <h2>Design</h2>
  </div>
 
  <div id="content5" class="scrolling-content">
  <h2>Hangover</h2>
  </div>
 
  <div id="content6" class="scrolling-content">
  <h2>Accueil</h2>
  </div>
 
</div>
 
<div id="copyright">
 
</div>
<script src="js/scrolling.js" type="text/javascript"></script>
</body>
</html>

Mootools.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
 
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('o bF={\'bG\':1.1};k $8a(O){m(O!=b9)};k $F(O){B(!$8a(O))m N;B(O.4Y)m\'G\';o F=7g O;B(F==\'2C\'&&O.c4){23(O.7s){12 1:m\'G\';12 3:m/\\S/.2t(O.8Z)?\'bk\':\'bu\'}}B(F==\'2C\'||F==\'k\'){23(O.aR){12 2I:m\'1B\';12 7V:m\'5n\';12 18:m\'4O\'}B(7g O.V==\'4S\'){B(O.3h)m\'cT\';B(O.8r)m\'1c\'}}m F};k $2c(){o 4R={};M(o i=0;i<1c.V;i++){M(o K 1b 1c[i]){o ap=1c[i][K];o 6R=4R[K];B(6R&&$F(ap)==\'2C\'&&$F(6R)==\'2C\')4R[K]=$2c(6R,ap);17 4R[K]=ap}}m 4R};o $R=7c.R=k(){o 1q=1c;B(!1q[1])1q=[c,1q[0]];M(o K 1b 1q[1])1q[0][K]=1q[1][K];m 1q[0]};o $4Q=7c.cW=k(){M(o i=0,l=1c.V;i<l;i++){1c[i].R=k(1W){M(o 1V 1b 1W){B(!c.1L[1V])c.1L[1V]=1W[1V];B(!c[1V])c[1V]=$4Q.6P(1V)}}}};$4Q.6P=k(1V){m k(Y){m c.1L[1V].3U(Y,2I.1L.aI.1S(1c,1))}};$4Q(7S,2I,6W,ao);o 3y=k(O){O=O||{};O.R=$R;m O};o cX=L 3y(U);o cM=L 3y(P);P.6s=P.35(\'6s\')[0];k $2B(O){m!!(O||O===0)};k $5F(O,a8){m $8a(O)?O:a8};k $7X(3p,1z){m 1d.an(1d.7X()*(1z-3p+1)+3p)};k $3A(){m L 97().bf()};k $4Z(1H){ci(1H);cn(1H);m 1F};U.43=!!(P.5M);B(U.aO)U.31=U[U.7d?\'cl\':\'aY\']=1e;17 B(P.9A&&!P.bz&&!bl.bM)U.cS=U.4M=U[U.43?\'cg\':\'65\']=1e;17 B(P.cb!=1F)U.7W=1e;B(7g 5O==\'b9\'){o 5O=k(){};B(U.4M)P.aq("cJ");5O.1L=(U.4M)?U["[[bA.1L]]"]:{}}5O.1L.4Y=1e;B(U.aY)5f{P.bK("cc",N,1e)}4X(e){};o 18=k(1K){o 63=k(){m(1c[0]!==1F&&c.1j&&$F(c.1j)==\'k\')?c.1j.3U(c,1c):c};$R(63,c);63.1L=1K;63.aR=18;m 63};18.1m=k(){};18.1L={R:k(1K){o 7k=L c(1F);M(o K 1b 1K){o aP=7k[K];7k[K]=18.aL(aP,1K[K])}m L 18(7k)},3q:k(){M(o i=0,l=1c.V;i<l;i++)$R(c.1L,1c[i])}};18.aL=k(2o,2a){B(2o&&2o!=2a){o F=$F(2a);B(F!=$F(2o))m 2a;23(F){12\'k\':o 7E=k(){c.1r=1c.8r.1r;m 2a.3U(c,1c)};7E.1r=2o;m 7E;12\'2C\':m $2c(2o,2a)}}m 2a};o 8b=L 18({bD:k(W){c.4j=c.4j||[];c.4j.1k(W);m c},7t:k(){B(c.4j&&c.4j.V)c.4j.9W().2k(10,c)},bC:k(){c.4j=[]}});o 2q=L 18({1I:k(F,W){B(W!=18.1m){c.$19=c.$19||{};c.$19[F]=c.$19[F]||[];c.$19[F].5w(W)}m c},1i:k(F,1q,2k){B(c.$19&&c.$19[F]){c.$19[F].1o(k(W){W.3a({\'Y\':c,\'2k\':2k,\'1c\':1q})()},c)}m c},3Z:k(F,W){B(c.$19&&c.$19[F])c.$19[F].2H(W);m c}});o 4i=L 18({2U:k(){c.C=$2c.3U(1F,[c.C].R(1c));B(!c.1I)m c;M(o 3B 1b c.C){B($F(c.C[3B]==\'k\')&&3B.2t(/^5C[A-Z]/))c.1I(3B,c.C[3B])}m c}});2I.R({7l:k(W,Y){M(o i=0,j=c.V;i<j;i++)W.1S(Y,c[i],i,c)},3f:k(W,Y){o 54=[];M(o i=0,j=c.V;i<j;i++){B(W.1S(Y,c[i],i,c))54.1k(c[i])}m 54},2K:k(W,Y){o 54=[];M(o i=0,j=c.V;i<j;i++)54[i]=W.1S(Y,c[i],i,c);m 54},4v:k(W,Y){M(o i=0,j=c.V;i<j;i++){B(!W.1S(Y,c[i],i,c))m N}m 1e},bo:k(W,Y){M(o i=0,j=c.V;i<j;i++){B(W.1S(Y,c[i],i,c))m 1e}m N},3S:k(3h,15){o 3N=c.V;M(o i=(15<0)?1d.1z(0,3N+15):15||0;i<3N;i++){B(c[i]===3h)m i}m-1},8m:k(1h,V){1h=1h||0;B(1h<0)1h=c.V+1h;V=V||(c.V-1h);o 89=[];M(o i=0;i<V;i++)89[i]=c[1h++];m 89},2H:k(3h){o i=0;o 3N=c.V;6Y(i<3N){B(c[i]===3h){c.6y(i,1);3N--}17{i++}}m c},1l:k(3h,15){m c.3S(3h,15)!=-1},bm:k(1P){o O={},V=1d.3p(c.V,1P.V);M(o i=0;i<V;i++)O[1P[i]]=c[i];m O},R:k(1B){M(o i=0,j=1B.V;i<j;i++)c.1k(1B[i]);m c},2c:k(1B){M(o i=0,l=1B.V;i<l;i++)c.5w(1B[i]);m c},5w:k(3h){B(!c.1l(3h))c.1k(3h);m c},bp:k(){m c[$7X(0,c.V-1)]||N},7Y:k(){m c[c.V-1]||N}});2I.1L.1o=2I.1L.7l;2I.1L.2t=2I.1L.1l;k $A(1B){m 2I.8m(1B)};k $1o(3W,W,Y){B(3W&&7g 3W.V==\'4S\'&&$F(3W)!=\'2C\')2I.7l(3W,W,Y);17 M(o 1w 1b 3W)W.1S(Y||3W,3W[1w],1w)};6W.R({2t:k(6o,2S){m(($F(6o)==\'2E\')?L 7V(6o,2S):6o).2t(c)},3c:k(){m 5X(c,10)},b4:k(){m 69(c)},7N:k(){m c.3l(/-\\D/g,k(2T){m 2T.7T(1).aJ()})},9o:k(){m c.3l(/\\w[A-Z]/g,k(2T){m(2T.7T(0)+\'-\'+2T.7T(1).5B())})},8I:k(){m c.3l(/\\b[a-z]/g,k(2T){m 2T.aJ()})},5Y:k(){m c.3l(/^\\s+|\\s+$/g,\'\')},7w:k(){m c.3l(/\\s{2,}/g,\' \').5Y()},5I:k(1B){o 1v=c.2T(/\\d{1,3}/g);m(1v)?1v.5I(1B):N},5H:k(1B){o 3C=c.2T(/^#?(\\w{1,2})(\\w{1,2})(\\w{1,2})$/);m(3C)?3C.aI(1).5H(1B):N},1l:k(2E,s){m(s)?(s+c+s).3S(s+2E+s)>-1:c.3S(2E)>-1},aK:k(){m c.3l(/([.*+?^${}()|[\\]\\/\\\\])/g,\'\\\\$1\')}});2I.R({5I:k(1B){B(c.V<3)m N;B(c.V==4&&c[3]==0&&!1B)m\'c5\';o 3C=[];M(o i=0;i<3;i++){o 52=(c[i]-0).4u(16);3C.1k((52.V==1)?\'0\'+52:52)}m 1B?3C:\'#\'+3C.2h(\'\')},5H:k(1B){B(c.V!=3)m N;o 1v=[];M(o i=0;i<3;i++){1v.1k(5X((c[i].V==1)?c[i]+c[i]:c[i],16))}m 1B?1v:\'1v(\'+1v.2h(\',\')+\')\'}});7S.R({3a:k(C){o W=c;C=$2c({\'Y\':W,\'I\':N,\'1c\':1F,\'2k\':N,\'4f\':N,\'6J\':N},C);B($2B(C.1c)&&$F(C.1c)!=\'1B\')C.1c=[C.1c];m k(I){o 1q;B(C.I){I=I||U.I;1q=[(C.I===1e)?I:L C.I(I)];B(C.1c)1q.R(C.1c)}17 1q=C.1c||1c;o 3P=k(){m W.3U($5F(C.Y,W),1q)};B(C.2k)m 9H(3P,C.2k);B(C.4f)m cI(3P,C.4f);B(C.6J)5f{m 3P()}4X(cE){m N};m 3P()}},cL:k(1q,Y){m c.3a({\'1c\':1q,\'Y\':Y})},6J:k(1q,Y){m c.3a({\'1c\':1q,\'Y\':Y,\'6J\':1e})()},Y:k(Y,1q){m c.3a({\'Y\':Y,\'1c\':1q})},cU:k(Y,1q){m c.3a({\'Y\':Y,\'I\':1e,\'1c\':1q})},2k:k(2k,Y,1q){m c.3a({\'2k\':2k,\'Y\':Y,\'1c\':1q})()},4f:k(at,Y,1q){m c.3a({\'4f\':at,\'Y\':Y,\'1c\':1q})()}});ao.R({3c:k(){m 5X(c)},b4:k(){m 69(c)},1E:k(3p,1z){m 1d.3p(1z,1d.1z(3p,c))},2r:k(5L){5L=1d.3J(10,5L||0);m 1d.2r(c*5L)/5L},cN:k(W){M(o i=0;i<c;i++)W(i)}});o Q=L 18({1j:k(el,1W){B($F(el)==\'2E\'){B(U.31&&1W&&(1W.1w||1W.F)){o 1w=(1W.1w)?\' 1w="\'+1W.1w+\'"\':\'\';o F=(1W.F)?\' F="\'+1W.F+\'"\':\'\';5j 1W.1w;5j 1W.F;el=\'<\'+el+1w+F+\'>\'}el=P.aq(el)}el=$(el);m(!1W||!el)?el:el.2i(1W)}});o 29=L 18({1j:k(T){m(T)?$R(T,c):c}});29.R=k(1W){M(o 1V 1b 1W){c.1L[1V]=1W[1V];c[1V]=$4Q.6P(1V)}};k $(el){B(!el)m N;B(el.4Y)m 33.4V(el);B([U,P].1l(el))m el;o F=$F(el);B(F==\'2E\'){el=P.7f(el);F=(el)?\'G\':N}B(F!=\'G\')m N;B(el.4Y)m 33.4V(el);B([\'2C\',\'cx\'].1l(el.6k.5B()))m el;$R(el,Q.1L);el.4Y=1e;m 33.4V(el)};P.77=P.35;k $$(){o T=[];M(o i=0,j=1c.V;i<j;i++){o 1Q=1c[i];23($F(1Q)){12\'G\':T.1k(1Q);12\'ce\':1D;12 N:1D;12\'2E\':1Q=P.77(1Q,1e);5D:T.R(1Q)}}m $$.5R(T)};$$.5R=k(1B){o T=[];M(o i=0,l=1B.V;i<l;i++){B(1B[i].$6T)6C;o G=$(1B[i]);B(G&&!G.$6T){G.$6T=1e;T.1k(G)}}M(o i=0,l=T.V;i<l;i++)T[i].$6T=1F;m L 29(T)};29.6D=k(K){m k(){o 1q=1c;o 1y=[];o T=1e;M(o i=0,j=c.V,3P;i<j;i++){3P=c[i][K].3U(c[i],1q);B($F(3P)!=\'G\')T=N;1y.1k(3P)};m(T)?$$.5R(1y):1y}};Q.R=k(1K){M(o K 1b 1K){5O.1L[K]=1K[K];Q.1L[K]=1K[K];Q[K]=$4Q.6P(K);o aF=(2I.1L[K])?K+\'29\':K;29.1L[aF]=29.6D(K)}};Q.R({2i:k(1W){M(o 1V 1b 1W){o 4x=1W[1V];23(1V){12\'8A\':c.4z(4x);1D;12\'19\':B(c.6B)c.6B(4x);1D;12\'1K\':c.6j(4x);1D;5D:c.7b(1V,4x)}}m c},25:k(el,aH){el=$(el);23(aH){12\'aA\':el.3r.7G(c,el);1D;12\'aB\':o 3v=el.8x();B(!3v)el.3r.81(c);17 el.3r.7G(c,3v);1D;12\'1n\':o 84=el.9i;B(84){el.7G(c,84);1D}5D:el.81(c)}m c},8o:k(el){m c.25(el,\'aA\')},6O:k(el){m c.25(el,\'aB\')},ca:k(el){m c.25(el,\'3O\')},ct:k(el){m c.25(el,\'1n\')},b8:k(){o T=[];$1o(1c,k(4n){T=T.7y(4n)});$$(T).25(c);m c},2H:k(){m c.3r.cv(c)},9M:k(b3){o el=$(c.cp(b3!==N));B(!el.$19)m el;el.$19={};M(o F 1b c.$19)el.$19[F]={\'1P\':$A(c.$19[F].1P),\'1J\':$A(c.$19[F].1J)};m el.6G()},ck:k(el){el=$(el);c.3r.cm(el,c);m el},co:k(21){B(U.31){23(c.57()){12\'1Z\':c.c6.b7=21;m c;12\'2W\':m c.7b(\'21\',21)}}c.81(P.c7(21));m c},7F:k(1A){m c.1A.1l(1A,\' \')},bh:k(1A){B(!c.7F(1A))c.1A=(c.1A+\' \'+1A).7w();m c},b5:k(1A){c.1A=c.1A.3l(L 7V(\'(^|\\\\s)\'+1A+\'(?:\\\\s|$)\'),\'$1\').7w();m c},ch:k(1A){m c.7F(1A)?c.b5(1A):c.bh(1A)},1O:k(K,J){23(K){12\'22\':m c.bi(69(J));12\'by\':K=(U.31)?\'bn\':\'bW\'}K=K.7N();23($F(J)){12\'4S\':B(![\'bH\',\'am\'].1l(K))J+=\'5a\';1D;12\'1B\':J=\'1v(\'+J.2h(\',\')+\')\'}c.1Z[K]=J;m c},4z:k(1Y){23($F(1Y)){12\'2C\':Q.6w(c,\'1O\',1Y);1D;12\'2E\':c.1Z.b7=1Y}m c},bi:k(22){B(22==0){B(c.1Z.4G!="4y")c.1Z.4G="4y"}17{B(c.1Z.4G!="8D")c.1Z.4G="8D"}B(!c.71||!c.71.cR)c.1Z.am=1;B(U.31)c.1Z.3f=(22==1)?\'\':"6Z(22="+22*3b+")";c.1Z.22=c.$1X.22=22;m c},2j:k(K){K=K.7N();o 1N=c.1Z[K];B(!$2B(1N)){B(K==\'22\')m c.$1X.22;o 1N=[];M(o 1Z 1b Q.4e){B(K==1Z){Q.4e[1Z].1o(k(s){o 1Z=c.2j(s);1N.1k(5X(1Z)?1Z:\'8W\')},c);B(K==\'2Y\'){o 4v=1N.4v(k(52){m(52==1N[0])});m(4v)?1N[0]:N}m 1N.2h(\' \')}}B(K.1l(\'2Y\')){B(Q.4e.2Y.1l(K)){m[\'8X\',\'82\',\'2M\'].2K(k(p){m c.2j(K+p)},c).2h(\' \')}17 B(Q.92.1l(K)){m[\'8S\',\'8T\',\'8U\',\'8V\'].2K(k(p){m c.2j(\'2Y\'+p+K.3l(\'2Y\',\'\'))},c).2h(\' \')}}B(P.9n)1N=P.9n.bL(c,1F).bN(K.9o());17 B(c.71)1N=c.71[K]}B(U.31)1N=Q.91(K,1N,c);B(1N&&K.2t(/2G/i)&&1N.1l(\'1v\')){m 1N.66(\'1v\').6y(1,4).2K(k(2G){m 2G.5I()}).2h(\' \')}m 1N},ba:k(){m Q.7D(c,\'2j\',1c)},5U:k(6U,1h){6U+=\'bZ\';o el=(1h)?c[1h]:c[6U];6Y(el&&$F(el)!=\'G\')el=el[6U];m $(el)},9F:k(){m c.5U(\'2o\')},8x:k(){m c.5U(\'3v\')},bq:k(){m c.5U(\'3v\',\'9i\')},7Y:k(){m c.5U(\'2o\',\'bx\')},cD:k(){m $(c.3r)},8F:k(){m $$(c.9A)},7Z:k(el){m!!$A(c.35(\'*\')).1l(el)},6n:k(K){o 26=Q.6z[K];B(26)m c[26];B(!U.31)m c.cK(K);o 7z=c.cO[K];m(7z)?7z.8Z:1F},c8:k(K){o 26=Q.6z[K];B(26)c[26]=\'\';17 c.94(K);m c},c9:k(){m Q.7D(c,\'6n\',1c)},7b:k(K,J){o 26=Q.6z[K];B(26)c[26]=J;17 c.cq(K,J);m c},6j:k(1Y){m Q.6w(c,\'7b\',1Y)},5Q:k(){c.cH=$A(1c).2h(\'\');m c},57:k(){m c.6k.5B()},1m:k(){33.44(c.35(\'*\'));m c.5Q(\'\')}});Q.91=k(K,1N,G){B($2B(5X(1N)))m 1N;B([\'2N\',\'2z\'].1l(K)){o 1J=(K==\'2z\')?[\'1t\',\'4k\']:[\'1n\',\'3O\'];o 3n=0;1J.1o(k(J){3n+=G.2j(\'2Y-\'+J+\'-2z\').3c()+G.2j(\'4F-\'+J).3c()});m G[\'1C\'+K.8I()]-3n+\'5a\'}17 B(K.2t(/2Y(.+)8X|34|4F/)){m\'8W\'}m 1N};Q.4e={\'2Y\':[],\'4F\':[],\'34\':[]};[\'8S\',\'8T\',\'8U\',\'8V\'].1o(k(5Z){M(o 1Z 1b Q.4e)Q.4e[1Z].1k(1Z+5Z)});Q.92=[\'cr\',\'cs\',\'cj\'];Q.7D=k(el,28,1P){o 1N={};$1o(1P,k(1s){1N[1s]=el[28](1s)});m 1N};Q.6w=k(el,28,80){M(o 1s 1b 80)el[28](1s,80[1s]);m el};Q.6z=L 3y({\'4O\':\'1A\',\'M\':\'cf\',\'cw\':\'cQ\',\'cP\':\'cC\',\'cB\':\'cA\',\'cy\':\'cz\',\'cF\':\'cG\',\'cY\':\'bV\',\'J\':\'J\',\'7M\':\'7M\',\'7P\':\'7P\',\'7O\':\'7O\'});Q.2F={7a:{2A:k(F,W){B(c.7v)c.7v(F,W,N);17 c.bw(\'5C\'+F,W);m c},3j:k(F,W){B(c.ad)c.ad(F,W,N);17 c.bv(\'5C\'+F,W);m c}}};U.R(Q.2F.7a);P.R(Q.2F.7a);Q.R(Q.2F.7a);o 33={T:[],4V:k(el){B(!el.$1X){33.T.1k(el);el.$1X={\'22\':1}}m el},44:k(T){M(o i=0,j=T.V,el;i<j;i++){B(!(el=T[i])||!el.$1X)6C;B(el.$19)el.1i(\'44\').6G();M(o p 1b el.$1X)el.$1X[p]=1F;M(o p 1b Q.1L)el[p]=1F;el.4Y=el.$1X=el=1F;33.T.2H(el)}},1m:k(){33.4V(U);33.4V(P);33.44(33.T)}};U.2A(\'bt\',k(){U.2A(\'af\',33.1m);B(U.31)U.2A(\'af\',bB)});o 2R=L 18({1j:k(I){B(I&&I.$9J)m I;c.$9J=1e;I=I||U.I;c.I=I;c.F=I.F;c.3u=I.3u||I.bs;B(c.3u.7s==3)c.3u=c.3u.3r;c.9W=I.bU;c.bS=I.bT;c.bX=I.bY;c.c3=I.c2;B([\'9L\',\'5r\'].1l(c.F)){c.c1=(I.9X)?I.9X/c0:-(I.bR||0)/3}17 B(c.F.1l(\'1s\')){c.6Q=I.9P||I.bQ;M(o 1w 1b 2R.1P){B(2R.1P[1w]==c.6Q){c.1s=1w;1D}}B(c.F==\'bI\'){o 7i=c.6Q-bE;B(7i>0&&7i<13)c.1s=\'f\'+7i}c.1s=c.1s||6W.bP(c.6Q).5B()}17 B(c.F.2t(/(8p|3i|bO)/)){c.1M={\'x\':I.7p||I.9h+P.2X.67,\'y\':I.7q||I.9R+P.2X.6a};c.9d={\'x\':I.7p?I.7p-U.9v:I.9h,\'y\':I.7q?I.7q-U.9t:I.9R};c.dw=(I.9P==3)||(I.eJ==2);23(c.F){12\'9E\':c.2p=I.2p||I.eK;1D;12\'9D\':c.2p=I.2p||I.8z}c.9U()}m c},1R:k(){m c.6V().76()},6V:k(){B(c.I.6V)c.I.6V();17 c.I.eI=1e;m c},76:k(){B(c.I.76)c.I.76();17 c.I.eH=N;m c}});2R.6d={2p:k(){B(c.2p&&c.2p.7s==3)c.2p=c.2p.3r},9Y:k(){5f{2R.6d.2p.1S(c)}4X(e){c.2p=c.3u}}};2R.1L.9U=(U.7W)?2R.6d.9Y:2R.6d.2p;2R.1P=L 3y({\'eG\':13,\'8B\':38,\'8C\':40,\'1t\':37,\'4k\':39,\'eL\':27,\'eM\':32,\'eR\':8,\'eS\':9,\'5j\':46});Q.2F.2q={1I:k(F,W){c.$19=c.$19||{};c.$19[F]=c.$19[F]||{\'1P\':[],\'1J\':[]};B(c.$19[F].1P.1l(W))m c;c.$19[F].1P.1k(W);o 7u=F;o 2w=Q.2q[F];B(2w){B(2w.7I)2w.7I.1S(c,W);B(2w.2K)W=2w.2K;B(2w.F)7u=2w.F}B(!c.7v)W=W.3a({\'Y\':c,\'I\':1e});c.$19[F].1J.1k(W);m c.2A(7u,W)},3Z:k(F,W){B(!c.$19||!c.$19[F])m c;o 1p=c.$19[F].1P.3S(W);B(1p==-1)m c;o 1s=c.$19[F].1P.6y(1p,1)[0];o J=c.$19[F].1J.6y(1p,1)[0];o 2w=Q.2q[F];B(2w){B(2w.2H)2w.2H.1S(c,W);B(2w.F)F=2w.F}m c.3j(F,J)},6B:k(1Y){m Q.6w(c,\'1I\',1Y)},6G:k(F){B(!c.$19)m c;B(!F){M(o 6t 1b c.$19)c.6G(6t);c.$19=1F}17 B(c.$19[F]){c.$19[F].1P.1o(k(W){c.3Z(F,W)},c);c.$19[F]=1F}m c},1i:k(F,1q,2k){B(!c.$19||!c.$19[F])m c;c.$19[F].1P.1o(k(W){W.3a({\'Y\':c,\'2k\':2k,\'1c\':1q})()},c);m c},9G:k(15,F){B(!15.$19)m c;B(!F){M(o 6t 1b 15.$19)c.9G(15,6t)}17 B(15.$19[F]){15.$19[F].1P.1o(k(W){c.1I(F,W)},c)}m c}};U.R(Q.2F.2q);P.R(Q.2F.2q);Q.R(Q.2F.2q);Q.2q=L 3y({\'8k\':{F:\'9E\',2K:k(I){I=L 2R(I);B(I.2p==c||c.7Z(I.2p))m;c.1i(\'8k\',I)}},\'8h\':{F:\'9D\',2K:k(I){I=L 2R(I);B(I.2p==c||c.7Z(I.2p))m;c.1i(\'8h\',I)}},\'5r\':{F:(U.7W)?\'9L\':\'5r\'}});7S.R({3g:k(Y,1q){m c.3a({\'Y\':Y,\'1c\':1q,\'I\':2R})}});29.R({eQ:k(a0){m L 29(c.3f(k(el){m(Q.57(el)==a0)}))},ai:k(1A,2D){o T=c.3f(k(el){m(el.1A&&el.1A.1l(1A,\' \'))});m(2D)?T:L 29(T)},ah:k(4w,2D){o T=c.3f(k(el){m(el.4w==4w)});m(2D)?T:L 29(T)},al:k(1w,7x,J,2D){o T=c.3f(k(el){o 2a=Q.6n(el,1w);B(!2a)m N;B(!7x)m 1e;23(7x){12\'=\':m(2a==J);12\'*=\':m(2a.1l(J));12\'^=\':m(2a.6p(0,J.V)==J);12\'$=\':m(2a.6p(2a.V-J.V)==J);12\'!=\':m(2a!=J);12\'~=\':m 2a.1l(J,\' \')}m N});m(2D)?T:L 29(T)}});k $E(1Q,3f){m($(3f)||P).a5(1Q)};k $eP(1Q,3f){m($(3f)||P).77(1Q)};$$.3M={\'5n\':/^(\\w*|\\*)(?:#([\\w-]+)|\\.([\\w-]+))?(?:\\[(\\w+)(?:([!*^$]?=)["\']?([^"\'\\]]*)["\']?)?])?$/,\'43\':{7C:k(1y,36,1f,i){o 2s=[36.eN?\'87:\':\'\',1f[1]];B(1f[2])2s.1k(\'[@4w="\',1f[2],\'"]\');B(1f[3])2s.1k(\'[1l(7y(" ", @4O, " "), " \',1f[3],\' ")]\');B(1f[4]){B(1f[5]&&1f[6]){23(1f[5]){12\'*=\':2s.1k(\'[1l(@\',1f[4],\', "\',1f[6],\'")]\');1D;12\'^=\':2s.1k(\'[cZ-eO(@\',1f[4],\', "\',1f[6],\'")]\');1D;12\'$=\':2s.1k(\'[eE(@\',1f[4],\', 2E-V(@\',1f[4],\') - \',1f[6].V,\' + 1) = "\',1f[6],\'"]\');1D;12\'=\':2s.1k(\'[@\',1f[4],\'="\',1f[6],\'"]\');1D;12\'!=\':2s.1k(\'[@\',1f[4],\'!="\',1f[6],\'"]\')}}17{2s.1k(\'[@\',1f[4],\']\')}}1y.1k(2s.2h(\'\'));m 1y},7B:k(1y,36,2D){o T=[];o 43=P.5M(\'.//\'+1y.2h(\'//\'),36,$$.3M.ak,eD.et,1F);M(o i=0,j=43.eu;i<j;i++)T.1k(43.es(i));m(2D)?T:L 29(T.2K($))}},\'a3\':{7C:k(1y,36,1f,i){B(i==0){B(1f[2]){o el=36.7f(1f[2]);B(!el||((1f[1]!=\'*\')&&(Q.57(el)!=1f[1])))m N;1y=[el]}17{1y=$A(36.35(1f[1]))}}17{1y=$$.3M.35(1y,1f[1]);B(1f[2])1y=29.ah(1y,1f[2],1e)}B(1f[3])1y=29.ai(1y,1f[3],1e);B(1f[4])1y=29.al(1y,1f[4],1f[5],1f[6],1e);m 1y},7B:k(1y,36,2D){m(2D)?1y:$$.5R(1y)}},ak:k(aj){m(aj==\'87\')?\'96://aQ.er.eo/ep/87\':N},35:k(36,6k){o 7Q=[];M(o i=0,j=36.V;i<j;i++)7Q.R(36[i].35(6k));m 7Q}};$$.3M.28=(U.43)?\'43\':\'a3\';Q.2F.7H={7e:k(1Q,2D){o 1y=[];1Q=1Q.5Y().66(\' \');M(o i=0,j=1Q.V;i<j;i++){o a2=1Q[i];o 1f=a2.2T($$.3M.5n);B(!1f)1D;1f[1]=1f[1]||\'*\';o 2s=$$.3M[$$.3M.28].7C(1y,c,1f,i);B(!2s)1D;1y=2s}m $$.3M[$$.3M.28].7B(1y,c,2D)},a5:k(1Q){m $(c.7e(1Q,1e)[0]||N)},77:k(1Q,2D){o T=[];1Q=1Q.66(\',\');M(o i=0,j=1Q.V;i<j;i++)T=T.7y(c.7e(1Q[i],1e));m(2D)?T:$$.5R(T)},ew:k(1A){m c.7e(\'.\'+1A)}};Q.R({7f:k(4w){o el=P.7f(4w);B(!el)m N;M(o 1r=el.3r;1r!=c;1r=1r.3r){B(!1r)m N}m el}});P.R(Q.2F.7H);Q.R(Q.2F.7H);Q.R({4b:k(){23(c.57()){12\'4o\':o 1J=[];$1o(c.C,k(3B){B(3B.eB)1J.1k($5F(3B.J,3B.21))});m(c.7O)?1J:1J[0];12\'99\':B(!(c.7P&&[\'eC\',\'eA\'].1l(c.F))&&![\'4y\',\'21\',\'ez\'].1l(c.F))1D;12\'9c\':m c.J}m N},9b:k(){m $$(c.35(\'99\'),c.35(\'4o\'),c.35(\'9c\'))},5l:k(){o 51=[];c.9b().1o(k(el){o 1w=el.1w;o J=el.4b();B(J===N||!1w||el.7M)m;o 7L=k(4x){51.1k(1w+\'=\'+6e(4x))};B($F(J)==\'1B\')J.1o(7L);17 7L(J)});m 51.2h(\'&\')}});Q.R({3x:k(x,y){c.67=x;c.6a=y},6N:k(){m{\'2J\':{\'x\':c.67,\'y\':c.6a},\'3n\':{\'x\':c.42,\'y\':c.3T},\'6M\':{\'x\':c.6H,\'y\':c.5N}}},3o:k(2m){2m=2m||[];o el=c,1t=0,1n=0;do{1t+=el.ex||0;1n+=el.ey||0;el=el.eT}6Y(el);2m.1o(k(G){1t-=G.67||0;1n-=G.6a||0});m{\'x\':1t,\'y\':1n}},aX:k(2m){m c.3o(2m).y},aW:k(2m){m c.3o(2m).x},4A:k(2m){o 1u=c.3o(2m);o O={\'2z\':c.42,\'2N\':c.3T,\'1t\':1u.x,\'1n\':1u.y};O.4k=O.1t+O.2z;O.3O=O.1n+O.2N;m O}});Q.2q.7K={7I:k(W){B(U.70){W.1S(c);m}o 5V=k(){B(U.70)m;U.70=1e;U.1H=$4Z(U.1H);c.1i(\'7K\')}.Y(c);B(P.5c&&U.4M){U.1H=k(){B([\'70\',\'8q\'].1l(P.5c))5V()}.4f(50)}17 B(P.5c&&U.31){B(!$(\'7J\')){o 59=(U.5b.f5==\'f7:\')?\'://0\':\'8n:f9(0)\';P.f3(\'<2W 4w="7J" eX 59="\'+59+\'"><\\/2W>\');$(\'7J\').6c=k(){B(c.5c==\'8q\')5V()}}}17{U.2A("4r",5V);P.2A("eV",5V)}}};U.f2=k(W){m c.1I(\'7K\',W)};U.R({8f:k(){B(c.65)m c.f0;B(c.8Y)m P.4H.90;m P.2X.90},8l:k(){B(c.65)m c.eZ;B(c.8Y)m P.4H.9e;m P.2X.9e},9w:k(){B(c.31)m 1d.1z(P.2X.42,P.2X.6H);B(c.4M)m P.4H.6H;m P.2X.6H},9x:k(){B(c.31)m 1d.1z(P.2X.3T,P.2X.5N);B(c.4M)m P.4H.5N;m P.2X.5N},8s:k(){m c.9v||P.2X.67},8u:k(){m c.9t||P.2X.6a},6N:k(){m{\'3n\':{\'x\':c.8f(),\'y\':c.8l()},\'6M\':{\'x\':c.9w(),\'y\':c.9x()},\'2J\':{\'x\':c.8s(),\'y\':c.8u()}}},3o:k(){m{\'x\':0,\'y\':0}}});o 1g={f8:{}};1g.2O=L 18({C:{45:18.1m,1T:18.1m,7m:18.1m,2b:k(p){m-(1d.as(1d.85*p)-1)/2},49:eY,2u:\'5a\',3Q:1e,9z:50},1j:k(C){c.G=c.G||1F;c.2U(C);B(c.C.1j)c.C.1j.1S(c)},2l:k(){o 3A=$3A();B(3A<c.3A+c.C.49){c.4l=c.C.2b((3A-c.3A)/c.C.49);c.4s();c.4p()}17{c.1R(1e);c.2i(c.14);c.1i(\'1T\',c.G,10);c.7t()}},2i:k(14){c.1a=14;c.4p();m c},4s:k(){c.1a=c.4t(c.15,c.14)},4t:k(15,14){m(14-15)*c.4l+15},1h:k(15,14){B(!c.C.3Q)c.1R();17 B(c.1H)m c;c.15=15;c.14=14;c.4h=c.14-c.15;c.3A=$3A();c.1H=c.2l.4f(1d.2r(ax/c.C.9z),c);c.1i(\'45\',c.G);m c},1R:k(2f){B(!c.1H)m c;c.1H=$4Z(c.1H);B(!2f)c.1i(\'7m\',c.G);m c},2w:k(15,14){m c.1h(15,14)},eW:k(2f){m c.1R(2f)}});1g.2O.3q(L 8b,L 2q,L 4i);1g.3s={4o:k(K,14){B(K.2t(/2G/i))m c.2M;B(14.1l&&14.1l(\' \'))m c.6D;m c.9q},2P:k(el,K,5d){B(!5d.1k)5d=[5d];o 15=5d[0],14=5d[1];B(!14&&14!=0){14=15;15=el.2j(K)}o 1x=c.4o(K,14);m{15:1x.2P(15),14:1x.2P(14),1x:1x}}};1g.3s.9q={2P:k(J){m 69(J)},55:k(15,14,2x){m 2x.4t(15,14)},4b:k(J,2u,K){B(2u==\'5a\'&&K!=\'22\')J=1d.2r(J);m J+2u}};1g.3s.6D={2P:k(J){m J.1k?J:J.66(\' \').2K(k(v){m 69(v)})},55:k(15,14,2x){o 1a=[];M(o i=0;i<15.V;i++)1a[i]=2x.4t(15[i],14[i]);m 1a},4b:k(J,2u,K){B(2u==\'5a\'&&K!=\'22\')J=J.2K(1d.2r);m J.2h(2u+\' \')+2u}};1g.3s.2M={2P:k(J){m J.1k?J:J.5H(1e)},55:k(15,14,2x){o 1a=[];M(o i=0;i<15.V;i++)1a[i]=1d.2r(2x.4t(15[i],14[i]));m 1a},4b:k(J){m\'1v(\'+J.2h(\',\')+\')\'}};1g.82=1g.2O.R({1j:k(el,K,C){c.G=$(el);c.K=K;c.1r(C)},5k:k(){m c.2i(0)},4s:k(){c.1a=c.1x.55(c.15,c.14,c)},2i:k(14){c.1x=1g.3s.4o(c.K,14);m c.1r(c.1x.2P(14))},1h:k(15,14){B(c.1H&&c.C.3Q)m c;o 2e=1g.3s.2P(c.G,c.K,[15,14]);c.1x=2e.1x;m c.1r(2e.15,2e.14)},4p:k(){c.G.1O(c.K,c.1x.4b(c.1a,c.C.2u,c.K))}});Q.R({f1:k(K,C){m L 1g.82(c,K,C)}});1g.4e=1g.2O.R({1j:k(el,C){c.G=$(el);c.1r(C)},4s:k(){M(o p 1b c.15)c.1a[p]=c.1x[p].55(c.15[p],c.14[p],c)},2i:k(14){o 2e={};c.1x={};M(o p 1b 14){c.1x[p]=1g.3s.4o(p,14[p]);2e[p]=c.1x[p].2P(14[p])}m c.1r(2e)},1h:k(O){B(c.1H&&c.C.3Q)m c;c.1a={};c.1x={};o 15={},14={};M(o p 1b O){o 2e=1g.3s.2P(c.G,p,O[p]);15[p]=2e.15;14[p]=2e.14;c.1x[p]=2e.1x}m c.1r(15,14)},4p:k(){M(o p 1b c.1a)c.G.1O(p,c.1x[p].4b(c.1a[p],c.C.2u,p))}});Q.R({3t:k(C){m L 1g.4e(c,C)}});1g.29=1g.2O.R({1j:k(T,C){c.T=$$(T);c.1r(C)},4s:k(){M(o i 1b c.15){o 5o=c.15[i],4a=c.14[i],3z=c.1x[i],5s=c.1a[i]={};M(o p 1b 5o)5s[p]=3z[p].55(5o[p],4a[p],c)}},2i:k(14){o 2e={};c.1x={};M(o i 1b 14){o 4a=14[i],3z=c.1x[i]={},9l=2e[i]={};M(o p 1b 4a){3z[p]=1g.3s.4o(p,4a[p]);9l[p]=3z[p].2P(4a[p])}}m c.1r(2e)},1h:k(O){B(c.1H&&c.C.3Q)m c;c.1a={};c.1x={};o 15={},14={};M(o i 1b O){o 7A=O[i],5o=15[i]={},4a=14[i]={},3z=c.1x[i]={};M(o p 1b 7A){o 2e=1g.3s.2P(c.T[i],p,7A[p]);5o[p]=2e.15;4a[p]=2e.14;3z[p]=2e.1x}}m c.1r(15,14)},4p:k(){M(o i 1b c.1a){o 5s=c.1a[i],3z=c.1x[i];M(o p 1b 5s)c.T[i].1O(p,3z[p].4b(5s[p],c.C.2u,p))}}});1g.ac=1g.2O.R({C:{2m:[],1C:{\'x\':0,\'y\':0}},1j:k(G,C){c.1a=[];c.G=$(G);c.1G={\'1R\':c.1R.Y(c,N)};c.1I(\'45\',k(){P.1I(\'5r\',c.1G.1R)}.Y(c));c.3Z(\'1T\',k(){P.3Z(\'5r\',c.1G.1R)}.Y(c));c.1r(C)},4s:k(){M(o i=0;i<2;i++)c.1a[i]=c.4t(c.15[i],c.14[i])},3x:k(x,y){B(c.1H&&c.C.3Q)m c;o el=c.G.6N();o 1J={\'x\':x,\'y\':y};M(o z 1b el.3n){o 1z=el.6M[z]-el.3n[z];B($2B(1J[z]))1J[z]=($F(1J[z])==\'4S\')?1J[z].1E(0,1z):1z;17 1J[z]=el.2J[z];1J[z]+=c.C.1C[z]}m c.1h([el.2J.x,el.2J.y],[1J.x,1J.y])},dr:k(){m c.3x(N,0)},dq:k(){m c.3x(N,\'bg\')},dl:k(){m c.3x(0,N)},dm:k(){m c.3x(\'bg\',N)},8z:k(el){o 1r=c.G.3o(c.C.2m);o 3u=$(el).3o(c.C.2m);m c.3x(3u.x-1r.x,3u.y-1r.y)},4p:k(){c.G.3x(c.1a[0],c.1a[1])}});1g.dn=1g.2O.R({C:{2d:\'8J\'},1j:k(el,C){c.G=$(el);c.3d=L Q(\'4K\',{\'8A\':$R(c.G.ba(\'34\'),{\'aT\':\'4y\'})}).6O(c.G).b8(c.G);c.G.1O(\'34\',0);c.2U(C);c.1a=[];c.1r(c.C);B(U.65)c.1I(\'1T\',k(){c.G.2H().25(c.3d)})},4s:k(){M(o i=0;i<2;i++)c.1a[i]=c.4t(c.15[i],c.14[i])},8J:k(){c.34=\'34-1n\';c.5z=\'2N\';c.1C=c.G.3T},8K:k(){c.34=\'34-1t\';c.5z=\'2z\';c.1C=c.G.42},bc:k(2d){c[2d||c.C.2d]();m c.1h([c.G.2j(c.34).3c(),c.3d.2j(c.5z).3c()],[0,c.1C])},be:k(2d){c[2d||c.C.2d]();m c.1h([c.G.2j(c.34).3c(),c.3d.2j(c.5z).3c()],[-c.1C,0])},5k:k(2d){c[2d||c.C.2d]();m c.2i([-c.1C,0])},41:k(2d){c[2d||c.C.2d]();m c.2i([0,c.1C])},en:k(2d){B(c.3d.3T==0||c.3d.42==0)m c.bc(2d);m c.be(2d)},4p:k(){c.G.1O(c.34,c.1a[0]+c.C.2u);c.3d.1O(c.5z,c.1a[1]+c.C.2u)}});1g.86=k(2b,2S){2S=2S||[];B($F(2S)!=\'1B\')2S=[2S];m $R(2b,{dC:k(1p){m 2b(1p,2S)},dD:k(1p){m 1-2b(1-1p,2S)},dE:k(1p){m(1p<=0.5)?2b(2*1p,2S)/2:(2-2b(2*(1-1p),2S))/2}})};1g.3m=L 3y({dB:k(p){m p}});1g.3m.R=k(7R){M(o 2b 1b 7R){1g.3m[2b]=L 1g.86(7R[2b]);1g.3m.88(2b)}};1g.3m.88=k(2b){[\'dA\',\'dx\',\'dy\'].1o(k(83){1g.3m[2b.5B()+83]=1g.3m[2b][\'dk\'+83]})};1g.3m.R({dj:k(p,x){m 1d.3J(p,x[0]||6)},d6:k(p){m 1d.3J(2,8*(p-1))},d7:k(p){m 1-1d.aD(1d.d8(p))},d5:k(p){m 1-1d.aD((1-p)*1d.85/2)},d4:k(p,x){x=x[0]||1.d0;m 1d.3J(p,2)*((x+1)*p-x)},d1:k(p){o J;M(o a=0,b=1;1;a+=b,b/=2){B(p>=(7-4*a)/11){J=-1d.3J((11-6*a-11*p)/4,2)+b*b;1D}}m J},d2:k(p,x){m 1d.3J(2,10*--p)*1d.as(20*p*1d.85*(x[0]||1)/3)}});[\'d9\',\'da\',\'dg\',\'dh\'].1o(k(2b,i){1g.3m[2b]=L 1g.86(k(p){m 1d.3J(p,[i+2])});1g.3m.88(2b)});o 3Y={};3Y.2O=L 18({C:{3K:N,2u:\'5a\',45:18.1m,au:18.1m,1T:18.1m,av:18.1m,8M:18.1m,1E:N,3F:{x:\'1t\',y:\'1n\'},4E:N,6u:6},1j:k(el,C){c.2U(C);c.G=$(el);c.3K=$(c.C.3K)||c.G;c.3i={\'1a\':{},\'1p\':{}};c.J={\'1h\':{},\'1a\':{}};c.1G={\'1h\':c.1h.3g(c),\'3V\':c.3V.3g(c),\'3L\':c.3L.3g(c),\'1R\':c.1R.Y(c)};c.6K();B(c.C.1j)c.C.1j.1S(c)},6K:k(){c.3K.1I(\'64\',c.1G.1h);m c},9K:k(){c.3K.3Z(\'64\',c.1G.1h);m c},1h:k(I){c.1i(\'au\',c.G);c.3i.1h=I.1M;o 1E=c.C.1E;c.1E={\'x\':[],\'y\':[]};M(o z 1b c.C.3F){B(!c.C.3F[z])6C;c.J.1a[z]=c.G.2j(c.C.3F[z]).3c();c.3i.1p[z]=I.1M[z]-c.J.1a[z];B(1E&&1E[z]){M(o i=0;i<2;i++){B($2B(1E[z][i]))c.1E[z][i]=($F(1E[z][i])==\'k\')?1E[z][i]():1E[z][i]}}}B($F(c.C.4E)==\'4S\')c.C.4E={\'x\':c.C.4E,\'y\':c.C.4E};P.2A(\'2V\',c.1G.3V);P.2A(\'6S\',c.1G.1R);c.1i(\'45\',c.G);I.1R()},3V:k(I){o aw=1d.2r(1d.dd(1d.3J(I.1M.x-c.3i.1h.x,2)+1d.3J(I.1M.y-c.3i.1h.y,2)));B(aw>c.C.6u){P.3j(\'2V\',c.1G.3V);P.2A(\'2V\',c.1G.3L);c.3L(I);c.1i(\'av\',c.G)}I.1R()},3L:k(I){c.5K=N;c.3i.1a=I.1M;M(o z 1b c.C.3F){B(!c.C.3F[z])6C;c.J.1a[z]=c.3i.1a[z]-c.3i.1p[z];B(c.1E[z]){B($2B(c.1E[z][1])&&(c.J.1a[z]>c.1E[z][1])){c.J.1a[z]=c.1E[z][1];c.5K=1e}17 B($2B(c.1E[z][0])&&(c.J.1a[z]<c.1E[z][0])){c.J.1a[z]=c.1E[z][0];c.5K=1e}}B(c.C.4E[z])c.J.1a[z]-=(c.J.1a[z]%c.C.4E[z]);c.G.1O(c.C.3F[z],c.J.1a[z]+c.C.2u)}c.1i(\'8M\',c.G);I.1R()},1R:k(){P.3j(\'2V\',c.1G.3V);P.3j(\'2V\',c.1G.3L);P.3j(\'6S\',c.1G.1R);c.1i(\'1T\',c.G)}});3Y.2O.3q(L 2q,L 4i);Q.R({e8:k(C){m L 3Y.2O(c,$2c({3F:{x:\'2z\',y:\'2N\'}},C))}});3Y.aM=3Y.2O.R({C:{6q:[],2g:N,2m:[]},1j:k(el,C){c.2U(C);c.G=$(el);c.6q=$$(c.C.6q);c.2g=$(c.C.2g);c.1u={\'G\':c.G.2j(\'1u\'),\'2g\':N};B(c.2g)c.1u.2g=c.2g.2j(\'1u\');B(![\'3X\',\'7h\'].1l(c.1u.G))c.1u.G=\'3X\';o 1n=c.G.2j(\'1n\').3c();o 1t=c.G.2j(\'1t\').3c();B(c.1u.G==\'3X\'&&![\'7h\',\'3X\',\'5S\'].1l(c.1u.2g)){1n=$2B(1n)?1n:c.G.aX(c.C.2m);1t=$2B(1t)?1t:c.G.aW(c.C.2m)}17{1n=$2B(1n)?1n:0;1t=$2B(1t)?1t:0}c.G.4z({\'1n\':1n,\'1t\':1t,\'1u\':c.1u.G});c.1r(c.G)},1h:k(I){c.3e=1F;B(c.2g){o 4J=c.2g.4A();o el=c.G.4A();B(c.1u.G==\'3X\'&&![\'7h\',\'3X\',\'5S\'].1l(c.1u.2g)){c.C.1E={\'x\':[4J.1t,4J.4k-el.2z],\'y\':[4J.1n,4J.3O-el.2N]}}17{c.C.1E={\'y\':[0,4J.2N-el.2N],\'x\':[0,4J.2z-el.2z]}}}c.1r(I)},3L:k(I){c.1r(I);o 3e=c.5K?N:c.6q.3f(c.b1,c).7Y();B(c.3e!=3e){B(c.3e)c.3e.1i(\'e2\',[c.G,c]);c.3e=3e?3e.1i(\'e3\',[c.G,c]):1F}m c},b1:k(el){el=el.4A(c.C.2m);o 1a=c.3i.1a;m(1a.x>el.1t&&1a.x<el.4k&&1a.y<el.3O&&1a.y>el.1n)},1R:k(){B(c.3e&&!c.5K)c.3e.1i(\'eb\',[c.G,c]);17 c.G.1i(\'ec\',c);c.1r();m c}});Q.R({ei:k(C){m L 3Y.aM(c,C)}});o 6h=L 18({C:{28:\'4T\',9p:1e,93:18.1m,4L:18.1m,6E:18.1m,aS:1e,5J:\'ej-8\',9m:N,4B:{}},7r:k(){c.2y=(U.7d)?L 7d():(U.31?L aO(\'ek.eh\'):N);m c},1j:k(C){c.7r().2U(C);c.C.5G=c.C.5G||c.5G;c.4B={};B(c.C.aS&&c.C.28==\'4T\'){o 5J=(c.C.5J)?\'; eg=\'+c.C.5J:\'\';c.5i(\'9Q-F\',\'ab/x-aQ-ed-ee\'+5J)}B(c.C.1j)c.C.1j.1S(c)},9g:k(){B(c.2y.5c!=4||!c.4W)m;c.4W=N;o 4C=0;5f{4C=c.2y.4C}4X(e){};B(c.C.5G.1S(c,4C))c.4L();17 c.6E();c.2y.6c=18.1m},5G:k(4C){m((4C>=e0)&&(4C<dN))},4L:k(){c.3w={\'21\':c.2y.dO,\'5q\':c.2y.dP};c.1i(\'4L\',[c.3w.21,c.3w.5q]);c.7t()},6E:k(){c.1i(\'6E\',c.2y)},5i:k(1w,J){c.4B[1w]=J;m c},5y:k(2L,1U){B(c.C.9m)c.98();17 B(c.4W)m c;c.4W=1e;B(1U&&c.C.28==\'4N\')2L=2L+(2L.1l(\'?\')?\'&\':\'?\')+1U,1U=1F;c.2y.dM(c.C.28,2L,c.C.9p);c.2y.6c=c.9g.Y(c);B((c.C.28==\'4T\')&&c.2y.dL)c.5i(\'dH\',\'dI\');$R(c.4B,c.C.4B);M(o F 1b c.4B)5f{c.2y.dJ(F,c.4B[F])}4X(e){};c.1i(\'93\');c.2y.5y($5F(1U,1F));m c},98:k(){B(!c.4W)m c;c.4W=N;c.2y.aC();c.2y.6c=18.1m;c.7r();c.1i(\'7m\');m c}});6h.3q(L 8b,L 2q,L 4i);o a9=6h.R({C:{1U:1F,7o:1F,1T:18.1m,72:N,7U:N},1j:k(2L,C){c.1I(\'4L\',c.1T);c.2U(C);c.C.1U=c.C.1U||c.C.a7;B(![\'4T\',\'4N\'].1l(c.C.28)){c.5p=\'5p=\'+c.C.28;c.C.28=\'4T\'}c.1r();c.5i(\'X-dR-dX\',\'7d\');c.5i(\'dY\',\'21/8n, 21/dZ, ab/5q, 21/5q, */*\');c.2L=2L},1T:k(){B(c.C.7o)$(c.C.7o).1m().5Q(c.3w.21);B(c.C.72||c.C.7U)c.72();c.1i(\'1T\',[c.3w.21,c.3w.5q],20)},9C:k(1U){1U=1U||c.C.1U;23($F(1U)){12\'G\':1U=$(1U).5l();1D;12\'2C\':1U=7c.5l(1U)}B(c.5p)1U=(1U)?[c.5p,1U].2h(\'&\'):c.5p;m c.5y(c.2L,1U)},72:k(){B(c.C.7U||/(dT|dU)2W/.2t(c.9Z(\'9Q-F\')))o 4d=c.3w.21;17{o 2W,4d=[],5n=/<2W[^>]*>([\\s\\S]*?)<\\/2W>/dS;6Y((2W=5n.dV(c.3w.21)))4d.1k(2W[1]);4d=4d.2h(\'\\n\')}B(4d)(U.9N)?U.9N(4d):U.9H(4d,0)},9Z:k(1w){5f{m c.2y.dW(1w)}4X(e){};m 1F}});7c.5l=k(1Y){o 51=[];M(o K 1b 1Y)51.1k(6e(K)+\'=\'+6e(1Y[K]));m 51.2h(\'&\')};Q.R({5y:k(C){m L a9(c.6n(\'dQ\'),$2c({a7:c.5l()},C,{28:\'4T\'})).9C()}});o 3I=L 3y({C:{6f:N,6i:N,49:N,56:N},2i:k(1s,J,C){C=$2c(c.C,C);J=6e(J);B(C.6f)J+=\'; 6f=\'+C.6f;B(C.6i)J+=\'; 6i=\'+C.6i;B(C.49){o 6x=L 97();6x.dK(6x.bf()+C.49*24*60*60*ax);J+=\'; e1=\'+6x.ef()}B(C.56)J+=\'; 56\';P.4D=1s+\'=\'+J;m $R(C,{\'1s\':1s,\'J\':J})},4N:k(1s){o J=P.4D.2T(\'(?:^|;)\\\\s*\'+1s.aK()+\'=([^;]*)\');m J?e5(J[1]):N},2H:k(4D,C){B($F(4D)==\'2C\')c.2i(4D.1s,\'\',$2c(4D,{49:-1}));17 c.2i(4D,\'\',$2c(C,{49:-1}))}});o 3G={4u:k(O){23($F(O)){12\'2E\':m\'"\'+O.3l(/(["\\\\])/g,\'\\\\$1\')+\'"\';12\'1B\':m\'[\'+O.2K(3G.4u).2h(\',\')+\']\';12\'2C\':o 2E=[];M(o K 1b O)2E.1k(3G.4u(K)+\':\'+3G.4u(O[K]));m\'{\'+2E.2h(\',\')+\'}\'}m 6W(O)},5M:k(4q,56){m(($F(4q)!=\'2E\')||(56&&!4q.2t(/^("(\\\\.|[^"\\\\\\n\\r])*?"|[,:{}\\[\\]0-9.\\-+e4-u \\n\\r\\t])+?$/)))?N:e6(\'(\'+4q+\')\')}};3G.e7=6h.R({1j:k(2L,C){c.2L=2L;c.1I(\'4L\',c.1T);c.1r(C);c.5i(\'X-ea\',\'e9\')},5y:k(O){m c.1r(c.2L,\'dG=\'+3G.4u(O))},1T:k(){c.1i(\'1T\',3G.5M(c.3w.21,c.C.56))}});o bb=L 3y({8n:k(1Y,1K){1K=$2c({\'5A\':18.1m},1K);o 2W=L Q(\'2W\',{\'59\':1Y}).6B({\'4r\':1K.5A,\'dF\':k(){B(c.5c==\'8q\')c.1i(\'4r\')}});5j 1K.5A;m 2W.6j(1K).25(P.6s)},1x:k(1Y,1K){m L Q(\'4m\',$2c({\'95\':\'dc\',\'db\':\'de\',\'F\':\'21/1x\',\'5h\':1Y},1K)).25(P.6s)},58:k(1Y,1K){1K=$2c({\'5A\':18.1m,\'df\':18.1m,\'di\':18.1m},1K);o 58=L d3();58.59=1Y;o G=L Q(\'8t\',{\'59\':1Y});[\'4r\',\'aC\',\'dz\'].1o(k(F){o I=1K[\'5C\'+F];5j 1K[\'5C\'+F];G.1I(F,k(){c.3Z(F,1c.8r);I.1S(c)})});B(58.2z&&58.2N)G.1i(\'4r\',G,1);m G.6j(1K)},6F:k(5e,C){C=$2c({1T:18.1m,b6:18.1m},C);B(!5e.1k)5e=[5e];o 6F=[];o 6m=0;5e.1o(k(1Y){o 8t=L bb.58(1Y,{\'5A\':k(){C.b6.1S(c,6m);6m++;B(6m==5e.V)C.1T()}});6F.1k(8t)});m L 29(6F)}});o 3H=L 18({V:0,1j:k(2C){c.O=2C||{};c.5u()},4N:k(1s){m(c.6L(1s))?c.O[1s]:1F},6L:k(1s){m(1s 1b c.O)},2i:k(1s,J){B(!c.6L(1s))c.V++;c.O[1s]=J;m c},5u:k(){c.V=0;M(o p 1b c.O)c.V++;m c},2H:k(1s){B(!c.6L(1s))m c;5j c.O[1s];c.V--;m c},1o:k(W,Y){$1o(c.O,W,Y)},R:k(O){$R(c.O,O);m c.5u()},2c:k(){c.O=$2c.3U(1F,[c.O].R(1c));m c.5u()},1m:k(){c.O={};c.V=0;m c},1P:k(){o 1P=[];M(o K 1b c.O)1P.1k(K);m 1P},1J:k(){o 1J=[];M(o K 1b c.O)1J.1k(c.O[K]);m 1J}});k $H(O){m L 3H(O)};3H.3I=3H.R({1j:k(1w,C){c.1w=1w;c.C=$R({\'bj\':1e},C||{});c.4r()},bd:k(){B(c.V==0){3I.2H(c.1w,c.C);m 1e}o 4q=3G.4u(c.O);B(4q.V>dv)m N;3I.2i(c.1w,4q,c.C);m 1e},4r:k(){c.O=3G.5M(3I.4N(c.1w),1e)||{};c.5u()}});3H.3I.2F={};[\'R\',\'2i\',\'2c\',\'1m\',\'2H\'].1o(k(28){3H.3I.2F[28]=k(){3H.1L[28].3U(c,1c);B(c.C.bj)c.bd();m c}});3H.3I.3q(3H.3I.2F);o 2M=L 18({1j:k(2G,F){F=F||(2G.1k?\'1v\':\'3C\');o 1v,2n;23(F){12\'1v\':1v=2G;2n=1v.8d();1D;12\'2n\':1v=2G.9r();2n=2G;1D;5D:1v=2G.5H(1e);2n=1v.8d()}1v.2n=2n;1v.3C=1v.5I();m $R(1v,2M.1L)},4R:k(){o 5m=$A(1c);o 6Z=($F(5m[5m.V-1])==\'4S\')?5m.dp():50;o 1v=c.8m();5m.1o(k(2G){2G=L 2M(2G);M(o i=0;i<3;i++)1v[i]=1d.2r((1v[i]/ 3b * (3b - 6Z)) + (2G[i] /3b*6Z))});m L 2M(1v,\'1v\')},du:k(){m L 2M(c.2K(k(J){m 53-J}))},dt:k(J){m L 2M([J,c.2n[1],c.2n[2]],\'2n\')},ds:k(6X){m L 2M([c.2n[0],6X,c.2n[2]],\'2n\')},em:k(6X){m L 2M([c.2n[0],c.2n[1],6X],\'2n\')}});k $eq(r,g,b){m L 2M([r,g,b],\'1v\')};k $f6(h,s,b){m L 2M([h,s,b],\'2n\')};2I.R({8d:k(){o 5t=c[0],5v=c[1],73=c[2];o 2Z,6l,8g;o 1z=1d.1z(5t,5v,73),3p=1d.3p(5t,5v,73);o 4l=1z-3p;8g=1z/53;6l=(1z!=0)?4l/1z:0;B(6l==0){2Z=0}17{o 8c=(1z-5t)/4l;o 8R=(1z-5v)/4l;o br=(1z-73)/4l;B(5t==1z)2Z=br-8R;17 B(5v==1z)2Z=2+8c-br;17 2Z=4+8R-8c;2Z/=6;B(2Z<0)2Z++}m[1d.2r(2Z*9y),1d.2r(6l*3b),1d.2r(8g*3b)]},9r:k(){o br=1d.2r(c[2]/3b*53);B(c[1]==0){m[br,br,br]}17{o 2Z=c[0]%9y;o f=2Z%60;o p=1d.2r((c[2]*(3b-c[1]))/f4*53);o q=1d.2r((c[2]*(9s-c[1]*f))/9u*53);o t=1d.2r((c[2]*(9s-c[1]*(60-f)))/9u*53);23(1d.an(2Z/60)){12 0:m[br,t,p];12 1:m[q,br,p];12 2:m[p,br,t];12 3:m[p,q,br];12 4:m[t,p,br];12 5:m[br,p,q]}}m N}});o 9B=L 18({C:{5W:20,8w:1,79:k(x,y){c.G.3x(x,y)}},1j:k(G,C){c.2U(C);c.G=$(G);c.8j=([U,P].1l(G))?$(P.4H):c.G},1h:k(){c.8i=c.9a.3g(c);c.8j.2A(\'2V\',c.8i)},1R:k(){c.8j.3j(\'2V\',c.8i);c.1H=$4Z(c.1H)},9a:k(I){c.1M=(c.G==U)?I.9d:I.1M;B(!c.1H)c.1H=c.2J.4f(50,c)},2J:k(){o el=c.G.6N();o 1p=c.G.3o();o 4h={\'x\':0,\'y\':0};M(o z 1b c.1M){B(c.1M[z]<(c.C.5W+1p[z])&&el.2J[z]!=0)4h[z]=(c.1M[z]-c.C.5W-1p[z])*c.C.8w;17 B(c.1M[z]+c.C.5W>(el.3n[z]+1p[z])&&el.2J[z]+el.3n[z]!=el.6M[z])4h[z]=(c.1M[z]-el.3n[z]+c.C.5W-1p[z])*c.C.8w}B(4h.y||4h.x)c.1i(\'79\',[el.2J.x+4h.x,el.2J.y+4h.y])}});9B.3q(L 2q,L 4i);o 8G=L 18({C:{79:18.1m,1T:18.1m,8P:k(1p){c.48.1O(c.p,1p)},2d:\'8K\',6r:3b,1C:0},1j:k(el,48,C){c.G=$(el);c.48=$(48);c.2U(C);c.8O=-1;c.8N=-1;c.2l=-1;c.G.1I(\'64\',c.aa.3g(c));o 7j,1C;23(c.C.2d){12\'8K\':c.z=\'x\';c.p=\'1t\';7j={\'x\':\'1t\',\'y\':N};1C=\'42\';1D;12\'8J\':c.z=\'y\';c.p=\'1n\';7j={\'x\':N,\'y\':\'1n\'};1C=\'3T\'}c.1z=c.G[1C]-c.48[1C]+(c.C.1C*2);c.a1=c.48[1C]/2;c.a6=c.G[\'4N\'+c.p.8I()].Y(c.G);c.48.1O(\'1u\',\'7h\').1O(c.p,-c.C.1C);o 8L={};8L[c.z]=[-c.C.1C,c.1z-c.C.1C];c.3L=L 3Y.2O(c.48,{1E:8L,3F:7j,6u:0,45:k(){c.75()}.Y(c),8M:k(){c.75()}.Y(c),1T:k(){c.75();c.2f()}.Y(c)});B(c.C.1j)c.C.1j.1S(c)},2i:k(2l){c.2l=2l.1E(0,c.C.6r);c.78();c.2f();c.1i(\'8P\',c.a4(c.2l));m c},aa:k(I){o 1u=I.1M[c.z]-c.a6()-c.a1;1u=1u.1E(-c.C.1C,c.1z-c.C.1C);c.2l=c.8H(1u);c.78();c.2f();c.1i(\'8P\',1u)},75:k(){c.2l=c.8H(c.3L.J.1a[c.z]);c.78()},78:k(){B(c.8O!=c.2l){c.8O=c.2l;c.1i(\'79\',c.2l)}},2f:k(){B(c.8N!==c.2l){c.8N=c.2l;c.1i(\'1T\',c.2l+\'\')}},8H:k(1u){m 1d.2r((1u+c.C.1C)/c.1z*c.C.6r)},a4:k(2l){m c.1z*2l/c.C.6r}});8G.3q(L 2q);8G.3q(L 4i);o ev=1g.ac.R({1j:k(C){c.1r(U,C);c.68=(c.C.68)?$$(c.C.68):$$(P.68);o 5b=U.5b.5h.2T(/^[^#]*/)[0]+\'#\';c.68.1o(k(4m){B(4m.5h.3S(5b)!=0)m;o 3E=4m.5h.6p(5b.V);B(3E&&$(3E))c.ag(4m,3E)},c);B(!U.65)c.1I(\'1T\',k(){U.5b.eU=c.3E})},ag:k(4m,3E){4m.1I(\'8p\',k(I){c.3E=3E;c.8z(3E);I.1R()}.3g(c))}});o 9S=L 18({C:{4I:N,45:18.1m,1T:18.1m,2Q:1e,6u:3,9I:k(G,2Q){2Q.1O(\'22\',0.7);G.1O(\'22\',0.7)},9T:k(G,2Q){G.1O(\'22\',1);2Q.2H();c.44.2H()}},1j:k(4U,C){c.2U(C);c.4U=$(4U);c.T=c.4U.8F();c.4I=(c.C.4I)?$$(c.C.4I):c.T;c.1G={\'1h\':[],\'62\':c.62.3g(c)};M(o i=0,l=c.4I.V;i<l;i++){c.1G.1h[i]=c.1h.3g(c,c.T[i])}c.6K();B(c.C.1j)c.C.1j.1S(c);c.1G.61=c.61.3g(c);c.1G.2f=c.2f.Y(c)},6K:k(){c.4I.1o(k(3K,i){3K.1I(\'64\',c.1G.1h[i])},c)},9K:k(){c.4I.1o(k(3K,i){3K.3Z(\'64\',c.1G.1h[i])},c)},1h:k(I,el){c.3R=el;c.8y=c.4U.4A();B(c.C.2Q){o 1u=el.3o();c.1C=I.1M.y-1u.y;c.44=L Q(\'4K\').25(P.4H);c.2Q=el.9M().25(c.44).4z({\'1u\':\'3X\',\'1t\':1u.x,\'1n\':I.1M.y-c.1C});P.2A(\'2V\',c.1G.62);c.1i(\'9I\',[el,c.2Q])}P.2A(\'2V\',c.1G.61);P.2A(\'6S\',c.1G.2f);c.1i(\'45\',el);I.1R()},62:k(I){o J=I.1M.y-c.1C;J=J.1E(c.8y.1n,c.8y.3O-c.2Q.3T);c.2Q.1O(\'1n\',J);I.1R()},61:k(I){c.3R.3R=1e;c.2o=c.2o||I.1M.y;c.1a=I.1M.y;o 5Z=((c.2o-c.1a)<=0)?\'8C\':\'8B\';o 6v=c.3R.9F();o 3v=c.3R.8x();B(6v&&5Z==\'8B\'){o 9O=6v.4A();B(I.1M.y<9O.3O)c.3R.8o(6v)}B(3v&&5Z==\'8C\'){o 9V=3v.4A();B(I.1M.y>9V.1n)c.3R.6O(3v)}c.2o=I.1M.y},eF:k(){o 8E=[];c.4U.8F().1o(k(el,i){8E[i]=c.T.3S(el)},c);m 8E},2f:k(){c.2o=1F;P.3j(\'2V\',c.1G.61);P.3j(\'6S\',c.1G.2f);B(c.C.2Q){P.3j(\'2V\',c.1G.62);c.1i(\'9T\',[c.3R,c.2Q])}c.1i(\'1T\',c.3R)}});9S.3q(L 2q,L 4i);o ar=L 18({C:{az:k(4c){4c.1O(\'4G\',\'8D\')},ay:k(4c){4c.1O(\'4G\',\'4y\')},8v:30,9j:3b,9k:3b,1A:\'bJ\',5P:{\'x\':16,\'y\':16},5S:N},1j:k(T,C){c.2U(C);c.4g=L Q(\'4K\',{\'4O\':c.C.1A+\'-4c\',\'8A\':{\'1u\':\'3X\',\'1n\':\'0\',\'1t\':\'0\',\'4G\':\'4y\'}}).25(P.4H);c.3d=L Q(\'4K\').25(c.4g);$$(T).1o(c.ae,c);B(c.C.1j)c.C.1j.1S(c)},ae:k(el){el.$1X.47=(el.5h&&el.57()==\'a\')?el.5h.3l(\'96://\',\'\'):(el.95||N);B(el.5g){o 6b=el.5g.66(\'::\');B(6b.V>1){el.$1X.47=6b[0].5Y();el.$1X.5T=6b[1].5Y()}17{el.$1X.5T=el.5g}el.94(\'5g\')}17{el.$1X.5T=N}B(el.$1X.47&&el.$1X.47.V>c.C.8v)el.$1X.47=el.$1X.47.6p(0,c.C.8v-1)+"&cu;";el.1I(\'8k\',k(I){c.1h(el);B(!c.C.5S)c.8e(I);17 c.1u(el)}.Y(c));B(!c.C.5S)el.1I(\'2V\',c.8e.3g(c));o 2f=c.2f.Y(c);el.1I(\'8h\',2f);el.1I(\'44\',2f)},1h:k(el){c.3d.1m();B(el.$1X.47){c.5g=L Q(\'9f\').25(L Q(\'4K\',{\'4O\':c.C.1A+\'-5g\'}).25(c.3d)).5Q(el.$1X.47)}B(el.$1X.5T){c.21=L Q(\'9f\').25(L Q(\'4K\',{\'4O\':c.C.1A+\'-21\'}).25(c.3d)).5Q(el.$1X.5T)}$4Z(c.1H);c.1H=c.41.2k(c.C.9j,c)},2f:k(I){$4Z(c.1H);c.1H=c.5k.2k(c.C.9k,c)},1u:k(G){o 1p=G.3o();c.4g.4z({\'1t\':1p.x+c.C.5P.x,\'1n\':1p.y+c.C.5P.y})},8e:k(I){o aE={\'x\':U.8f(),\'y\':U.8l()};o 2J={\'x\':U.8s(),\'y\':U.8u()};o 4c={\'x\':c.4g.42,\'y\':c.4g.3T};o 1V={\'x\':\'1t\',\'y\':\'1n\'};M(o z 1b 1V){o 1p=I.1M[z]+c.C.5P[z];B((1p+4c[z]-2J[z])>aE[z])1p=I.1M[z]-c.C.5P[z]-4c[z];c.4g.1O(1V[z],1p)}},41:k(){B(c.C.aG)c.1H=c.5k.2k(c.C.aG,c);c.1i(\'az\',[c.4g])},5k:k(){c.1i(\'ay\',[c.4g])}});ar.3q(L 2q,L 4i);o cd=L 18({1j:k(){c.5E=$A(1c);c.19={};c.4P={}},1I:k(F,W){c.4P[F]=c.4P[F]||{};c.19[F]=c.19[F]||[];B(c.19[F].1l(W))m N;17 c.19[F].1k(W);c.5E.1o(k(5x,i){5x.1I(F,c.3V.Y(c,[F,5x,i]))},c);m c},3V:k(F,5x,i){c.4P[F][i]=1e;o 4v=c.5E.4v(k(2a,j){m c.4P[F][j]||N},c);B(!4v)m;c.5E.1o(k(2a,j){c.4P[F][j]=N},c);c.19[F].1o(k(I){I.1S(c,c.5E,5x)},c)}});o 7n=1g.29.R({C:{8Q:18.1m,aN:18.1m,3D:0,41:N,2N:1e,2z:N,22:1e,6g:N,6A:N,3Q:N,74:N},1j:k(){o C,2v,T,2g;$1o(1c,k(4n,i){23($F(4n)){12\'2C\':C=4n;1D;12\'G\':2g=$(4n);1D;5D:o 2s=$$(4n);B(!2v)2v=2s;17 T=2s}});c.2v=2v||[];c.T=T||[];c.2g=$(2g);c.2U(C);c.2o=-1;B(c.C.74)c.C.3Q=1e;B($2B(c.C.41)){c.C.3D=N;c.2o=c.C.41}B(c.C.1h){c.C.3D=N;c.C.41=N}c.3t={};B(c.C.22)c.3t.22=\'b2\';B(c.C.2z)c.3t.2z=c.C.6A?\'b0\':\'42\';B(c.C.2N)c.3t.2N=c.C.6g?\'aU\':\'5N\';M(o i=0,l=c.2v.V;i<l;i++)c.aV(c.2v[i],c.T[i]);c.T.1o(k(el,i){B(c.C.41===i)c.1i(\'8Q\',[c.2v[i],el]);17 M(o 2x 1b c.3t)el.1O(2x,0)},c);c.1r(c.T);B($2B(c.C.3D))c.3D(c.C.3D)},aV:k(3k,G,1p){3k=$(3k);G=$(G);o 2t=c.2v.1l(3k);o 3N=c.2v.V;c.2v.5w(3k);c.T.5w(G);B(3N&&(!2t||1p)){1p=$5F(1p,3N-1);3k.8o(c.2v[1p]);G.6O(3k)}17 B(c.2g&&!2t){3k.25(c.2g);G.25(c.2g)}o aZ=c.2v.3S(3k);3k.1I(\'8p\',c.3D.Y(c,aZ));B(c.C.2N)G.4z({\'4F-1n\':0,\'2Y-1n\':\'6I\',\'4F-3O\':0,\'2Y-3O\':\'6I\'});B(c.C.2z)G.4z({\'4F-1t\':0,\'2Y-1t\':\'6I\',\'4F-4k\':0,\'2Y-4k\':\'6I\'});G.b2=1;B(c.C.6A)G.b0=c.C.6A;B(c.C.6g)G.aU=c.C.6g;G.1O(\'aT\',\'4y\');B(!2t)M(o 2x 1b c.3t)G.1O(2x,0);m c},3D:k(26){26=($F(26)==\'G\')?c.T.3S(26):26;B((c.1H&&c.C.3Q)||(26===c.2o&&!c.C.74))m c;c.2o=26;o O={};c.T.1o(k(el,i){O[i]={};B((i!=26)||(c.C.74&&(el.3T>0))){c.1i(\'aN\',[c.2v[i],el]);M(o 2x 1b c.3t)O[i][2x]=0}17{c.1i(\'8Q\',[c.2v[i],el]);M(o 2x 1b c.3t)O[i][2x]=el[c.3t[2x]]}},c);m c.1h(O)},cV:k(26){m c.3D(26)}});1g.7n=7n;',62,940,'||||||||||||this||||||||function||return||var|||||||||||||if|options|||type|element||event|value|property|new|for|false|obj|document|Element|extend||elements|window|length|fn||bind||||case||to|from||else|Class|events|now|in|arguments|Math|true|param|Fx|start|fireEvent|initialize|push|contains|empty|top|each|pos|args|parent|key|left|position|rgb|name|css|items|max|className|array|offset|break|limit|null|bound|timer|addEvent|values|properties|prototype|page|result|setStyle|keys|selector|stop|call|onComplete|data|prop|props|tmp|source|style||text|opacity|switch||inject|index||method|Elements|current|transition|merge|mode|parsed|end|container|join|set|getStyle|delay|step|overflown|hsb|previous|relatedTarget|Events|round|temp|test|unit|togglers|custom|fx|transport|width|addListener|chk|object|nocash|string|Methods|color|remove|Array|scroll|map|url|Color|height|Base|parse|ghost|Event|params|match|setOptions|mousemove|script|documentElement|border|hue||ie||Garbage|margin|getElementsByTagName|context||||create|100|toInt|wrapper|overed|filter|bindWithEvent|item|mouse|removeListener|toggler|replace|Transitions|size|getPosition|min|implement|parentNode|CSS|effects|target|next|response|scrollTo|Abstract|iCss|time|option|hex|display|anchor|modifiers|Json|Hash|Cookie|pow|handle|drag|shared|len|bottom|returns|wait|active|indexOf|offsetHeight|apply|check|iterable|absolute|Drag|removeEvent||show|offsetWidth|xpath|trash|onStart||myTitle|knob|duration|iTo|getValue|tip|scripts|Styles|periodical|toolTip|change|Options|chains|right|delta|link|argument|select|increase|str|load|setNow|compute|toString|every|id|val|hidden|setStyles|getCoordinates|headers|status|cookie|grid|padding|visibility|body|handles|cont|div|onSuccess|webkit|get|class|checker|native|mix|number|post|list|collect|running|catch|htmlElement|clear||queryString|bit|255|results|getNow|secure|getTag|image|src|px|location|readyState|fromTo|sources|try|title|href|setHeader|delete|hide|toQueryString|colors|regexp|iFrom|_method|xml|mousewheel|iNow|red|setLength|green|include|instance|send|layout|onload|toLowerCase|on|default|instances|pick|isSuccess|hexToRgb|rgbToHex|encoding|out|precision|evaluate|scrollHeight|HTMLElement|offsets|setHTML|unique|fixed|myText|walk|domReady|area|parseInt|trim|direction||move|moveGhost|klass|mousedown|webkit419|split|scrollLeft|links|parseFloat|scrollTop|dual|onreadystatechange|fix|encodeURIComponent|domain|fixedHeight|XHR|path|setProperties|tagName|saturation|counter|getProperty|regex|substr|droppables|steps|head|evType|snap|prev|setMany|date|splice|Properties|fixedWidth|addEvents|continue|Multi|onFailure|images|removeEvents|scrollWidth|none|attempt|attach|hasKey|scrollSize|getSize|injectAfter|generic|code|mp|mouseup|included|brother|stopPropagation|String|percent|while|alpha|loaded|currentStyle|evalScripts|blue|alwaysHide|draggedKnob|preventDefault|getElementsBySelector|checkStep|onChange|Listeners|setProperty|Object|XMLHttpRequest|getElements|getElementById|typeof|relative|fKey|mod|proto|forEach|onCancel|Accordion|update|pageX|pageY|setTransport|nodeType|callChain|realType|addEventListener|clean|operator|concat|node|iProps|getItems|getParam|getMany|merged|hasClass|insertBefore|Dom|add|ie_ready|domready|qs|disabled|camelCase|multiple|checked|found|transitions|Function|charAt|evalResponse|RegExp|gecko|random|getLast|hasChild|pairs|appendChild|Style|easeType|first|PI|Transition|xhtml|compat|newArray|defined|Chain|rr|rgbToHsb|locate|getWidth|brightness|mouseleave|coord|mousemover|mouseenter|getHeight|copy|javascript|injectBefore|click|complete|callee|getScrollLeft|img|getScrollTop|maxTitleChars|velocity|getNext|coordinates|toElement|styles|up|down|visible|serial|getChildren|Slider|toStep|capitalize|vertical|horizontal|lim|onDrag|previousEnd|previousChange|onTick|onActive|gr|Top|Right|Bottom|Left|0px|Width|opera|nodeValue|clientWidth|fixStyle|borderShort|onRequest|removeAttribute|rel|http|Date|cancel|input|getCoords|getFormElements|textarea|client|clientHeight|span|onStateChange|clientX|firstChild|showDelay|hideDelay|iParsed|autoCancel|defaultView|hyphenate|async|Single|hsbToRgb|6000|pageYOffset|600000|pageXOffset|getScrollWidth|getScrollHeight|360|fps|childNodes|Scroller|request|mouseout|mouseover|getPrevious|cloneEvents|setTimeout|onDragStart|extended|detach|DOMMouseScroll|clone|execScript|prevPos|which|Content|clientY|Sortables|onDragComplete|fixRelatedTarget|nextPos|shift|wheelDelta|relatedTargetGecko|getHeader|tag|half|sel|normal|toPosition|getElement|getPos|postBody|picked|Ajax|clickedElement|application|Scroll|removeEventListener|build|unload|useLink|filterById|filterByClass|prefix|resolver|filterByAttribute|zoom|floor|Number||createElement|Tips|cos|interval|onBeforeStart|onSnap|distance|1000|onHide|onShow|before|after|abort|sin|win|elementsProperty|timeout|where|slice|toUpperCase|escapeRegExp|Merge|Move|onBackground|ActiveXObject|pp|www|constructor|urlEncoded|overflow|fullHeight|addSection|getLeft|getTop|ie6|idx|fullWidth|checkAgainst|fullOpacity|contents|toFloat|removeClass|onProgress|cssText|adopt|undefined|getStyles|Asset|slideIn|save|slideOut|getTime|full|addClass|setOpacity|autoSave|textnode|navigator|associate|styleFloat|some|getRandom|getFirst||srcElement|beforeunload|whitespace|detachEvent|attachEvent|lastChild|float|all|DOMElement|CollectGarbage|clearChain|chain|111|MooTools|version|zIndex|keydown|tool|execCommand|getComputedStyle|taintEnabled|getPropertyValue|menu|fromCharCode|keyCode|detail|control|ctrlKey|shiftKey|readOnly|cssFloat|alt|altKey|Sibling|120|wheel|metaKey|meta|nodeName|transparent|styleSheet|createTextNode|removeProperty|getProperties|injectInside|getBoxObjectFor|BackgroundImageCache|Group|boolean|htmlFor|webkit420|toggleClass|clearTimeout|borderColor|replaceWith|ie7|replaceChild|clearInterval|appendText|cloneNode|setAttribute|borderWidth|borderStyle|injectTop|hellip|removeChild|colspan|embed|tabindex|tabIndex|accessKey|accesskey|rowSpan|getParent|err|maxlength|maxLength|innerHTML|setInterval|iframe|getAttribute|pass|Document|times|attributes|rowspan|colSpan|hasLayout|khtml|collection|bindAsEventListener|showThisHideOpen|Native|Window|readonly|starts|618|Bounce|Elastic|Image|Back|Sine|Expo|Circ|acos|Quad|Cubic|media|stylesheet|sqrt|screen|onabort|Quart|Quint|onerror|Pow|ease|toLeft|toRight|Slide||pop|toBottom|toTop|setSaturation|setHue|invert|4096|rightClick|Out|InOut|error|In|linear|easeIn|easeOut|easeInOut|readystatechange|json|Connection|close|setRequestHeader|setTime|overrideMimeType|open|300|responseText|responseXML|action|Requested|gi|ecma|java|exec|getResponseHeader|With|Accept|html|200|expires|leave|over|Eaeflnr|decodeURIComponent|eval|Remote|makeResizable|JSON|Request|drop|emptydrop|form|urlencoded|toGMTString|charset|XMLHTTP|makeDraggable|utf|Microsoft||setBrightness|toggle|org|1999|RGB|w3|snapshotItem|UNORDERED_NODE_SNAPSHOT_TYPE|snapshotLength|SmoothScroll|getElementsByClassName|offsetLeft|offsetTop|password|radio|selected|checkbox|XPathResult|substring|serialize|enter|returnValue|cancelBubble|button|fromElement|esc|space|namespaceURI|with|ES|filterByTag|backspace|tab|offsetParent|hash|DOMContentLoaded|clearTimer|defer|500|innerHeight|innerWidth|effect|onDomReady|write|10000|protocol|HSB|https|Shared|void'.split('|'),0,{}))

scrolling.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
// SiFR
//<![CDATA[
if(typeof sIFR == "function"){
	sIFR.replaceElement(named({sSelector:"h2", sFlashSrc:"sifr/sifr.swf", sColor:"#000000", sLinkColor:"#FFFFFF", sBgColor:"#000000", sHoverColor:"#CCCCCC", sWmode:"transparent",sFlashVars:"textalign=right"}));
};
//]]>
 
var scroll = new Fx.Scroll('contenu', {
	wait: false,
	duration: 2500,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Sine.easeInOut
});
 
$('accueil').addEvent('click', function(e){
	e = new Event(e);
	mySlide.slideOut();
	scroll.toElement('content1');
	e.stop();
});
 
$('comics').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content2');
});
 
$('illustrations').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content3');
});
 
$('design').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content4');
});
 
$('hangover').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content5');
});
 
$('contact').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content6');
});

style.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
* {margin:0; padding:0; border:none;}
html {height:100%; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {font-weight:normal; margin:10px 0 10px 0;}
 
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}
 
a, a:visited {color:#FFFFFF; text-decoration:none; font-variant:small-caps;}
a:hover, a:active {color:#CCCCCC; text-decoration:none; font-variant:small-caps;}
 
body {margin:0px; padding:0px; background-color:#b4916f;}
 
#menu {width:600px; margin-left:auto; margin-right:auto;}
a#accueil {width: 76px;}
a#accueil:hover { background-position: -600px 0%;}
a#comics {width: 69px;}
a#comics:hover {background-position: -676px 0%;}
a#illustrations {width: 101px; }
a#illustrations:hover {background-position: -745px 0%;}
a#design {width: 144px; }
a#design:hover {background-position: -846px 0%;}
a#hangover {width: 86px; }
a#hangover:hover {background-position: -990px 0%;}
a#contact {width: 124px; }
a#contact:hover {background-position: -1076px 0%;}
ul li {float: left; }
ul li a {display: block; text-indent: -5000px; height: 50px; line-height: 30px;}
ul li a:hover {background: transparent url(../images/interface/menu.png) no-repeat top left;}
ul {background: transparent url(../images/interface/menu.png) no-repeat; position: absolute; text-align: center; top: 0; width: 600px;}
ul, li {list-style: none; margin: 0; padding: 0;}
 
#contenu-bg {width:9500px; height:771px; background-position:top left; background-repeat:no-repeat; background-color:#E6E6E4; position:relative;}
#contenu {margin:0px; overflow:hidden; /*height:771px; width:99,9%;*/ border:none;}
#copyright{text-align:center; color:#333333; padding-top:825px;}
.scrolling-content {width:1583px; height:771px; margin-top:50px; position:absolute;}
 
#content1 {left:0px; top:0px; background-image:url(../images/interface/bg1.png);}
#content2 {left:1583px; top:0px; background-image:url(../images/interface/bg2.png);}
#content3 {left:3166px; top:0px; background-image:url(../images/interface/bg3.png);}
#content4 {left:4749px; top:0px; background-image:url(../images/interface/bg4.png);}
#content5 {left:6332px; top:0px; background-image:url(../images/interface/bg5.png);}
#content6 {left:7915px; top:0px; background-image:url(../images/interface/bg6.png);}
 
#portfolio_anteriores {top: 120px; right: 0px;}
#portfolio_siguientes {top: 200px; right: 0px;}
 
#portfolio_contenidos {
left:0px;
position: absolute;
width:450px;
}
 
/* Tooltips */
.tool-tip {
color:#ffffff;
font-size:11px;
background:#222222;
z-index:13000;
}
 
.tool-title {display:none;}
 
.tool-text {padding:8px;}

**NoSmoking** · 21/09/2012, 22h30

Bonjour et bienvenue sur DVP.
tu ne respectes pas la structure recommandée qui est ...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div id="demo-wrapper">
  <div id="demo-inner">
    <div id="content1" class="scrolling-content">
    </div>
    <div id="content2" class="scrolling-content">
    </div>
    <div id="content3" class="scrolling-content">
    </div>
    <div id="content4" class="scrolling-content">
    </div>
  </div>
</div>

**Kepounet** · 22/09/2012, 01h19

Merci NoSmocking pour ta réponse ! Néanmoins, j'ai beau avoir modifier mon code en mettant la structure que tu m'as donné, mais rien n'y fait :

l'index

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/mootools.js"></script>
</head>
 
<body>
 
<div id="kep">
 
<div id="menu">
<ul>
<li><a id="accueil" title="accueil" href="#">Accueil</a></li>
<li><a id="comics" title="comics" href="#">Comics</a></li>
<li><a id="illustrations" title="illustrations" href="#">Illustrations</a></li>
<li><a id="design" title="design" href="#">Design</a></li>
<li><a id="hangover" title="hangover" href="#">Hangover</a></li>
<li><a id="contact" title="contact" href="#">Contact</a></li>
</ul>
</div>
 
<div id="contenu">
<div id="contenu-bg">
  <div id="content1" class="scrolling-content">
  <h2>Accueil</h2>Le Japon, en forme longue l'État du Japon, en japonais Nippon ou Nihon (???), est un pays insulaire de l’Asie de l’Est. Situé dans l’océan Pacifique, il se trouve dans la mer du Japon, à l’est de la Chine, de la Corée et de la Russie, et au nord de Taïwan. Étymologiquement, les kanjis (ou idéogrammes) qui composent le nom du Japon signifient « lieu d’origine du soleil » ; c’est ainsi que le Japon est parfois désigné comme le « pays du Soleil levant ».
Le Japon forme, depuis 1945, un archipel de 6 852 îles7, dont les quatre plus grandes sont Honshu, Hokkaido, Kyushu et Shikoku, représentant à elles seules 97 % de la superficie du pays. L’archipel s’étend sur plus de trois mille kilomètres. La plupart des îles sont montagneuses, parfois volcaniques ; par exemple, le plus haut sommet du Japon, le mont Fuji (3 776 m), est un volcan (inactif depuis 1707). Le Japon est le dixième pays le plus peuplé du monde, avec environ 127 millions d’habitants pour 377 488 km2 (337 hab./km2), dont l’essentiel est concentré sur les étroites plaines littorales. Le Grand Tokyo, qui comprend la capitale Tokyo et plusieurs préfectures environnantes, est la plus grande région métropolitaine du monde, avec plus de 30 millions d’habitants.
Les recherches archéologiques démontrent que le Japon était peuplé dès la période du Paléolithique supérieur. Les premières mentions écrites du Japon sont de brèves apparitions dans des textes de l’histoire chinoise du Ier siècle. L’histoire du Japon est caractérisée par des périodes de grande influence dans le monde extérieur suivies par de longues périodes d’isolement. Depuis l’adoption de sa constitution en 1947, le Japon a maintenu une monarchie constitutionnelle avec un empereur et un parlement élu, la Diète.
Le Japon est la troisième plus grande puissance économique du monde par PIB nominal et la troisième par PIB à parité de pouvoir d’achat. Il est aussi le quatrième plus gros exportateur et le sixième plus gros importateur. C’est un pays développé, avec un niveau de vie très élevé (dixième IDH le plus élevé) et la plus longue espérance de vie au monde (selon les estimations de l’ONU)8. Mais ce tableau idyllique ne doit pas masquer d’importants problèmes qui pèsent sur l’avenir du pays : le Japon souffre d’un des taux de natalité les plus bas du monde, très en dessous du seuil de renouvellement des générations9. Le pays est actuellement en déclin démographique10. Parallèlement c’est également le pays
  </div>
 
  <div id="content2" class="scrolling-content">
  <h2>Comics</h2>L’Espagne, en forme longue le Royaume d'Espagne, en castillan España Prononciation du titre dans sa version originale et Reino de España, est un pays d'Europe du Sud et, selon les définitions, de l'Ouest, qui occupe la plus grande partie de la péninsule Ibérique. En 2009, le pays comptait 46 millions d'habitants, ce qui en faisait le vingt-neuvième pays au monde en termes de population. Une des anciennes puissances coloniales européennes, le pays fut une puissance mondiale importante du XVe au XVIe siècle, mais commença à perdre de l'influence par la suite, particulièrement tout au long du XIXe siècle avec la perte de ses colonies.
L’Espagne est bordée par la mer Méditerranée au sud et à l'est, à l'exception du territoire britannique de Gibraltar et le détroit du même nom qui sépare le continent européen de l'Afrique. Au nord, les Pyrénées constituent une frontière naturelle avec la France, l'Andorre, et le golfe de Gascogne. Le Portugal et l'océan Atlantique bordent l'ouest et le nord-ouest. Le territoire espagnol inclut également les îles Baléares en Méditerranée, les îles Canaries dans l'océan Atlantique au large de la côte africaine, et deux cités autonomes en Afrique du Nord, Ceuta et Melilla, limitrophes du Maroc. Avec une superficie de 504 030 km², l'Espagne est le pays le plus étendu d'Europe de l'Ouest et de l'Union européenne après la France.
Du fait de son emplacement, le territoire espagnol a été l'objet de nombreuses influences externes, souvent simultanément, depuis les temps préhistoriques jusqu'à la naissance de l'Espagne en tant que pays. Inversement, le pays lui-même a été une importante source d'inspiration pour d'autres régions, principalement durant l'ère moderne, lorsqu'il est devenu un empire colonial qui a laissé un héritage de plus de 400 millions d'hispanophones à ce jour.
L'Espagne est une monarchie constitutionnelle au régime démocratique parlementaire. C'est un pays développé doté de la neuvième plus forte économie mondiale par PIB nominal (douzième à parité de pouvoir d'achat), et d'un niveau de vie « très élevé » (15e au classement IDH en 2007). C'est un membre de l'Organisation des Nations unies, de l'Union européenne, de l'Union latine, de l'OTAN, de l'OCDE, et de l'OMC.
  </div>
 
  <div id="content3" class="scrolling-content">
  <h2>Illustrations</h2>La France, en forme longue la République française, est une république constitutionnelle unitaire à régime semi-présidentiel dont la majeure partie du territoire et de la population sont situés en Europe occidentale, mais qui comprend également plusieurs régions et territoires répartis dans les Amériques, l’océan Indien et l'océan Pacifique. Elle a pour capitale Paris, pour langue officielle le français et pour monnaie l’euro. Sa devise est « Liberté, Égalité, Fraternité », et son drapeau est constitué de trois bandes verticales respectivement bleue, blanche et rouge. Son hymne est La Marseillaise. Son principe est gouvernement du peuple, par le peuple et pour le peuple4.
La France est un pays ancien, formé au Haut Moyen Âge. Depuis le début du XVIe siècle jusqu'à la première moitié du XXe siècle, elle possède un vaste empire colonial. À partir des années 1950, elle est l’un des acteurs de la construction de l’Union européenne. Elle est une puissance nucléaire, et l’un des cinq membres permanents du Conseil de sécurité des Nations unies. La France joue un rôle important dans l’histoire mondiale par l’influence de sa culture et de ses valeurs démocratiques, laïques et républicaines.
La France a, en 2011, le cinquième plus important produit intérieur brut au monde. Son économie, de type capitaliste avec une intervention étatique assez forte, fait d’elle un des leaders mondiaux dans les secteurs de l’agroalimentaire, de l’aéronautique, de l’automobile, des produits de luxe, du tourisme et du nucléaire.
Peuplée de 65,3 millions d’habitants au 1er janvier 20125, la France est un pays développé, avec un indice de développement humain très élevé6.
  </div>
 
  <div id="content4" class="scrolling-content">
 <h2>Design</h2>
  </div>
 
  <div id="content5" class="scrolling-content">
  <h2>Hangover</h2>
  </div>
 
  <div id="content6" class="scrolling-content">
  <h2>Accueil</h2>
  </div>
 
</div>
</div>
</div>
 
<script src="js/scrolling.js" type="text/javascript"></script>
</body>
</html>

le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
* {margin:0; padding:0; border:none;}
html {height:100%; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {font-weight:normal; margin:10px 0 10px 0;}
 
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}
 
a, a:visited {color:#FFFFFF; text-decoration:none; font-variant:small-caps;}
a:hover, a:active {color:#CCCCCC; text-decoration:none; font-variant:small-caps;}
 
body {margin:0px; padding:0px; background-color:#b4916f;}
 
#menu {width:600px; margin-left:auto; margin-right:auto;}
a#accueil {width: 76px;}
a#accueil:hover { background-position: -600px 0%;}
a#comics {width: 69px;}
a#comics:hover {background-position: -676px 0%;}
a#illustrations {width: 101px; }
a#illustrations:hover {background-position: -745px 0%;}
a#design {width: 144px; }
a#design:hover {background-position: -846px 0%;}
a#hangover {width: 86px; }
a#hangover:hover {background-position: -990px 0%;}
a#contact {width: 124px; }
a#contact:hover {background-position: -1076px 0%;}
ul li {float: left;}
ul li a {display: block; text-indent: -5000px; height: 50px; line-height: 30px;}
ul li a:hover {background: transparent url(../images/interface/menu.png) no-repeat top left;}
ul {background: transparent url(../images/interface/menu.png) no-repeat; position: absolute; text-align: center; top: 0; width: 600px;}
ul, li {list-style: none; margin: 0; padding: 0;}
 
#kep {margin:0px auto; width:100%;}
#contenu-bg {width:9500px; height:771px; background-position:top left; background-repeat:no-repeat;}
#contenu {margin:0px; overflow:hidden; /*height:771px; width:99,9%;*/ border:none;}
#copyright {text-align:center; color:#333333; padding-top:825px;}
.scrolling-content {width:1583px; height:771px; margin-top:50px; position:absolute;}
 
#content1 {left:0px; top:0px; background-image:url(../images/interface/bg1.png);}
#content2 {left:1583px; top:0px; background-image:url(../images/interface/bg2.png);}
#content3 {left:3166px; top:0px; background-image:url(../images/interface/bg3.png);}
#content4 {left:4749px; top:0px; background-image:url(../images/interface/bg4.png);}
#content5 {left:6332px; top:0px; background-image:url(../images/interface/bg5.png);}
#content6 {left:7915px; top:0px; background-image:url(../images/interface/bg6.png);}
 
#portfolio_anteriores {top: 120px; right: 0px;}
#portfolio_siguientes {top: 200px; right: 0px;}

**NoSmoking** · 22/09/2012, 18h16

Néanmoins, j'ai beau avoir modifier mon code en mettant la structure que tu m'as donné, mais rien n'y fait :

erreur en amont !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$('accueil').addEvent('click', function(e){
	e = new Event(e);
	// mySlide.slideOut();  CELA SORT D'OU ????
	scroll.toElement('content1');
	e.stop();
});

**Kepounet** · 22/09/2012, 18h34

Comme dit précédemment, c'est un code que j'ai pris sur internet. Je ne maîtrise que le CSS/XHTMl et tout cela m'échappe. J'ai tout de même effacer la ligne de code que tu as mentionné mais le défilement ne se fait toujours pas.

http://kepit.free.fr/test/ > Ca c'est le site en test. Normalement en cliquant sur les différents liens du menu, le design défile pour s'arrêter dans la section mentionnée.

En tout cas, merci de prendre du temps pour aider !

**NoSmoking** · 22/09/2012, 18h46

vu en fin de ton fichier scrolling.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
// Slide About
$('accueil').addEvent('click', function(e){
	e = new Event(e);
	mySlide.slideIn();
	scroll.toElement('content1');
	e.stop();
});

**Kepounet** · 22/09/2012, 18h55

Je me suis basé sur ce site et du coup j'ai pris les fichiers qui s'y trouvait pour le scrolling, notamment ce fichier que j'ai modifié pour l'adapter à mon design.

**NoSmoking** · 22/09/2012, 19h07

- pour ton menu tu peux faire plus propre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
window.addEvent('domready', function(){
  var oMenu = [
    {'lien': 'accueil',       'cible': 'content1'},
    {'lien': 'comics',        'cible': 'content2'},
    {'lien': 'illustrations', 'cible': 'content3'},
    {'lien': 'design',        'cible': 'content4'},
    {'lien': 'hangover',      'cible': 'content5'},
    {'lien': 'contact',       'cible': 'content6'}
  ];
  var scroll = new Fx.Scroll('page', {
  	wait: false,
  	duration: 2500,
  	offset: {'x': 0, 'y': 0},
  	transition: Fx.Transitions.Sine.easeInOut
  });
 
  $each( oMenu, function( objet){
  //oMenu.each( function( objet){
    $(objet['lien']).addEvent('click', function(event){
  	  event = new Event(event).stop();
  	  scroll.toElement( objet['cible']);
    });
  });
});

- pour l'effet il te manque un position:relative pour ta DIV <div id="contenu-bg">, dans la source citée observes le style de la DIV <div id="contenedor-bg">

-pour ta <div id="menu">, mets une height pour ne pas avoir de soucis
...

**Kepounet** · 22/09/2012, 19h13

J'ai bien fais ce que tu m'as dit > http://kepit.free.fr/test/. Le menu disparaît avec position:relative mais grâce à height, il fonctionne mais toujours pas le défilement. J'ai également changer le code de scolling.js en mettant celui que tu m'as gentiment écrit !

**NoSmoking** · 22/09/2012, 22h16

J'ai également changer le code de scolling.js en mettant celui que tu m'as gentiment écrit !

il faut néanmoins adapter en mettant l'ID de la DIV conteneur donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  var scroll = new Fx.Scroll('page', {

devient

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  var scroll = new Fx.Scroll('contenu', {

**Kepounet** · 23/09/2012, 14h24

Ca marche ! Merci beaucoup NoSmocking ! Je t'envoi le lien du site définitif pour que tu voyes le résultat final dans quelques jours. encore merci à toi d'avoir pris du temps ! Bonne journée

Défilement vertical

JavaScript

Discussions similaires

Partager

Partager