var lente;
var nuovaimg;



function go(){

	
	$$('div.slider').each(function(el, i){
	
		var slider = new Slider(el, el.getElement('.knob'), {
			steps: 100,  
			wheel: true, 
			mode: "vertical",
			onChange: function(){
				$('val-'+el.id).innerHTML=100-this.step+"%";
				$('img-'+el.id).setStyle('opacity', (100-this.step)/100);
				if($('dida-legenda') && el.id=="slide3")$('dida-legenda').setStyle('opacity', (100-this.step)/100);
			}
		}).set(100);
		
		if(el.hasClass('cento'))slider.set(0);
		if(el.hasClass('cinquanta'))slider.set(50);
		if(el.hasClass('venti'))slider.set(20);

		
	});

    /*

    $$('.cont-immagine img').addEvent('mouseenter',function(e){
    
            
                nuovaimg=this.clone();
    
                var parent=this.getParent();
 
                    var e=new Event(e);
                    var x=e.page.x;
                    var y=e.page.y;
    
                lente = new Element("div", {"id":"lente"});
                
                lente.adopt(nuovaimg);
                parent.adopt(lente);

                    var e=new Event(e);
                    var x=e.page.x;
                    var y=e.page.y;
                    var parent=this.getParent();
                    var coords=parent.getCoordinates();
                    
                    document.title=coords.left;

                    lente.setStyles({
                    "top":(y-coords.top-100)+"px",
                    "left":(x-coords.left-150)+"px"
                    });
                    nuovaimg.setStyles({
                        "width":"auto",
                        "height":"auto",
                        "margin-top":"-"+(((y-coords.top-100)*812)/500)+"px",
                        "margin-left":"-"+(((x-coords.left-150)*918)/565)+"px"
                    });     
                                   
                    

                lente.addEvent('mousemove',function(e){
            
                
                        var e=new Event(e);
                        var x=e.page.x;
                        var y=e.page.y;
                        var parent=this.getParent();
                        var coords=parent.getCoordinates();
    
                        lente.setStyles({
                            "top":(y-coords.top-100)+"px",
                            "left":(x-coords.left-150)+"px"
                        });
    
                        nuovaimg.setStyles({
                            "width":"auto",
                            "height":"auto",
                            "margin-top":"-"+(((y-coords.top-100)*812)/500)+"px",
                            "margin-left":"-"+(((x-coords.left-150)*918)/565)+"px"
                        }); 
                        
                }); 
                
                lente.addEvent('mouseleave',function(){
                
                    lente.destroy();
                
                });
            });
            
            */
	
	/*
	var dimensioni=new Array();

                $$('.cont-immagine .area').each(function(el, i){ 
                        var e=$(el);
                        var dim=e.getCoordinates('cont-immagine'); 
                        dimensioni[e.id]={"w":dim.width,"h":dim.height,"l":dim.left,"t":dim.top};
                
                });  	
	

	$$('div.zoom').each(function(el, i){
	
		var slider = new Slider(el, el.getElement('.knob'), {
			steps: 100,  
			wheel: true, 
			onChange: function(){
			     
			    var w_immagine_originale=812; 
			    var h_immagine_originale=918; 
			    var w_immagine_ridotta=500; 
			    var h_immagine_ridotta=565; 

			    var newwi=((w_immagine_originale-w_immagine_ridotta)*this.step/100)+w_immagine_ridotta;

			    var step=this.step;

                var myDragScroller = new Drag('cont-immagine', {
                    style: true,
                    invert: false
                });


                $$('.cont-immagine img').each(function(el, i){      
                        el.setStyle('width', newwi+"px");
                        h=el.getStyle('height');     
                        el.setStyle('left', "-"+(newwi-w_immagine_ridotta)/2+"px");   
                        el.setStyle('top', "-"+(h-h_immagine_ridotta)/2+"px"); 
                });                

                $$('.cont-immagine .area').each(function(el, i){ 
                        var e=$(el);
                        oldw=dimensioni[e.id].w;
                        oldh=dimensioni[e.id].h;
                        oldl=dimensioni[e.id].l;
                        oldt=dimensioni[e.id].t;
                        
                        neww=oldw*newwi/w_immagine_ridotta;     
                        el.setStyle('width', neww+"px");
                        newh=oldh*newwi/w_immagine_ridotta;     
                        el.setStyle('height', newh+"px");  
                        newl=oldl*newwi/w_immagine_ridotta;     
                        el.setStyle('left', newl+"px");
                        newt=oldt*newwi/w_immagine_ridotta;     
                        el.setStyle('top', newt+"px");  
                        
                                              

                });  

                $('val-'+el.id).innerHTML=this.step+"%";
				
			}
		}).set(0);


		
	});
    */




	
	$$('.cont-immagine').addEvent('mouseenter',function(el,i){  
        $$('.area').each(function(el, i){      
            appari(el);      
        });
    });
	$$('.cont-immagine').addEvent('mouseleave',function(el,i){  
        $$('.area').each(function(el, i){      
            scompari(el);        
        });
    });	

	$$('a').addEvent('mouseover',function(){      
            this.alt=this.title;
            this.title="";  
    });
	$$('a').addEvent('mouseout',function(){     
            this.title=this.alt;       
    });	
	$$('a').addEvent('mousedown',function(){    
            this.title=this.alt;       
    });
    	
}

window.addEvent('load', function(){
    if($('caricamento')){
        scompari('caricamento');
        appari('content');
    }
    go();
});