var Navigateur = Class.create(); Navigateur.prototype = { initialize:function(Map,id_container) { this.A0=Map; this.A0.A10=this; this.A1="Navigateur"; this.A2="Statique"; this.A3="Slide"; var Nav='<div ' +'id="'+this.A1+'"' +'style="position:absolute;' +'backgroud-color:red;' +'z-index:100;' +'width:60px;height:100px;left:5px;top:5px;' +'overflow:hidden;' +'"></div>'; var stat='<div ' +' id ="' +this.A2+'"' +'style="position:absolute;' +'background-repeat:repeat-y;' +'width:18px;top:21px;left:21px;' +'background-image:url(images/navcorp.gif);' +'overflow:hidden;' +'"></div>'; var slide ='<div' +' id ="'+this.A3+'"' +'style="position:absolute;' +'width:18px;height:8px;left:0px;top:0px;' +'background-image:url(images/mov.gif);background-repeat:no-repeat;' +'overflow:hidden;' +'"></div>'; new Insertion.Bottom($(id_container),Nav); new Insertion.Bottom($(this.A1),stat); new Insertion.Bottom($(this.A2),slide); this.A4=this.A0.A19;this.A5=this.A0.A17+1; this.A6=1; this.A7=6; this.A8=this.A6+this.A7/2; this.A9=this.A7+this.A6;this.A10=this.A8+(this.A5-1)*this.A9;var statique_taille=this.A5*this.A9+this.A6;$(this.A2).setStyle({height:statique_taille+'px'}); $(this.A1).setStyle({height:(statique_taille+120)+'px'}); this.A15(this.A10-(this.A4)*this.A9); this.A16('plus_icon' ,20 ,1,20 ,20 ,-5 ,-2); this.A16('moin_icon' ,20 ,(22+statique_taille) ,20 ,20 ,-38 ,-2); this.A16('left_icon' ,0 ,(62+statique_taille ) ,17 ,26 ,0 ,-43); this.A16('right_icon',42 ,(62+statique_taille) ,17 ,26 ,-44 ,-43); this.A16('top_icon' ,18 ,(44 +statique_taille) ,26 ,17 ,-19 ,-25); this.A16('down_icon' ,18 ,(87+statique_taille) ,26 ,17 ,-19 ,-70); this.A16('init_icon' ,19 ,(63+statique_taille) ,22 ,22 ,-20 ,-45); }, A12:function(evt) { var yy = Event.pointerY(evt)-Position.page($(this.A2))[1]-Position.realOffset($(this.A1))[1]; this.A15(yy); Event.observe($(this.A1),'mousemove',this.eventmousemove); Event.observe(document,'mouseup',this.eventmouseup); Event.stop(evt); }, A13:function(evt) { var mov_y = Event.pointerY(evt)-Position.page($(this.A2))[1]-Position.realOffset($(this.A1))[1]; this.A15(mov_y); Event.stop(evt); }, A14:function() { if (this.A0!=null)this.A0.A82(this.A4,this.A0.A51,this.A0.A53); Event.stopObserving($(this.A1),'mousemove',this.eventmousemove); Event.stopObserving(document,'mouseup',this.eventmouseup); }, A15:function(pos){ var pos1=pos-(pos-this.A8)%this.A9;var pos2=pos1+this.A9;if (pos2-pos<pos-pos1)pos=pos2; else pos=pos1; if(this.A8<=pos && this.A10>= pos) { $(this.A3).setStyle({top:(pos-$(this.A3).getDimensions().height/2)+'px'}); this.A4=parseInt((this.A10-pos)/this.A9); } }, A16: function(id,lImg,tImg,w,h,l,t) { var clipperDiv = '<div id ="clip_'+id+'" style="position: absolute;"></div>'; var iconDiv ='<div id ="icon_'+id+'" class="navigator"></div>'; new Insertion.Bottom($(this.A1),clipperDiv); new Insertion.Bottom($('clip_'+id),iconDiv); $('clip_'+id).style.top=tImg+'px'; $('clip_'+id).style.left=lImg+'px'; $('icon_'+id).style.top=t+'px'; $('icon_'+id).style.left=l+'px'; $("clip_"+id).makeClipping().setStyle({ width: w+'px',height: h+'px'}); }, A17:function(id_icon,evt) { Event.observe($('icon_'+id_icon),'click',evt); }, A18:function() { this.A0.A93('left');
}, A19:function () { this.A0.A93('right');
},A20:function () { this.A0.A93('up');
},A21:function() { this.A0.A93('down');
}, A22:function () { this.A0.A80();
}, A23:function () { this.A0.A81();
}, A24:function () { this.A0.A103();
}, A25:function () { this.eventmousemove = this.A13.bindAsEventListener(this); this.eventmouseup = this.A14.bindAsEventListener(this); this.eventmousedown = this.A12.bindAsEventListener(this); this.eventplus = this.A22.bind(this); this.eventmoin = this.A23.bind(this); this.eventtop = this.A20.bind(this); this.eventdown = this.A21.bind(this); this.eventleft = this.A18.bind(this); this.eventright =this.A19.bind(this); this.eventinit = this.A24.bind(this); this.A17('plus_icon',this.eventplus); this.A17('moin_icon',this.eventmoin); this.A17('left_icon',this.eventleft); this.A17('right_icon',this.eventright); this.A17('top_icon',this.eventtop); this.A17('down_icon',this.eventdown); this.A17('init_icon',this.eventinit); Event.observe($(this.A2),'mousedown',this.eventmousedown); } }; 
