var diapo = {
		stopl:0,
		stopr:0,
        
        init: function() {
                if(!document.getElementById || !$("diapos")) return;
				
				diapo.ul = $("diapos").down("ul");
				diapo.plan =$("plan");
				
				$("diapos").setStyle({'padding-bottom':'8px','overflow':'hidden'});
				$("diapos").addClassName('on');
								
				diapo.clipObj = $("diapos").appendChild(document.createElement("div"));
               
                diapo.clipObj.appendChild(diapo.ul);
				
				diapo.ul.setStyle({'position':'absolute',
									'display':'block',
									'white-space':'nowrap',
									'margin':'0'});
				
				diapo.clipObj.id = "clipdiapos";
				
                $("clipdiapos").setStyle({ 	'display':'block',
											'position':'relative',
											'overflow':'hidden',
											'width':'714px',
											'left':'20px',
											'height':'60px',
											'z-index':'1'});
				
                diapo.righta = $("diapos").appendChild(document.createElement("a"));
				diapo.righta.id = "righta";
				$("righta").setStyle({ 	'display':'block',
										'position':'absolute',
										'width':'20px',
										'height':'76px',
										'top':'0',
										'cursor':'pointer',
										'left':'0px',
										'background':'transparent url(/images/fleche_gauche.png) no-repeat center',
										'z-index':'3'});
										
				$("righta").observe('click',diapo.movetoleft);
				$("righta").hide();
								
				diapo.lefta = $("diapos").appendChild(document.createElement("a"))
				diapo.lefta.id = "lefta";
				$("lefta").setStyle({ 	'display':'block',
										'position':'absolute',
										'width':'20px',
										'height':'76px',
										'cursor':'pointer',
										'top':'0',
										'left':'734px',
										'background':'transparent url(/images/fleche_droite.png) no-repeat center',
										'z-index':'3'});
										
				$("lefta").observe('click',diapo.movetoright);
				if( $(diapo.ul).offsetWidth < 714)
				{
					$("lefta").hide();
				}
				diapo.imgs= [];
				diapo.as = $$("a[rel=diaporama]");
				
				diapo.container=$('view').parentNode;
				$(diapo.container).setStyle({ 'height': $(diapo.container).offsetHeight+'px'})
				
				for(var i = 0; i < diapo.as.length; i++)
				{
					diapo.imgs.push(new Array(diapo.as[i].getAttribute('href'), diapo.as[i].down('img').getAttribute('alt')));
					diapo.as[i].href="javascript:;";
					diapo.as[i].down('img').alt='';
					diapo.as[i].num = i;	
					diapo.as[i].observe('click',diapo.fadeit);
					
					if( diapo.as[i].hasClassName('selection') ){
						diapo.actimg = diapo.as[i];
					}
				}
				
				Element.setOpacity (diapo.actimg, 0.5);
				//new Effect.Opacity(diapo.actimg, {duration:0.5, from:1.0, to:0.4});
				
		},
		fadeit:function(e){
			$('comment').innerHTML='';
				if(diapo.actimg){
				Element.setOpacity (diapo.actimg, 1.0);
				//new Effect.Opacity(diapo.actimg, {duration:0.5, from:0.4, to:1.0});
				diapo.actimg.removeClassName('selection');
				diapo.resetplan();
				}
				var elem = $(Event.findElement(e, "a"));
				diapo.actimg = elem;
				//alert(diapo.actimg + " :"  +diapo.imgs[diapo.actimg][0]);
				Element.setOpacity (diapo.actimg, 0.5);
				//new Effect.Opacity(diapo.actimg, {duration:0.5, from:1.0, to:0.4});
				diapo.actimg.addClassName('selection');
				
				
				 new Effect.Opacity('view', {duration:0.5, from:1.0, to:0.0, afterFinish:diapo.change});
				
				//new Effect.BlindDown.toggle($('view'),{duration:0.5, afterFinish:diapo.change});
				//new Effect.Fade('comment',{duration:0.5})
		},
		appearit:function(){
				 new Effect.Opacity($('view'),{	duration:0.5,
												afterFinish:function(){	
													$('comment').innerHTML=diapo.imgs[diapo.actimg.num][1];
													diapo.plan.addClassName(diapo.actimg.down("img").className);
												}
				});
			
				
		},
		change:function(e){
				
				
				
				var preloader = new Image;
				
				preloader.onload=function(){
						$('view').src=diapo.imgs[diapo.actimg.num][0];
						
						preloader.onload=function(){};	//	clear onLoad, IE behaves irratically with animated gifs otherwise
						diapo.appearit();
				}
				preloader.src=diapo.imgs[diapo.actimg.num][0];
				return false;
		},
        movetoleft:function() {
				if(diapo.ul.offsetLeft>=-300){$("righta").hide()};
				new Effect.Move(diapo.ul, {x:300});
				$("lefta").show();
		},
        movetoright:function() {
				if((diapo.ul.offsetWidth+diapo.ul.offsetLeft)<=1014){$("lefta").hide()};
				new Effect.Move(diapo.ul, {x:-300});
				$("righta").show();
        },
        resetplan:function() {
				diapo.plan.removeClassName('planext01');
				diapo.plan.removeClassName('planext02');
				diapo.plan.removeClassName('planext03');
				diapo.plan.removeClassName('planint01');
				diapo.plan.removeClassName('planint02');
				diapo.plan.removeClassName('planint03');
				diapo.plan.removeClassName('planint04');
        } 
}

Event.observe(window, 'load', diapo.init);